.art-page{padding-top:68px}.art-hero{background:var(--color-navy);padding:var(--space-8) 0;position:relative;overflow:hidden}.art-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 85% 40%,rgba(240,165,0,.1) 0,transparent 60%);pointer-events:none}.art-hero__content{position:relative;z-index:1}.art-hero__title{font-family:var(--font-heading);font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--color-gold);margin-bottom:var(--space-1)}.art-hero__sub{font-size:15px;color:rgba(255,255,255,.65);max-width:520px;line-height:1.7}.art-body{padding:var(--space-6) 0 var(--space-10)}.art-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-6);align-items:start}@media (max-width:768px){.art-layout{grid-template-columns:1fr}}.art-sidebar{position:sticky;top:calc(68px + var(--space-3))}.art-sidebar__title{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--color-navy);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.art-cat-list{display:flex;flex-direction:column;gap:4px}.art-cat-btn{display:block;width:100%;text-align:left;padding:8px 14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;font-size:14px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.art-cat-btn:hover{background:var(--color-bg);color:var(--color-navy)}.art-cat-btn--active{background:rgba(27,42,74,.08);color:var(--color-navy);border-color:rgba(27,42,74,.2);font-weight:600}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.art-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.art-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(240,165,0,.3)}.art-card__cover{height:180px;overflow:hidden;background:var(--color-bg);flex-shrink:0}.art-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.art-card:hover .art-card__img{transform:scale(1.04)}.art-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-navy) 0,#2a3f6f 100%);display:flex;align-items:center;justify-content:center;font-size:40px}.art-card__body{padding:var(--space-3);display:flex;flex-direction:column;gap:6px;flex:1}.art-card__cat{font-size:11px;font-weight:700;color:var(--color-maroon);text-transform:uppercase;letter-spacing:.05em}.art-card__title{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-navy);line-height:1.3;margin:0}.art-card__excerpt{font-size:13px;color:var(--color-text-muted);line-height:1.6;flex:1}.art-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--color-text-muted);margin-top:4px}.art-card__author{font-weight:600;color:var(--color-text)}.art-card__cta{font-size:13px;font-weight:600;color:var(--color-maroon);margin-top:auto}.art-empty{text-align:center;padding:var(--space-10) var(--space-3);color:var(--color-text-muted)}.art-empty__icon{font-size:48px;margin-bottom:var(--space-2)}.art-detail-page{padding-top:68px}.art-detail-hero{position:relative;min-height:360px;background:var(--color-navy);overflow:hidden}.art-detail-hero__img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.4}.art-detail-hero__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(27,42,74,.95) 0,rgba(27,42,74,.5) 60%,transparent)}.art-detail-hero__content{position:relative;z-index:1;padding:var(--space-10) 0 var(--space-6)}.art-detail-hero__cat{display:inline-block;font-size:11px;font-weight:700;background:rgba(240,165,0,.18);border:1px solid rgba(240,165,0,.4);color:var(--color-gold);padding:3px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.art-detail-hero__title{font-family:var(--font-heading);font-size:clamp(24px,4vw,42px);font-weight:800;color:var(--color-white);line-height:1.2;margin-bottom:var(--space-2)}.art-detail-hero__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.65)}.art-detail-hero__author{font-weight:600;color:rgba(255,255,255,.85)}.art-detail-body{padding:var(--space-6) 0 var(--space-10)}.art-detail-grid{display:grid;grid-template-columns:1fr 260px;gap:var(--space-6);align-items:start}@media (max-width:900px){.art-detail-grid{grid-template-columns:1fr}}.art-prose{font-size:16px;color:var(--color-text);line-height:1.85}.art-prose h2{font-size:22px;margin:2em 0 .6em;padding-bottom:.3em;border-bottom:2px solid var(--color-gold)}.art-prose h2,.art-prose h3{font-family:var(--font-heading);font-weight:700;color:var(--color-navy)}.art-prose h3{font-size:18px;margin:1.5em 0 .5em}.art-prose p{margin:0 0 1.2em}.art-prose a{color:var(--color-teal);text-decoration:underline}.art-prose ol,.art-prose ul{margin:0 0 1.2em 1.5em}.art-prose li{margin-bottom:.4em}.art-prose blockquote{border-left:4px solid var(--color-gold);margin:1.5em 0;padding:.8em 1.2em;background:rgba(240,165,0,.06);font-style:italic;color:var(--color-text-muted)}.art-prose img{max-width:100%}.art-prose img,.art-prose pre{border-radius:var(--radius-md);margin:1em 0}.art-prose pre{background:var(--color-navy);color:#e2e8f0;padding:1em 1.2em;overflow-x:auto;font-size:14px}.art-prose code{font-size:.88em;background:rgba(27,42,74,.08);padding:1px 5px;border-radius:3px}.art-prose pre code{background:none;padding:0}.art-detail-sidebar{position:sticky;top:calc(68px + var(--space-3))}.art-sidebar-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.art-sidebar-card__title{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:2px solid var(--color-gold)}.art-sidebar-card p{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin:0 0 8px}.art-sidebar-card strong{color:var(--color-text)}.art-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);font-size:16px}