.article-page{width:100%;min-height:calc(100vh - 160px);background-color:var(--color-surface);padding:var(--space-8) var(--space-4) var(--space-10)}@media (min-width:640px){.article-page{padding-inline:var(--space-6)}}@media (min-width:1024px){.article-page{padding-inline:var(--space-8)}}@media (max-width:639px){.article-page{padding:var(--space-6) var(--space-4) var(--space-8)}}.article-container{max-width:800px;margin-inline:auto;width:100%}.article-footer-slot{max-width:var(--container-max);margin:var(--space-10) auto 0;width:100%}.article-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-soft);text-decoration:none;margin-bottom:var(--space-5);transition:color .15s ease,transform .15s ease}.article-back-link:hover{color:var(--color-primary-hover);transform:translateX(-2px)}.article-header{margin-bottom:var(--space-6)}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.article-badge{padding:.25rem .75rem;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;background:var(--color-primary-soft);color:var(--color-ink);border:1px solid rgba(255,170,30,.35)}.article-badge,.article-meta-item{display:inline-flex;align-items:center}.article-meta-item{gap:.375rem;font-size:var(--text-sm);color:var(--color-ink-soft)}.article-meta-item svg{flex-shrink:0;color:var(--color-primary-hover)}.article-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-brown);letter-spacing:-.02em;margin:0 0 var(--space-4)}.article-lead{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-ink-soft);font-weight:var(--weight-medium);margin-top:var(--space-3);margin-bottom:0}.article-author{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.article-author__avatar{width:44px;height:44px;border-radius:var(--radius-pill);object-fit:cover;border:2px solid var(--color-border)}.article-author__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0}.article-author__role{font-size:var(--text-xs);color:var(--color-ink-soft);margin:0}.article-prose{font-family:var(--font-body);font-size:var(--text-base);line-height:1.75;color:var(--color-ink);word-break:break-word}.article-prose>*+*{margin-top:var(--space-4)}.article-prose h2,.article-section-header{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-brown);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-prose hr{display:none}.article-prose h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-brown);margin-top:var(--space-6);margin-bottom:var(--space-3)}.article-prose h4{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-ink);margin-top:var(--space-5);margin-bottom:var(--space-2)}.article-prose p{margin-bottom:var(--space-4);line-height:1.75;color:var(--color-ink)}.article-prose b,.article-prose strong{font-weight:var(--weight-bold);color:var(--color-brown)}.article-prose em,.article-prose i{font-style:italic}.article-prose a{color:var(--color-brown);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:3px;font-weight:var(--weight-medium);transition:color .15s ease,-webkit-text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease,-webkit-text-decoration-color .15s ease}.article-prose a:hover{color:var(--color-primary-hover);-webkit-text-decoration-color:var(--color-primary-hover);text-decoration-color:var(--color-primary-hover)}.article-prose ul{list-style-type:disc}.article-prose ol,.article-prose ul{padding-left:var(--space-6);margin-top:var(--space-2);margin-bottom:var(--space-5)}.article-prose ol{list-style-type:decimal}.article-prose ol[type=a]{list-style-type:lower-alpha}.article-prose li{margin-bottom:var(--space-2);line-height:1.7;color:var(--color-ink)}.article-prose li::marker{color:var(--color-primary-hover);font-weight:var(--weight-bold)}.article-prose ol ol,.article-prose ol ul,.article-prose ul ol,.article-prose ul ul{margin-top:var(--space-2);margin-bottom:var(--space-2);padding-left:var(--space-4)}.article-callout,.article-prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);background-color:var(--color-card);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-ink)}.article-prose blockquote{font-style:italic;color:var(--color-ink-soft)}.article-callout--highlight{background-color:var(--color-secondary);border-left-color:var(--color-primary-hover)}.article-callout--alert{background-color:var(--color-accent-red-soft);border-left-color:var(--color-accent-red)}.article-clause-list{list-style:none;padding:0;margin:var(--space-3) 0 var(--space-6);counter-reset:clause-counter}.article-clause-item{position:relative;padding-left:var(--space-7);margin-bottom:var(--space-4);line-height:1.75}.article-clause-item:before{counter-increment:clause-counter;content:counter(clause-counter) ".";position:absolute;left:0;top:0;font-weight:var(--weight-bold);color:var(--color-brown);font-family:var(--font-body);font-size:var(--text-base)}.article-prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.article-prose td,.article-prose th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.article-prose th{font-weight:var(--weight-semibold);color:var(--color-brown)}.article-prose th,.article-prose tr:hover td{background-color:var(--color-surface-alt)}.article-hero-slot{margin-bottom:var(--space-8)}.article-hero-img{object-fit:cover;margin-bottom:var(--space-8)}.article-hero-img,.article-hero-placeholder{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.article-hero-placeholder{position:relative;background:linear-gradient(135deg,#fdf8ee,#faecd5 50%,#f7dfbe);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center}.article-hero-placeholder__pattern{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:radial-gradient(var(--color-brown) 1px,transparent 1px);background-size:20px 20px}.article-hero-placeholder__icon{position:relative;width:56px;height:56px;margin-bottom:var(--space-3);color:var(--color-primary-hover);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.85);border-radius:var(--radius-pill);border:1px solid rgba(232,153,10,.3);box-shadow:var(--shadow-sm)}.article-hero-placeholder__label{position:relative;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-brown);max-width:540px;line-height:var(--leading-snug);margin:0}.article-hero-placeholder__sub{position:relative;font-size:var(--text-xs);color:var(--color-ink-soft);margin-top:var(--space-2);letter-spacing:.05em;text-transform:uppercase;font-weight:var(--weight-semibold)}