:root{--bg:#f6f5f2;--card:#fff;--ink:#1d1d1b;--mute:#6b6b66;--line:#e6e3dc;--acc:#1f6f5f;--acc2:#e9f3f0;--warn:#b4541a;--warn2:#fff1e8;--bad:#b3261e;--bad2:#fdecea}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR",sans-serif}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
header.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.top .in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
header.top .brand{font-weight:700;letter-spacing:.2px}header.top nav a{color:var(--ink);padding:6px 8px;border-radius:6px}
header.top nav a.on{background:var(--acc2);color:var(--acc)}header.top .sp{flex:1}
main{max-width:1180px;margin:0 auto;padding:18px 16px 60px}
h1{font-size:22px;margin:4px 0 14px}h2{font-size:17px;margin:22px 0 10px}h3{font-size:15px;margin:12px 0 6px}
.banner{background:var(--warn2);color:var(--warn);border:1px solid #f1cdb4;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}
.flash{padding:9px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}.flash.ok{background:var(--acc2);color:var(--acc)}.flash.err{background:var(--bad2);color:var(--bad)}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
.card h2{margin-top:0}.mute{color:var(--mute)}.small{font-size:13px}.tiny{font-size:12px}
.kpi{display:flex;gap:14px;flex-wrap:wrap}.kpi div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;min-width:140px}
.kpi b{display:block;font-size:22px}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#eee;color:#444;margin-right:4px}
.pill.new{background:#e8f0fe;color:#1a4fb0}.pill.rising{background:var(--acc2);color:var(--acc)}.pill.fading{background:#f3f3f3;color:#777}.pill.archived{background:#eee;color:#999}
.pill.A{background:var(--warn2);color:var(--warn)}.pill.B{background:var(--acc2);color:var(--acc)}.pill.C{background:#efe8fb;color:#6a3fb5}
.pill.own{background:var(--acc2);color:var(--acc)}.pill.reference{background:var(--bad2);color:var(--bad)}
.pill.instagram{background:#fde8f1;color:#b3246a}.pill.tiktok{background:#111;color:#fff}.pill.threads{background:#222;color:#fff}
.pill.pending{background:#fff6d6;color:#8a6500}.pill.published{background:var(--acc2);color:var(--acc)}.pill.failed,.pill.cancelled,.pill.expired{background:#eee;color:#777}
button,.btn{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;color:var(--ink)}
button.primary,.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}button.danger{color:var(--bad);border-color:#f0c9c6}
button.go{background:#1d1d1b;color:#fff;border-color:#1d1d1b;font-weight:600}
form.inline{display:inline}form.row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
label{display:block;font-size:13px;color:var(--mute);margin:8px 0 3px}
input[type=text],input[type=password],input[type=url],textarea,select{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
textarea{min-height:110px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.thumb{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#eee}
.thumb .cap{padding:6px 8px;font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thumb.ref{border-color:#f0c9c6}.thumb.sel{outline:2px solid var(--acc)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mute);font-weight:500}
.trend{border-left:4px solid var(--line);padding:8px 12px;margin:8px 0;background:#fff;border-radius:0 10px 10px 0;border:1px solid var(--line);border-left-width:4px}
.trend.rising{border-left-color:var(--acc)}.trend.new{border-left-color:#1a4fb0}.trend.fading{border-left-color:#bbb}
.trend .nm{font-weight:600}.trend .meta{font-size:12px;color:var(--mute)}
.prop{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;display:grid;grid-template-columns:120px 1fr;gap:12px}
.prop img{width:120px;height:120px;object-fit:cover;border-radius:8px;background:#eee}.prop .ph{width:120px;height:120px;border-radius:8px;background:var(--warn2);color:var(--warn);display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;padding:8px}
.prop pre{white-space:pre-wrap;font:inherit;margin:6px 0;background:#faf9f6;padding:8px;border-radius:8px}
.gate{border:2px solid var(--acc);border-radius:12px;padding:12px;background:#fff}
.gate .txt{white-space:pre-wrap;background:#faf9f6;padding:10px;border-radius:8px;margin:8px 0}
.drop{border:2px dashed var(--line);border-radius:12px;padding:16px;background:#fff}
code{background:#f1efe9;padding:1px 5px;border-radius:4px;font-size:13px}
.right{text-align:right}.row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
@media (max-width:640px){.prop{grid-template-columns:1fr}.prop img,.prop .ph{width:100%;height:160px}}
/* trend → photos → content flow */
.steps{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0 6px}.steps .step{background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px}
.steps .step b{color:var(--acc);margin-right:4px}.steps .arrow{color:var(--mute)}.steps .sp{flex:1}
.flowcard{margin:10px 0;border-left-width:4px}.flowcard.rising{border-left-color:var(--acc)}.flowcard.new{border-left-color:#1a4fb0}.flowcard.fading{border-left-color:#bbb}
.flowcard .fc-head{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.flowcard .nm{font-weight:600;font-size:16px}
.thumb.match{cursor:pointer}.thumb.match .cap{white-space:normal}.thumb.match input{vertical-align:middle}.thumb .tags{padding:0 8px 6px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lbl{font-weight:600}.lbl.good{color:var(--acc)}.lbl.maybe{color:#8a6500}.lbl.weak{color:var(--mute)}
.strip{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.strip img{width:44px;height:44px;object-fit:cover;border-radius:6px;background:#eee;border:1px solid var(--line)}
/* trend example pictures — explore-style grid (display only; never published) */
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;margin-top:8px}
.igrid .tile{position:relative;aspect-ratio:1;background:#eee;border-radius:6px;overflow:hidden}
.igrid .tile img{width:100%;height:100%;object-fit:cover;display:block}
.igrid .tile .src{position:absolute;left:4px;top:4px;font-size:10px;background:rgba(0,0,0,.55);color:#fff;padding:1px 5px;border-radius:999px}
.igrid .tile form{position:absolute;right:4px;bottom:4px;opacity:0;transition:opacity .15s}.igrid .tile:hover form{opacity:1}
.igrid .tile button.tiny{padding:2px 6px;font-size:11px;background:rgba(255,255,255,.92)}
button.tiny{padding:2px 8px;font-size:12px}
/* kanban board dashboard */
.kpi.slim div{padding:8px 12px;min-width:120px}.kpi.slim b{font-size:18px}.kpi.slim .st{flex:1;min-width:260px}
.board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;margin-top:14px;align-items:start}
@media (max-width:1180px){.board{grid-template-columns:repeat(5,250px);overflow-x:auto;padding-bottom:8px}}
.col{background:#eeece7;border-radius:14px;padding:10px;min-height:320px}
.col header{padding:4px 4px 8px}.col header h2{margin:0;font-size:15px}.col header h2 b{color:#c2185b;font-weight:700;margin-left:4px}
.col header form{margin-top:6px}
.kcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}
.kcard .th{position:relative;display:block;border-radius:8px;overflow:hidden;background:#ece9e2;aspect-ratio:4/3}
.kcard .th img{width:100%;height:100%;object-fit:cover;display:block}
.kcard .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9a978f;font-size:12px;text-align:center;padding:8px}
.kcard .badge{position:absolute;left:6px;top:6px;background:#1d1d1b;color:#fff;font-size:11px;padding:2px 7px;border-radius:6px;font-weight:600}
.kcard .badge.kind{left:auto;right:6px}.kcard .badge.A{background:var(--warn)}.kcard .badge.B{background:var(--acc)}.kcard .badge.C{background:#6a3fb5}
.kcard .badge.new{background:#1a4fb0}.kcard .badge.rising{background:var(--acc)}.kcard .badge.fading{background:#999}
.kcard .badge.instagram{background:#b3246a}.kcard .badge.tiktok{background:#111}.kcard .badge.threads{background:#222}
.kcard .more{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:2px 6px;border-radius:999px}
.kcard .meta{font-size:11px;color:var(--mute);margin:8px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kcard h3{margin:0 0 6px;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kcard h3 a{color:var(--ink)}
.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px;background:#f3f3f3;color:#555;margin-bottom:8px}
.chip.warn{background:#fde8f1;color:#b3246a}.chip.ok{background:var(--acc2);color:var(--acc)}
.kcard .go{display:block;width:100%;text-align:center;background:#1d1d1b;color:#fff;border:0;border-radius:8px;padding:8px;font-weight:600;font-size:13px;cursor:pointer}
.kcard a.go:hover{text-decoration:none;opacity:.9}.kcard .go.light{background:#f3f3f3;color:#333}
.kcard form{margin:0}.kcard form a.tiny{display:block;text-align:center;margin-top:4px}
.kcard.done{opacity:.85}.col .empty{text-align:center;color:#b5b2aa;padding:30px 0}
.pill.emerging{background:#e8f0fe;color:#1a4fb0}.pill.peak{background:#fff6d6;color:#8a6500}.trend.emerging{border-left-color:#1a4fb0}.trend.peak{border-left-color:#c9a227}
.pill.st-adopted{background:var(--acc2);color:var(--acc)}.pill.st-dismissed{background:#eee;color:#999}.pill.st-reviewed{background:#efe8fb;color:#6a3fb5}
.kcard .badge.emerging{background:#1a4fb0}.kcard .badge.peak{background:#c9a227}.flowcard.emerging{border-left-color:#1a4fb0}.flowcard.peak{border-left-color:#c9a227}
.report h2{margin-top:20px}.report ul{padding-left:20px}
/* shared calendar */
.calhead{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.calhead .calnav{display:flex;gap:6px;align-items:center}.calhead .calnav b{min-width:90px;text-align:center}.calhead .sp{flex:1}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
table.cal{table-layout:fixed;border-collapse:separate;border-spacing:3px}table.cal th{text-align:center;font-size:12px;color:var(--mute);padding:4px 0;border:0}
table.cal td{vertical-align:top;height:96px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}
table.cal td.out{background:#f6f5f2;color:#b5b2aa}table.cal td.today{outline:2px solid var(--acc)}table.cal th.sun,table.cal td.sun .dn a{color:#b3261e}table.cal th.sat,table.cal td.sat .dn a{color:#1a4fb0}
table.cal .dn{text-align:right;margin-bottom:2px}table.cal .dn a{color:var(--ink);font-weight:600;padding:0 3px;border-radius:4px}table.cal .dn a:hover{background:var(--acc2);text-decoration:none}
.ev{display:block;margin:1px 0;padding:1px 5px;border-radius:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;background:#888}.ev:hover{text-decoration:none;opacity:.9}.ev .t{opacity:.85;font-size:10px}
.ev.cont{border-top-left-radius:0;border-bottom-left-radius:0;opacity:.8}
.k-촬영,.ev.k-촬영{background:#c2185b}.k-게시,.ev.k-게시{background:var(--acc)}.k-마감,.ev.k-마감{background:#b4541a}.k-미팅,.ev.k-미팅{background:#1a4fb0}.k-휴무,.ev.k-휴무{background:#6a3fb5}.k-기타,.ev.k-기타{background:#666}
.ev.auto-done{background:#e6e3dc;color:#555}.ev.auto-pending{background:#fff6d6;color:#8a6500}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#666;margin-right:2px;vertical-align:middle}
@media (max-width:900px){.grid[style*="3fr 1fr"]{grid-template-columns:1fr!important}table.cal td{height:72px}}
/* @mentions */
.mention-box{position:absolute;z-index:50;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:4px;max-height:260px;overflow:auto}
.mention-box .mi{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;gap:6px;align-items:center}.mention-box .mi.on,.mention-box .mi:hover{background:var(--acc2)}
.tag{display:inline-block;color:#fff;font-size:11px;padding:1px 7px;border-radius:999px;margin-right:2px}a.tag:hover{text-decoration:none;opacity:.9}
.ev .who{display:inline-block;width:14px;height:14px;line-height:14px;border-radius:50%;font-size:9px;text-align:center;color:#fff;margin-left:3px;vertical-align:middle;border:1px solid rgba(255,255,255,.7)}
form.row>div{min-width:140px}
table.cal td[data-date]{cursor:cell}table.cal.dragging{user-select:none;-webkit-user-select:none}table.cal.dragging td{cursor:cell}
table.cal td.sel{background:var(--acc2);border-color:var(--acc)}table.cal td.out.sel{background:#e3eeea}
/* continuous calendar */
.calwrap{padding:0;overflow:hidden}.caldow{display:grid;grid-template-columns:repeat(7,1fr);font-size:12px;color:var(--mute);text-align:center;padding:6px 0;border-bottom:1px solid var(--line);background:#fff}
.caldow .sat{color:#1a4fb0}.caldow .sun{color:#b3261e}
.calscroll{height:calc(100vh - 215px);min-height:420px;overflow-y:auto;overscroll-behavior:contain;position:relative}
.sentinel{height:1px}
.wk{display:grid;grid-template-columns:repeat(7,1fr);min-height:118px;border-bottom:1px solid var(--line)}
.cd{padding:4px;border-right:1px solid var(--line);font-size:12px;min-width:0;cursor:cell;user-select:none;-webkit-user-select:none}.cd:last-child{border-right:0}
.cd .dn{text-align:right;font-weight:600;padding:0 3px;color:var(--ink)}.cd.first .dn{color:#c2185b}.cd.sat .dn{color:#1a4fb0}.cd.sun .dn{color:#b3261e}
.cd.today .dn{display:inline-block;float:right;background:var(--acc);color:#fff;border-radius:999px;min-width:22px;text-align:center}
.cd.sel{background:var(--acc2)}.ev.temp{background:#1a4fb0;outline:2px solid #fff;box-shadow:0 0 0 1px #1a4fb0}
.popover{position:absolute;z-index:60;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:12px}
.popover .pp-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.popover .pp-row label{margin:0;min-width:32px;font-size:12px}
.popover .pp-title{flex:1;font-size:16px;font-weight:600;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 2px}.popover .pp-kind{width:92px}
.popover .pp-box{background:#faf9f6;border-radius:10px;padding:8px;margin:8px 0}.popover .pp-box .pp-row:last-child{margin-bottom:0}
.popover input[type=date]{flex:1}.popover input[type=time]{width:110px}.popover textarea{min-height:52px;border:0;background:transparent;padding:0}
.popover .pp-err{color:var(--bad);margin:4px 0}.popover .pp-actions{display:flex;gap:6px;align-items:center}.popover .pp-actions .sp{flex:1}
@media (max-width:700px){.wk{min-height:84px}.popover{width:calc(100vw - 24px)}}

/* reference images (shown from the source URL, never stored) */
.trend.has-thumb{display:flex;gap:12px;align-items:flex-start}.trend .trend-body{flex:1;min-width:0}
.trend .thumb{flex:0 0 96px;width:96px;height:96px;border-radius:8px;overflow:hidden;background:#ece9e2;display:block}.trend .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.kcard .th .ref{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;padding:1px 6px;border-radius:999px}
.refgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-bottom:14px}.refgrid a{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#ece9e2}.refgrid img{width:100%;height:100%;object-fit:cover;display:block}
.gridbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.gridbar .chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:13px;color:var(--ink)}
.gridbar .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.gridbar .chip.on .mute{color:#ddd}.gridbar .q{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;min-width:180px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px;background:var(--line)}
.tgrid .tile{position:relative;display:block;aspect-ratio:3/4;border-radius:0;overflow:hidden;background:#ece9e2;color:#fff}   /* Instagram explore: portrait 3:4 tiles */.tgrid .tile:hover{text-decoration:none}
.tgrid .tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.tgrid .tile:hover img{transform:scale(1.03)}
.tgrid .tile .ph{display:none;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;color:#9a978f;font-size:13px;padding:12px 12px 56px}.tgrid .tile.noimg .ph{display:flex}.tgrid .tile.noimg img{display:none}
.tgrid .tile .badge{position:absolute;left:8px;top:8px;background:#1d1d1b;color:#fff;font-size:11px;padding:2px 7px;border-radius:3px;font-weight:600}
.tgrid .tile .badge.rising{background:var(--acc)}.tgrid .tile .badge.emerging{background:#1a4fb0}.tgrid .tile .badge.peak{background:#c9a227}.tgrid .tile .badge.fading{background:#888}
.tgrid .tile .st{position:absolute;right:8px;top:8px;background:rgba(255,255,255,.92);color:var(--ink);font-size:11px;padding:2px 7px;border-radius:3px}
.tgrid .tile .cap{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 9px;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0));font-size:13px;line-height:1.3}
.tgrid .tile .cap b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgrid .tile .cap span{font-size:11px;opacity:.85}
.tgrid .tile.noimg .cap{background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0))}

/* reference videos: the platform's own player, embedded */
.vidgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:14px}
.vidgrid .vid iframe{width:100%;aspect-ratio:9/16;border:0;border-radius:10px;background:#111;display:block}.vidgrid .vid.youtube iframe{aspect-ratio:16/9}
.vidgrid .vid a{display:block;margin-top:4px}
.pill.vidpill{background:#1d1d1b;color:#fff}
.tgrid .tile.vid.noimg{background:#2a2a28}.tgrid .tile.vid.noimg .ph{color:#ddd}.tgrid .tile .ph .play{display:block;font-size:30px;line-height:1;margin-bottom:6px}

/* calendar: month break lines */
.wk.split{display:block}.wkline{display:grid;grid-template-columns:repeat(7,1fr);min-height:118px}.wkline+.wkline{border-top:1px solid var(--line)}
.wkline.mrow{min-height:56px}
.mlabel{display:flex;align-items:center;justify-content:center;background:#faf9f6;color:#c2185b;font-weight:700;font-size:18px;letter-spacing:.3px}
.mpad{background:#faf9f6;border-right:1px solid var(--line)}
@media (max-width:700px){.wkline{min-height:84px}.wkline.mrow{min-height:44px}.mlabel{font-size:15px}}
@media (max-width:700px){.tgrid{grid-template-columns:repeat(3,1fr);margin:0 -16px}}

/* video tiles: player poster as the picture, play glyph top-right (Instagram style), hover plays */
.tgrid .tile iframe.player,.kcard .th iframe.player{position:absolute;left:0;top:50%;width:100%;aspect-ratio:9/16;height:auto;border:0;transform:translateY(-50%);pointer-events:none;background:#111}
.tgrid .tile.instagram iframe.player{aspect-ratio:9/16;top:0;transform:none}
.tgrid .tile.youtube iframe.player{aspect-ratio:16/9;top:0;transform:none;height:100%;width:auto;min-width:100%;left:50%;transform:translateX(-50%)}
.tgrid .tile img.poster,.kcard .th img.poster{width:100%;height:100%;object-fit:cover;display:block}
.tgrid .tile .pi,.kcard .th .pi{position:absolute;right:8px;top:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));line-height:0}
.tgrid .tile.vid{background:#1a1a19}.tgrid .tile.vid .ph{display:flex;color:#8a8880}.tgrid .tile.vid.loaded .ph,.kcard .th.vid.loaded .ph{display:none}
.kcard .th.vid{background:#1a1a19}.kcard .th.vid .ph{color:#8a8880}
/* trend → write → publish flow */
.board.b3{grid-template-columns:repeat(3,minmax(230px,1fr))}
@media (max-width:1180px){.board.b3{grid-template-columns:repeat(3,minmax(250px,1fr))}}
.kcard .why{font-size:12px;color:var(--mute);margin:0 0 8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.explain{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 4px}
.explain>div{background:#faf9f6;border-radius:10px;padding:12px 14px}.explain h3{margin:0 0 6px;font-size:13px;color:var(--mute);font-weight:600}.explain p{margin:0 0 6px;line-height:1.55}
@media (max-width:760px){.explain{grid-template-columns:1fr}}
.trend .idea{margin-top:4px;color:var(--ink)}.trend .idea b{color:var(--acc);font-weight:600;margin-right:4px}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg label{margin:0;border:1px solid var(--line);border-radius:8px;padding:6px 12px;background:#fff;color:var(--ink);cursor:pointer}
.seg label:has(input:checked){border-color:var(--acc);background:var(--acc2)}
.editor .card h3{margin:12px 0 4px;font-size:13px;color:var(--mute);font-weight:600}
a.btn{display:inline-block}a.btn:hover{text-decoration:none}