/* Content AI (redesign): paper on a desk. The article under review sits at reading width with the notes in its margin;
   the hero has no ribbon, so the page reads like an editor's table. The distribution plan is a week of channels. */
.ct-hero{padding-bottom:0}
.ct-desk{max-width:1600px;margin:var(--s8) auto 0;padding:var(--s7) var(--gut) var(--s8);background:var(--cloud);border-radius:var(--r-stage)}
.ct-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s5)}
.ct-tabs [role=tab]{height:44px;padding:0 18px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-size:15.5px;font-weight:700;color:var(--ink);transition:background-color .3s ease,color .3s ease}
.ct-tabs [aria-selected=true]{background:#0870E6;color:#fff;box-shadow:none}
.ct-doc{position:relative}
.ct-body{display:grid}
.ct-pane{grid-area:1/1}
.ct-paper{background:#fff;border-radius:6px;box-shadow:0 1px 2px rgba(11,42,102,.06),0 30px 60px -34px rgba(11,42,102,.4);padding:48px 56px}
.ct-k{font-size:15px;font-weight:800;color:var(--deep);margin-bottom:12px}
.ct-idea{font-size:clamp(24px,2.4vw,32px);line-height:1.35;font-weight:700;letter-spacing:-.015em;color:var(--ink);max-width:30em}
.ct-from{margin-top:16px;font-size:16px;color:var(--text)}
.ct-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s7)}
.ct-brief div{padding:14px 0;border-top:1px solid var(--line)}
.ct-brief dt{font-size:14.5px;font-weight:700;color:var(--deep)}.ct-brief dd{margin-top:4px;font-size:17px;line-height:1.5;color:var(--ink)}
/* the spread: article and margin notes */
.ct-spread{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s5);align-items:start}
.ct-draft{display:grid;gap:18px;max-width:none}
.ct-meta{font-size:15px;font-weight:700;color:var(--text)}
.ct-dh{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.025em;font-weight:800;color:var(--ink)}
.ct-draft p:not(.ct-dh):not(.ct-meta){font-size:19px;line-height:1.75;color:var(--ink);max-width:36em}
.nt{background:#FFF0F2;box-shadow:0 0 0 3px #FFF0F2;border-radius:3px;text-decoration:underline wavy var(--t-coral);text-underline-offset:5px;transition:opacity .4s ease}
.nt.gone{display:none}
.ct-notes{display:grid;gap:12px;padding-top:70px;counter-reset:n}
.ct-notes li{counter-increment:n;position:relative;display:grid;gap:8px;padding:18px 18px 18px 54px;border-radius:12px;background:#fff;box-shadow:var(--sh-ui);transition:background-color .35s ease}
.ct-notes li::before{content:counter(n);position:absolute;left:16px;top:18px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--t-coral);color:#fff;font-size:13px;font-weight:800}
.ct-notes b{font-size:15.5px;color:var(--ink)}.ct-notes span{font-size:15.5px;line-height:1.5;color:var(--text)}
.ct-notes button{justify-self:start;height:38px;padding:0 14px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--cobalt);font-size:14.5px;font-weight:700;color:var(--deep)}
.ct-notes li.done{background:#E3F7F4;box-shadow:none}.ct-notes li.done::before{content:"✓";background:var(--t-teal)}.ct-notes li.done button{display:none}
.ct-left{margin-top:16px;font-size:16px;font-weight:700;color:var(--ink)}
.ct-final{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s6);align-items:start;padding:28px}
.ct-final img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.ct-final>div{display:grid;gap:14px;padding:8px 8px 8px 0}
.ct-fh{font-size:32px;line-height:1.12;letter-spacing:-.022em;font-weight:800;color:var(--ink)}
.ct-cat{font-size:15px;font-weight:700;color:var(--deep)}
.ct-final p:not(.ct-fh):not(.ct-cat):not(.ct-ok){font-size:18px;line-height:1.7;color:var(--ink)}
.ct-ok{padding:12px 14px;border-radius:10px;background:#FFF0F2;font-size:15.5px;font-weight:700;color:var(--t-coral)}.ct-ok.yes{background:#E3F7F4;color:var(--t-teal)}
.ct-illus{display:block;margin-top:14px}

/* the week of channels */
.ct-pl-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s5) var(--s9);align-items:end}
.ct-plan{margin-top:var(--s8);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ct-plan li{display:grid;gap:8px;align-content:start;padding:22px 22px 26px;border-radius:var(--r-ui);background:#fff;box-shadow:var(--sh-ui)}
.ct-plan .day{font-size:14.5px;font-weight:700;color:var(--deep)}
.ct-plan b{font-size:21px;letter-spacing:-.012em;color:var(--ink)}
.ct-plan li>span:last-child{font-size:16px;line-height:1.5;color:var(--text)}
.ct-meas{margin-top:16px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:8px var(--s6);padding:20px 24px;border-radius:var(--r-ui);background:var(--cloud);font-size:17px;line-height:1.55;color:var(--ink)}
.ct-meas b{font-size:17px}
.ct-src{margin-top:var(--s5);font-size:15px;color:var(--text)}.ct-src a{color:var(--deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}

@media (max-width:1100px){.ct-spread,.ct-pl-head{grid-template-columns:1fr}.ct-notes{padding-top:0}.ct-plan{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .ct-desk{padding:var(--s5) 12px var(--s8)}
  .ct-paper{padding:24px 20px}.ct-draft p:not(.ct-dh):not(.ct-meta){font-size:17px}
  .ct-brief,.ct-final,.ct-plan,.ct-meas{grid-template-columns:1fr}
}