/* Unified C layout; explicit topic identity survives grouping. */
.c main .section .topic:nth-child(n){border-radius:12px}
.c .shell{max-width:1240px;padding-inline:48px}
.c .switcher,.c .design-note{display:none}
.c nav{padding-block:20px}.c .navlinks{gap:24px}
.c .hero{padding-block:64px 80px;gap:64px}
.c .hero h1{font-size:clamp(56px,6.6vw,88px);line-height:1.04;letter-spacing:-4px}
.c .art{padding:24px;min-width:0}.c .paper{transform:rotate(-2deg);box-shadow:8px 12px 0 #16101820}.c .art:before{transform:rotate(4deg)}
.c .ribbon{font-size:12px;padding-block:22px}
.c main>.section{padding-block:72px}.c main>#explore{--bg:#faf6ee;padding-top:72px}.c main>#reading{--bg:#f0ece4}
.c .section-head{align-items:start;margin-bottom:40px;gap:40px}.c .section-head h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1.5px;max-width:630px}.c .section-head p{line-height:1.65;max-width:300px}
.c .topic-family h3{font-size:20px;letter-spacing:-.5px;margin-bottom:16px}.c .family-topics{gap:14px;border:0}
.c main .section .topic{--tile:#f0dfe1;--tile-ink:#713c4d;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;gap:0;padding:24px;min-height:188px;border:1px solid transparent;border-radius:12px;background:var(--tile);color:var(--tile-ink);box-shadow:none;transition:transform .2s,border-color .2s}
.c main .section .topic[data-topic="1"]{--tile:#e8e1ee;--tile-ink:#584670}.c main .section .topic[data-topic="2"]{--tile:#e4e9dc;--tile-ink:#455a3d}.c main .section .topic[data-topic="3"]{--tile:#e0e7ec;--tile-ink:#3b566b}.c main .section .topic[data-topic="4"]{--tile:#f2e3d1;--tile-ink:#785332}
.c .topic-art{position:static;width:42px;height:42px;margin:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.c main .section .topic small{position:absolute;top:24px;right:24px;color:inherit;font-size:12px;margin:0}.c main .section .topic strong{font-size:19px;line-height:1.35;letter-spacing:-.5px;flex:none}.c main .section .topic .arrow{position:absolute;right:24px;bottom:24px;top:auto;font-size:20px}
.c main .section .topic:after{content:'Explore';display:block;font-size:12px;line-height:18px;margin-top:10px}.c main .section .topic[aria-pressed=true]:after{content:'Selected'}
.c main .section .topic:hover,.c main .section .topic[aria-pressed=true]{background:var(--tile);color:var(--tile-ink);border-color:var(--tile-ink);box-shadow:none}.c main .section .topic:hover small,.c main .section .topic[aria-pressed=true] small{color:inherit}
.c main .section .demo{background:#fffdf8;border:1px solid #ddd4cd;border-radius:12px;padding:32px;gap:40px;margin-top:20px;min-height:0}.c .demo h3{font-size:28px;line-height:1.25;letter-spacing:-.7px}.c .demo a{color:#813d39}
.c .perspective-mark{display:none}.c .synthesis{gap:28px;padding-top:28px}.c .synthesis>div{border-top:1px solid #d8cec5;padding-top:18px}.c .synthesis .tag{font-size:10px;letter-spacing:1px}
.c .pricing{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.c main .section .plan{border-radius:12px;padding:28px;min-width:0}.c main .section .plan.featured{border:1px solid #a4a978;border-radius:12px;box-shadow:none}.c .plan h3{gap:10px;margin-top:20px}.c .plan .price{font-size:40px}.c .plan a{padding-block:16px}.c .other-label{margin-top:32px}.c .mini-plan{border-radius:10px;min-height:108px;padding:20px 24px}
.c main .section .how{border-radius:14px;background:#eae4ee;padding:40px;gap:48px}.c .faq{gap:48px}.c main>.share-band{background:#eeded2;box-shadow:0 0 0 100vmax #eeded2;padding-block:44px}.c .share-button{background:#48313b;border-color:#48313b;color:#fff8ed}.c .share-band h2{max-width:500px}.c .footer{padding-block:32px;gap:20px}.c .local-status{font-size:12px;color:var(--muted);margin:0 0 24px}
@media(max-width:900px){.c .shell{padding-inline:28px}.c .hero{gap:28px}.c .pricing{gap:12px}.c main .section .plan{padding:22px}}
@media(max-width:760px){
.c .pricing .plan.featured{order:-1}.c .art{padding-bottom:36px}.c .art:before{height:calc(100% - 60px);top:0}.c .caption{position:relative;z-index:1;font-size:11px;line-height:1.5;margin-top:24px}
.c main .section .topic:nth-child(n){min-height:104px;padding:20px 44px 20px 80px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.c .topic:nth-child(n) .topic-art{left:20px;top:30px;margin:0}
.c .shell{padding-inline:20px}.c nav{padding-block:14px;gap:12px;flex-wrap:wrap}.c .navlinks{gap:12px;font-size:12px}.c .choose-guide-again{font-size:12px;padding:0}.c .brand{font-size:19px}
.c .hero{padding-block:40px 56px;gap:32px}.c .hero h1{font-size:clamp(46px,10vw,64px);letter-spacing:-2.5px}.c .art{max-width:380px}.c .paper{padding:24px}.c .caption{position:static;transform:none;margin-top:20px}.c .ribbon{display:grid;gap:8px;margin:0}
.c main>.section,.c main>#explore{padding-block:44px}.c .section-head{margin-bottom:28px}.c .section-head h2{font-size:34px;letter-spacing:-1px}.c .section-head p{max-width:100%;margin-top:16px}
.c .topics{gap:28px}.c .family-topics,.c .topic-family[data-family=dog] .family-topics{grid-template-columns:1fr;gap:10px}
.c main .section .topic{min-height:104px;padding:20px 44px 20px 80px;border-radius:10px;justify-content:center;grid-column:auto}.c .topic .topic-art{position:absolute;left:20px;top:30px;width:36px;height:36px;margin:0}.c main .section .topic small{display:none}.c main .section .topic strong{font-size:18px}.c main .section .topic:after{margin-top:6px}.c main .section .topic .arrow{right:18px;bottom:38px}
.c main .section .demo{padding:24px;gap:12px}.c .demo h3{font-size:25px}.c .demo p{font-size:15px}.c .synthesis{grid-template-columns:1fr;gap:22px}
.c .pricing{grid-template-columns:1fr;gap:14px}.c .plan.featured{order:-1}.c main .section .plan{padding:26px}.c .plan h3{margin-top:16px}.c .more-plans{grid-template-columns:1fr}.c .mini-plan strong{font-size:16px}
.c main .section .how{padding:28px 24px;gap:26px}.c .faq{gap:24px}.c .share-band{gap:22px}.c .share-band h2{font-size:28px}.c .footer{align-items:flex-start}.c .legal{display:flex;gap:20px}
}