.topic{flex:1;width:min(1080px,100% - 32px);margin:0 auto;padding:clamp(18px,4vw,40px) 0 88px}.topic.faq{width:min(800px,100% - 32px);padding-top:clamp(24px,6vw,64px)}.topic h1{font:400 clamp(38px, 6vw, 66px)/1.02 var(--display);letter-spacing:-.03em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0 0 16px}.topic-lead{color:var(--body);max-width:60ch;margin:0 0 26px;font-size:clamp(17px,2vw,19px);line-height:1.6}.topic-crumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:clamp(18px,4vw,34px);font-size:13px;display:flex}.topic-crumbs a{color:var(--muted)}.topic-crumbs a:hover{color:var(--berry)}.topic-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.topic-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topic-actions .primary-button,.topic-final .primary-button{border-radius:999px;padding:16px 24px;font-size:15px}.topic-actions .secondary-button{border-radius:999px;padding:15px 20px;font-size:14px}.topic-note{color:var(--muted);margin:14px 0 0;font-size:13px}.topic-card{justify-content:center;display:flex}.topic-card .greeting-card{width:min(340px,100%);transform:rotate(2deg);box-shadow:0 40px 70px -40px #4f463d99,0 3px 8px #4f463d14}.topic-advent{justify-self:center;width:min(360px,100%);transform:perspective(1600px)rotateY(-8deg)rotateX(1.5deg)}.topic-advent .adv-cover{box-shadow:0 50px 80px -40px #000,0 0 0 1px #00000040}.topic-body{width:min(760px,100%);margin:clamp(40px,7vw,80px) auto 0}.topic.faq .topic-body{width:100%;margin-top:24px}.topic-body section{margin-top:46px;scroll-margin-top:92px}.topic-body section:first-child{margin-top:0}.topic-body h2{font:400 clamp(26px, 3.6vw, 34px)/1.15 var(--display);letter-spacing:-.015em;margin:0 0 14px}.topic-body p,.topic-body li{color:var(--body);font-size:16.5px;line-height:1.72}.topic-body p{margin:0 0 14px}.topic-body ul{margin:0 0 16px;padding-left:1.2em}.topic-body li{margin-bottom:8px}.topic-body li::marker{color:var(--gold)}.topic-body a:not(.primary-button){color:var(--berry);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.topic-ideas ul{gap:12px;padding:0;list-style:none;display:grid}.topic-ideas blockquote{background:var(--card);border:1px solid var(--rule);border-left:2px solid var(--gold);font:400 19px/1.45 var(--display);color:var(--ink);border-radius:0 14px 14px 0;margin:0;padding:16px 20px}.topic-hint{color:var(--muted)!important;font-size:14px!important}.topic-faq details{border-bottom:1px solid var(--rule)}.topic-faq details:first-of-type{border-top:1px solid var(--rule)}.topic-faq summary{cursor:pointer;font:600 16.5px/1.4 var(--text);color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:18px 2px;list-style:none;display:flex}.topic-faq summary::-webkit-details-marker{display:none}.topic-faq summary:after{content:"+";width:28px;height:28px;color:var(--berry);font:400 20px/1 var(--text);border:1px solid #6e2a3c40;border-radius:50%;flex:none;place-items:center;transition:transform .25s;display:grid}.topic-faq details[open] summary:after{transform:rotate(45deg)}.topic-faq summary:hover{color:var(--berry)}.topic-faq details p{margin:-4px 0 18px;padding-right:44px}.faq-toc{flex-wrap:wrap;gap:8px;margin:0 0 8px;display:flex}.faq-toc a{border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:13.5px}.faq-toc a:hover{color:var(--berry);border-color:#6e2a3c55}.topic-final{text-align:center;background:var(--card);border:1px solid var(--rule);border-radius:24px;padding:clamp(26px,5vw,40px);box-shadow:0 24px 60px -48px #2b1a1c80;margin-top:64px!important}.topic-final h2{margin-bottom:20px}.topic-related{margin-top:clamp(56px,8vw,80px)}.topic-related ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.topic-related li{margin:0}.topic-related a{border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:9px 15px;font-size:14px;display:inline-block;color:var(--ink)!important;text-decoration:none!important}.topic-related a:hover{border-color:#6e2a3c55;color:var(--berry)!important}@media (max-width:860px){.topic-hero{grid-template-columns:1fr}.topic-card .greeting-card{width:min(320px,100%)}}@media (max-width:640px){.topic-body p,.topic-body li{font-size:15.5px}.topic-ideas blockquote{font-size:17px}.topic-faq details p{padding-right:0}}