.story-page{background:#f7f7f7;color:#1a202c;font-family:Inter,sans-serif;margin:0;}
.story-header{background:#1a365d;color:#fff;padding:16px 20px;}
.story-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.story-back{color:#fff;text-decoration:none;font-weight:600;}
.story-preview-badge{background:#ecc94b;color:#1a202c;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600;}
.story-layout{max-width:1100px;margin:0 auto;padding:24px 20px 48px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;}
.story-article{background:#fff;border-radius:12px;padding:28px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.story-breadcrumb{font-size:.85rem;color:#718096;margin-bottom:16px;}
.story-breadcrumb a{color:#2b6cb0;text-decoration:none;}
.story-kicker{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#718096;margin:0 0 8px;font-weight:600;}
.story-head h1{font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;margin:0 0 12px;color:#1a365d;}
.story-dek{font-size:1.15rem;line-height:1.5;color:#4a5568;margin:0 0 20px;}
.story-byline{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.story-author-photo{border-radius:50%;object-fit:cover;}
.story-author-name{margin:0;font-weight:600;}
.story-author-name a{color:#1a365d;text-decoration:none;}
.story-date{margin:2px 0 0;font-size:.9rem;color:#718096;}
.story-hero{margin:0 0 24px;}
.story-hero img{width:100%;height:auto;border-radius:10px;display:block;}
.story-hero figcaption{font-size:.85rem;color:#718096;margin-top:8px;}
.story-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e2e8f0;}
.story-share-label{font-weight:600;margin-right:4px;}
.story-share-btn{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#1a365d;text-decoration:none;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;}
.story-share-btn:hover{background:#edf2f7;}
.story-body{font-family:"Libre Baskerville",Georgia,serif;font-size:1.08rem;line-height:1.75;color:#2d3748;}
.story-body h2,.story-body h3,.story-body h4{font-family:Inter,sans-serif;color:#1a365d;margin:1.6em 0 .6em;}
.story-body p{margin:0 0 1em;}
.story-body ul,.story-body ol{margin:0 0 1em 1.2em;}
.story-body a{color:#2b6cb0;}
.story-body blockquote{margin:1.5em 0;padding:12px 18px;border-left:4px solid #1a365d;background:#f7fafc;color:#4a5568;}
.story-body img{max-width:100%;height:auto;border-radius:8px;}
.story-author-box{margin-top:36px;padding-top:24px;border-top:1px solid #e2e8f0;}
.story-author-box h2{font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:#718096;margin:0 0 12px;}
.story-author-box-inner{display:flex;gap:16px;align-items:flex-start;}
.story-author-box img{border-radius:50%;object-fit:cover;flex-shrink:0;}
.story-author-box h3{margin:0 0 8px;font-size:1.1rem;}
.story-author-box p{margin:0 0 8px;color:#4a5568;font-size:.95rem;line-height:1.5;}
.story-related{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08);height:fit-content;}
.story-related h2{margin:0 0 16px;font-size:1.1rem;color:#1a365d;}
.story-related section+section{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0;}
.story-related h3{margin:0 0 10px;font-size:.95rem;color:#4a5568;}
.story-related ul{list-style:none;margin:0;padding:0;}
.story-related li{margin-bottom:12px;}
.story-related a{color:#1a365d;text-decoration:none;font-weight:600;line-height:1.35;display:block;}
.story-related a:hover{text-decoration:underline;}
.story-related span{display:block;font-size:.8rem;color:#718096;margin-top:4px;}
@media (max-width:900px){.story-layout{grid-template-columns:1fr;}.story-article,.story-related{padding:20px;}}