.article-page{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:80px}.article-outer{width:calc(100vw - 48px);max-width:1100px;margin-top:82px;background:#ffffffa6;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.88);border-radius:28px;box-shadow:0 4px 40px #6450b417;position:relative;overflow:hidden;padding:32px 36px 36px;display:flex;flex-direction:column;gap:28px}.article-back{position:relative;z-index:1}.article-back a{font-size:.68rem;font-weight:375;color:var(--text-muted);text-decoration:none;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px;transition:color .2s}.article-back a:hover{color:var(--sage)}.article-header{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.article-hero{width:100%;border-radius:14px;object-fit:cover;max-height:380px}.article-tag{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}.article-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:clamp(1.3rem,3.5vw,1.85rem);letter-spacing:-.02em;color:var(--text);line-height:1.25}.article-intro{font-size:.79rem;font-weight:375;color:#000;line-height:1.85}.article-meta-row{display:flex;align-items:center;gap:8px;font-size:.62rem;font-weight:375;color:var(--text-muted);letter-spacing:.05em}.meta-dot{opacity:.4}.topic-pills{display:flex;flex-wrap:wrap;gap:6px}.topic-pill{display:inline-flex;align-items:center;background:#ffffff47;border:1px solid rgba(255,255,255,.82);border-radius:999px;padding:4px 14px;font-size:.62rem;font-weight:375;color:var(--text-muted);letter-spacing:.04em;box-shadow:0 0 10px #ffffff73,inset 0 1px #ffffffe6;text-transform:capitalize}.article-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(140,130,160,.18) 20%,rgba(140,130,160,.18) 80%,transparent);position:relative;z-index:1}.prose{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.prose h2{font-family:Comfortaa,sans-serif;font-weight:700;font-size:.92rem;color:var(--text);letter-spacing:-.01em;margin-top:8px}.prose h3{font-family:Comfortaa,sans-serif;font-weight:700;font-size:.82rem;color:var(--text);margin-top:4px}.prose p{font-size:.79rem;font-weight:375;color:#000;line-height:1.9}.prose ul,.prose ol{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0}.prose ul li,.prose ol li{font-size:.79rem;font-weight:375;color:#000;line-height:1.75;padding-left:20px;position:relative}.prose ul li:before{content:"•";position:absolute;left:4px;color:var(--text-muted)}.prose ol{counter-reset:list}.prose ol li:before{counter-increment:list;content:counter(list) ".";position:absolute;left:4px;color:var(--text-muted);font-size:.7rem}.prose strong{font-weight:700;color:#000}.prose em{font-style:italic}.prose a{color:var(--sage);text-decoration:underline;text-underline-offset:3px}.prose a:hover{opacity:.75}.prose img{width:100%;border-radius:14px;object-fit:cover}.prose blockquote{border-left:2px solid var(--sage);padding-left:16px;opacity:.75}.prose hr{height:1px;background:linear-gradient(90deg,transparent,rgba(140,130,160,.18) 20%,rgba(140,130,160,.18) 80%,transparent);border:none}.prose code{font-size:.72rem;background:#7a98681a;border-radius:4px;padding:1px 5px;color:var(--text)}.prose pre{background:#ffffff2e;border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:16px;overflow-x:auto}.prose pre code{background:none;padding:0}.prose .guide-section{display:flex;flex-direction:column;gap:14px}.prose .section-header{display:flex;align-items:flex-start;gap:12px}.prose .section-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:.96rem;color:var(--text);letter-spacing:-.01em;padding-top:0}.prose .section-desc{font-size:.76rem;font-weight:375;color:var(--text);line-height:1.75}.prose .subpanels{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0}.prose .subpanels.single{grid-template-columns:1fr}.prose .subpanels.triple{grid-template-columns:1fr 1fr 1fr}.prose .subpanel{background:#fff3;border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:16px 18px 14px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.prose .subpanel:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none;border-radius:14px}.prose .subpanel-header{display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative;z-index:1}.prose .subpanel-title{font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.prose .subpanel ul{list-style:none;display:flex;flex-direction:column;gap:5px;padding:0;position:relative;z-index:1}.prose .subpanel ul li{font-size:.73rem;font-weight:375;color:var(--text);line-height:1.65;padding-left:16px;position:relative}.prose .subpanel ul li:before{content:"•";position:absolute;left:4px;color:var(--text-muted)}.prose .subpanel ul li strong{font-weight:700;color:var(--text)}.prose .guide-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(140,130,160,.18) 20%,rgba(140,130,160,.18) 80%,transparent)}.prose .guide-conclusion{padding:4px 0}.prose .guide-conclusion p{font-size:.79rem;font-weight:375;color:var(--text);line-height:1.9}.prose .guide-conclusion strong{font-weight:700;color:var(--text)}@media(max-width:700px){.prose .subpanels,.prose .subpanels.triple{grid-template-columns:1fr}.prose .subpanel:has(.guide-table){overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:520px){.article-outer{padding:24px 20px 28px}}