/* Common Time's illustrated guide. All navigation works without JavaScript. */
.ct-guide-page .page-hero, .ct-guide-page .page-content { width:min(calc(100% - 40px),1180px); }
.ct-guide-page .page-hero { padding-bottom:32px; }
.ct-guide .lede { max-width:820px; margin-top:0; }
.ct-guide .ct-guide-meta { max-width:820px; font-size:.86rem; color:var(--ink-2); }
.ct-guide-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:50px; align-items:start; margin-top:42px; }
.ct-guide-contents { position:sticky; top:24px; padding:22px 20px; background:var(--paper-soft); border:1px solid var(--rule); border-radius:18px; }
.ct-guide .ct-guide-contents h2 { margin:0 0 15px; font:700 1.1rem var(--serif); }
.ct-guide-contents ol { padding-left:20px; margin:0; }
.ct-guide-contents li { margin:9px 0; padding-left:2px; font-size:.87rem; line-height:1.45; }
.ct-guide-contents a { color:var(--ink); text-decoration:none; font-weight:600; }
.ct-guide-contents a:hover { text-decoration:underline; }
.ct-guide-main { min-width:0; }
.ct-guide-section { border-top:1px solid var(--rule); padding-top:32px; margin:0 0 56px; scroll-margin-top:24px; }
.ct-guide .ct-guide-kicker { margin:0 0 12px; color:var(--accent); font-size:.76rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ct-guide h2 { margin:0 0 22px; font:700 clamp(1.8rem,3.5vw,2.65rem)/1.08 var(--serif); letter-spacing:-.025em; }
.ct-guide h3 { margin:25px 0 12px; font:700 1.3rem/1.25 var(--serif); }
.ct-guide-step { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:30px; align-items:start; }
.ct-guide-step > div > :first-child { margin-top:0; }
.ct-guide p, .ct-guide li { overflow-wrap:break-word; }
.ct-guide ol, .ct-guide ul { padding-left:24px; }
.ct-guide li { margin-bottom:12px; padding-left:3px; }
.ct-guide strong { color:var(--ink); }
.ct-guide figure { margin:0; min-width:0; }
.ct-guide figure a { display:block; border-radius:22px; }
.ct-guide figure img { width:100%; border:1px solid var(--rule); border-radius:22px; box-shadow:0 12px 28px rgba(35,35,31,.08); }
.ct-guide figcaption { margin-top:14px; font-size:.8rem; line-height:1.5; color:var(--ink-2); }
.ct-guide-tip { margin:24px 0; padding:18px 20px; border-left:3px solid var(--accent); background:var(--paper-soft); font-size:.94rem; color:var(--ink-2); }
.ct-guide-examples { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ct-guide-examples > div { border:1px solid var(--rule); padding:22px; border-radius:18px; }
.ct-guide .ct-guide-examples h3 { margin-top:0; }
.ct-guide-badge { display:inline-block; vertical-align:middle; padding:3px 8px; border-radius:20px; background:var(--paper-soft); font:700 .7rem/1.4 var(--sans); }
.ct-guide-faq details { border-bottom:1px solid var(--rule); padding:18px 0; }
.ct-guide-faq summary { cursor:pointer; font-weight:700; line-height:1.5; }
.ct-guide-faq summary:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.ct-guide-faq details p { margin-bottom:0; }
.ct-guide-help { margin-top:30px; padding:22px; background:var(--paper-soft); border-radius:18px; }
.ct-guide-back { border-top:1px solid var(--rule); padding-top:24px; font-size:.9rem; }
.ct-guide-link { display:block; margin:0 0 32px; padding:22px 24px; border:1px solid var(--rule); border-left:4px solid var(--accent); border-radius:12px; background:var(--paper-soft); text-decoration:none; }
.ct-guide-link strong { display:block; font:700 1.35rem/1.2 var(--serif); margin-bottom:8px; color:var(--ink); }
.ct-guide-link span { display:block; color:var(--ink-2); font-size:.95rem; font-weight:400; }
@media (max-width:1060px) {
 .ct-guide-layout { grid-template-columns:180px minmax(0,1fr); gap:30px; }
 .ct-guide-step { grid-template-columns:minmax(0,1fr) 220px; gap:24px; }
}
@media (max-width:860px) {
 .site-nav li.ct-guide-menu { display:list-item; }
 .nav-shell { flex-wrap:wrap; gap:12px 20px; padding-block:14px; }
 .site-nav { margin-left:auto; }
 .ct-guide-layout { display:block; }
 .ct-guide-contents { position:static; margin-bottom:40px; }
 .ct-guide-contents ol { columns:2; column-gap:30px; }
 .ct-guide-contents li { break-inside:avoid; }
 .ct-guide-step { grid-template-columns:minmax(0,1fr) 240px; }
}
@media (max-width:600px) {
 .ct-guide-page .page-hero, .ct-guide-page .page-content { width:calc(100% - 28px); }
 .ct-guide-layout { margin-top:30px; }
 .ct-guide-step, .ct-guide-examples { grid-template-columns:1fr; gap:24px; }
 .ct-guide figure { width:min(100%,310px); margin:0 auto; }
 .ct-guide-section { margin-bottom:42px; padding-top:26px; }
 .ct-guide-contents { padding:20px 18px; }
 .ct-guide-contents ol { columns:1; }
 .ct-guide-contents li { margin:12px 0; font-size:.95rem; }
}
@media print {
 .ct-guide-contents, .ct-guide-back, .site-header, .site-footer { display:none; }
 .ct-guide-layout { display:block; }
 .ct-guide-section { break-inside:auto; }
 .ct-guide figure { break-inside:avoid; }
}