/* スマホの縦の長さを詰める（なつさん 2026-10-30「SP最適化。イベントが長い、記事とできることはスクロールが長すぎる」）。動きは sp.js */
@media(max-width:760px){
 /* イベント：一覧は最初の4件だけ。残りは「ほかのイベント」で開く */
 html #events .evl.sp-fold>.evr:nth-child(n+5){display:none!important}
 .sp-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:14px 0 0;padding:15px 18px;border:1px solid var(--line,#cfc8b8);border-radius:999px;background:transparent;color:var(--ink,#1c1f22);font:600 14px/1 var(--sans);letter-spacing:.06em;cursor:pointer}
 .sp-more i{font-style:normal;transition:transform .3s}
 .sp-more[aria-expanded="true"] i{transform:rotate(180deg)}

 /* 書いたもの：縦に6枚並べず、横にめくる。次の札が少し見えるようにして、めくれると分かるようにする */
 html #insight .icards{display:flex!important;gap:14px;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 20px;margin:0 -20px!important;padding:4px 20px 14px!important;scrollbar-width:none;grid-template-columns:none!important}
 html #insight .icards::-webkit-scrollbar{display:none}
 html #insight .icard{flex:0 0 80%;max-width:80%;scroll-snap-align:start;margin:0!important}
 .sp-swipe{display:flex;align-items:center;gap:8px;margin:6px 0 0;font:500 12px/1 var(--mono,monospace);letter-spacing:.08em;color:#8a857b}
 .sp-swipe b{display:flex;gap:5px}.sp-swipe b i{width:6px;height:6px;border-radius:50%;background:#cfc8b8;transition:background .2s,width .2s}
 .sp-swipe b i.on{background:var(--ink,#1c1f22);width:16px;border-radius:3px}

 /* 相談できる仕事：絵は見出しの右に小さく。下の「実践」と「相談する」は詰める */
 html #highlights .nv-order{display:grid!important;grid-template-columns:minmax(0,1fr) 96px;column-gap:14px;align-items:start}
 html #highlights .nv-order>*{grid-column:1/-1}
 html #highlights .nv-kicker{grid-column:1;grid-row:1}
 html #highlights .nv-order h3{grid-column:1;grid-row:2;min-height:0!important;font-size:19px!important;line-height:1.6!important;margin-top:8px!important;word-break:auto-phrase}
 html #highlights .nv-scene{grid-column:2;grid-row:1/3;width:96px!important;height:96px!important;margin:4px 0 0!important;align-self:center;aspect-ratio:auto}
 html #highlights .nv-scene text{display:none}
 html #highlights .nv-support{margin-top:10px!important;max-width:none!important}
 html #highlights .nv-evidence{padding-top:12px!important;padding-bottom:12px!important;margin-top:12px!important}
 html #highlights .nv-consult{padding-top:12px!important;padding-bottom:12px!important}
 html #highlights .nv-grid{gap:40px!important}
}
/* 仕事：1列に6枚だと縦に長い（なつさん 2026-10-30「仕事も縦長だ」）。2列にして6件を一度に見渡せるようにする。札の中の字とタグは小さく */
@media(max-width:760px){
 html #projects .pcards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
 html #projects .pcard{margin:0!important;min-width:0}
 html #projects .pcard .art{height:auto!important;aspect-ratio:3/2}
 html #projects .pcard .cc-go{width:26px!important;height:26px!important}
 html #projects .pcard .body{padding:10px 2px 0!important}
 html #projects .pcard h3{font-size:14.5px!important;line-height:1.5!important;margin:0!important}
 html #projects .pcard .tags{gap:2px 8px!important;margin-top:6px!important}
 html #projects .pcard .tags span{font-size:10.5px!important;letter-spacing:0!important}
}