.article-hero{padding:clamp(34px,5vw,56px) 0 0}.crumbs{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:.86rem;font-weight:600;display:flex}.crumbs a:hover{color:var(--coral)}.post-cover{aspect-ratio:16/8;border-radius:var(--r-lg);width:100%;box-shadow:var(--sh-md);border:1px solid var(--line);background-position:50%;background-size:cover}.meta-row{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:14px;font-size:.92rem;font-weight:600;display:flex}.meta-row .avatar{border-radius:var(--r-pill);background:var(--grad-brand);color:#fff;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.meta-row .dot{background:var(--ink-3);border-radius:50%;width:4px;height:4px}.prose{color:var(--ink);font-size:1.12rem;line-height:1.75}.prose>*+*{margin-top:1.15em}.b-text>*+*{margin-top:1em}.prose h2,.b-text h2{margin:1.2em 0 .2em;font-size:clamp(1.5rem,3vw,1.95rem);line-height:1.12}.prose h3,.b-text h3{margin:1em 0 .2em;font-size:1.3rem}.prose p,.b-text p{color:#473d4f}.prose strong,.b-text strong{color:var(--ink);font-weight:700}.b-text a{color:var(--coral);text-underline-offset:3px;font-weight:700;text-decoration:underline}.b-text ul{gap:.5em;padding-left:1.3em;display:grid}.b-text ul li::marker{color:var(--coral)}.b-text ol{gap:.5em;padding-left:1.4em;display:grid}.b-text ol li::marker{color:var(--coral);font-weight:700}.b-sec{grid-template-columns:var(--cols);align-items:start;gap:28px;margin:1.6em 0;display:grid}.b-col{flex-direction:column;gap:1.2em;min-width:0;display:flex}@media (max-width:680px){.b-sec{grid-template-columns:1fr!important}}.b-fig{margin:0}.b-fig img{border-radius:var(--r-md);border:1px solid var(--line);width:100%;display:block}.b-fig figcaption{color:var(--ink-3);text-align:center;margin-top:8px;font-size:.85rem}.b-gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.b-gallery span{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--line);background-position:50%;background-size:cover}.b-video{aspect-ratio:16/9;border-radius:var(--r-md);border:1px solid var(--line);position:relative;overflow:hidden}.b-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.b-ph{aspect-ratio:16/9;border-radius:var(--r-md);border:1px solid var(--line);background:repeating-linear-gradient(45deg,var(--cream-2),var(--cream-2) 14px,var(--surface) 14px,var(--surface) 28px);place-items:center;display:grid}.b-ph span{color:var(--ink-3);font-family:monospace;font-size:.85rem}.b-quote{border-radius:var(--r-md);background:var(--cream-2);border-left:5px solid var(--coral);font-family:var(--font-hand);color:var(--ink);margin:0;padding:20px 26px;font-size:1.5rem;line-height:1.35}.b-quote cite{font-family:var(--font-sans);color:var(--ink-2);margin-top:8px;font-size:.85rem;font-style:normal;font-weight:600;display:block}.b-slideshow{position:relative}.b-slides{scroll-snap-type:x mandatory;border-radius:var(--r-md);scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.b-slides::-webkit-scrollbar{display:none}.b-slide{aspect-ratio:16/9;scroll-snap-align:center;border-radius:var(--r-md);border:1px solid var(--line);background-position:50%;background-size:cover;flex:0 0 100%}.b-sl-nav{width:42px;height:42px;box-shadow:var(--sh-md);cursor:pointer;color:var(--ink);background:#ffffffe6;border:none;border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.b-sl-nav.prev{left:10px}.b-sl-nav.next{right:10px}.b-quiz{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-lg);padding:22px}.b-quiz-q{align-items:center;gap:8px;margin-bottom:16px;font-size:1.12rem;font-weight:800;display:flex}.b-quiz-q .lucide{color:var(--coral);width:20px;height:20px}.b-opts{gap:10px;display:grid}.b-opt{text-align:left;border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--ink);align-items:center;gap:10px;padding:14px 16px;font-size:1rem;font-weight:600;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.b-opt:hover{border-color:var(--coral)}.b-opt.sel{border-color:var(--coral);background:var(--coral-soft)}.b-opt-bar{background:var(--coral-soft);z-index:0;width:0;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.b-opt-txt{z-index:1;flex:1;position:relative}.b-opt-pct{z-index:1;color:var(--coral-strong);opacity:0;font-weight:800;transition:opacity .3s;position:relative}.b-quiz.voted .b-opt{cursor:default}.b-quiz.voted .b-opt-bar{width:var(--pct)}.b-quiz.voted .b-opt-pct{opacity:1}.b-quiz.voted .b-opt:hover{border-color:var(--line)}.b-quiz-foot{color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:14px;font-size:.85rem;font-weight:600;display:flex}.b-quiz-vote{margin-top:14px}.share-end{border-top:1px solid var(--line);justify-content:center;margin-top:36px;padding-top:28px;display:flex}#share-btn.copied{background:var(--coral);border-color:var(--coral);color:#fff}.cmt-list{gap:14px;margin:20px 0 26px;display:grid}.cmt-item{gap:14px;display:flex}.cmt-item .av{background:var(--grad-love);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.cmt-item .nm{font-weight:700}.cmt-item .on{color:var(--ink-3);font-size:.82rem}.cmt-item .tx{color:#473d4f;margin-top:3px}.cmt-form .row{grid-template-columns:1fr;gap:12px;display:grid}.cmt-note{background:var(--cream-2);border-radius:var(--r-md);color:var(--ink-2);align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;display:flex}.cmt-note .lucide{color:var(--coral);flex:none;width:18px;height:18px}.author-box{align-items:center;gap:18px;display:flex}.author-box .av{border-radius:var(--r-pill);background:var(--grad-love);flex:none;place-items:center;width:64px;height:64px;font-size:30px;display:grid}.post-cta{background:var(--grad-brand);color:#fff;border-radius:var(--r-xl);text-align:center;box-shadow:var(--sh-lg);padding:clamp(30px,4vw,48px);position:relative;overflow:hidden}@media (max-width:760px){.author-box{text-align:center;flex-direction:column}}.blog-feat{grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.blog-card{transition:transform .2s;overflow:hidden}.blog-card:hover{transform:translateY(-4px)}@media (max-width:860px){.blog-grid{grid-template-columns:1fr 1fr}.blog-feat{grid-template-columns:1fr}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}}