:root{--bg:#eaf5ff;--surface:#f8fcff;--surface-soft:#eaf5ff;--text:#172033;--muted:#5f6f82;--border:#cfe2f6;--border-soft:#e0efff;--primary:#1d8efc;--primary-dark:#0f4c75;--accent:#2db7ff;--gradient-blue:linear-gradient(135deg,#0f4c75 0%,#1d8efc 62%,#79c4ff 100%);--gradient-soft:linear-gradient(180deg,#d5ecff 0%,#eef8ff 45%,#cfe8ff 100%);--card-shadow:0 8px 22px rgba(15,76,117,.12);--danger:#b91c1c;--warning:#b45309;--success:#047857;--link:#123d8c;--body-font:Inter,"Segoe UI",Arial,sans-serif;--heading-font:Inter,"Segoe UI",Arial,sans-serif;--radius-lg:10px;--radius-md:8px;} *{box-sizing:border-box;} html{overflow-y:scroll;background:var(--bg);} body{margin:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:var(--gradient-soft);color:var(--text);font-family:var(--body-font);font-size:16px;line-height:1.62;letter-spacing:0;} h1,h2,h3,h4,h5,h6{margin:0 0 10px;color:#111827;font-family:var(--heading-font);font-weight:800;line-height:1.18;letter-spacing:0;} h1{font-size:clamp(30px,4vw,44px);} h2{font-size:clamp(22px,2.5vw,30px);} h3{font-size:clamp(18px,2vw,22px);} p{margin:0 0 12px;} a{color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;} a:hover{color:var(--primary-dark);} img,video,canvas,iframe{max-width:100%;} button,input,textarea,select{font:inherit;} button{cursor:pointer;} ul,ol{margin-top:0;} .skip-link{position:absolute;left:-9999px;top:10px;z-index:1000;padding:10px 14px;border-radius:8px;background:#111827;color:#fff;} .skip-link:focus{left:12px;} a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px;} .mb-0{margin-bottom:0!important;} .mb-2{margin-bottom:8px!important;} .mb-3{margin-bottom:14px!important;} .mt-2{margin-top:8px!important;} .mt-3{margin-top:12px!important;} .py-2{padding-top:8px!important;padding-bottom:8px!important;} .d-flex{display:flex!important;} .flex-wrap{flex-wrap:wrap!important;} .flex-column{flex-direction:column!important;} .align-items-center{align-items:center!important;} .align-items-start{align-items:flex-start!important;} .justify-content-between{justify-content:space-between!important;} .justify-content-end{justify-content:flex-end!important;} .gap-2{gap:8px!important;} .gap-3{gap:12px!important;} .flex-grow-1{flex:1 1 auto!important;} .full{grid-column:1/-1;} .row{display:flex;flex-wrap:wrap;gap:12px;} .col-12{flex:1 1 100%;} .col-md-6{flex:1 1 320px;} .container-xl{max-width:1400px;} @media(min-width:768px){.flex-md-row{flex-direction:row!important;} .align-items-md-center{align-items:center!important;}} header{background:var(--gradient-blue);color:#fff;border-bottom:0;} .topbar{max-width:1400px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} .logo{color:#fff;font-size:24px;font-weight:900;line-height:1.1;} .tagline{color:#dff1ff;font-size:12px;} .search-box{display:flex;align-items:center;gap:8px;flex:1 1 360px;max-width:560px;} .search-row{display:flex;align-items:center;gap:8px;width:100%;} .search-box input[type=text],.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=file],textarea,select{width:100%;min-height:40px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);box-shadow:none;} .search-box input[type=text]{flex:1 1 auto;min-width:180px;} textarea{resize:vertical;} input::placeholder,textarea::placeholder{color:#64748b;} .search-box button,.btn,.btn-gradient,.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 13px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap;} .btn:hover,.btn-gradient:hover,.btn-modern:hover{filter:brightness(.96);color:#fff;} .btn.secondary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 13px;border:1px solid #bfdbfe;border-radius:8px;background:#fff;color:var(--primary-dark);font-weight:800;text-decoration:none;} .settings-chip{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:#f1f5f9;} .settings-chip button,.pill-toggle{min-height:32px;padding:5px 9px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#334155;font-weight:800;} .settings-chip button,.pill-toggle.active{border-color:var(--primary);background:var(--primary);color:#fff;} .nav-wrap{background:#ffffffd9;border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid var(--border);} .nav{max-width:1400px;margin:0 auto;min-height:42px;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:8px 18px;} .nav a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:7px;color:#334155;font-size:14px;text-decoration:none;white-space:nowrap;} .nav a.active,.nav a:hover{background:#eaf2ff;color:var(--primary-dark);} .main-container{width:100%;max-width:1400px;margin:16px auto;padding:0 14px;flex:1;} .layout-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;align-items:start;} .layout-left{min-width:0;} .layout-right{min-width:260px;} .layout-left--full{grid-column:1/-1;} .card,.story-card,.sidebar-card,.submit-shell,.video-card,.filter-panel,.reading-tools .tool-group,.story-read-nav--top{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none;} .card,.story-card,.sidebar-card{padding:14px;margin-bottom:14px;box-shadow:var(--card-shadow);} .layout-left>.card,.layout-left>.story-card,.layout-right>.sidebar-card{background:linear-gradient(180deg,#ffffff 0%,#f2f9ff 100%);} .layout-left>.story-card:nth-of-type(n+5),.layout-left>.card:nth-of-type(n+5),.layout-right>.sidebar-card:nth-of-type(n+2){content-visibility:auto;contain-intrinsic-size:220px;} .card .card,.story-card .card{background:var(--surface-soft);} .meta,.note,.muted,.section-subtitle{color:var(--muted);font-size:13px;} .meta-label{color:#334155;font-weight:900;} .pill,.pill-soft,.meta-chip,.chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 9px;border:1px solid #d8e6ff;border-radius:999px;background:#eef4ff;color:var(--primary-dark);font-size:12px;font-weight:800;text-decoration:none;white-space:normal;} .alert{padding:10px 12px;border-radius:8px;border:1px solid #bae6fd;background:#ecfeff;color:#164e63;} .alert-info{background:#eef6ff;border-color:#bfdbfe;color:#1e3a8a;} .search-hero{padding:18px;overflow:hidden;background:linear-gradient(135deg,#dff1ff 0%,#ffffff 42%,#bfe2ff 100%);border-color:#9ed0ff;} .homepage-kicker{display:inline-flex;width:max-content;max-width:100%;margin-bottom:10px;padding:5px 10px;border:1px solid #d8e6ff;border-radius:999px;background:#eef4ff;color:var(--primary-dark);font-size:12px;font-weight:900;text-transform:uppercase;} .hero-lede{max-width:760px;color:#334155;} .hero-thumb{width:min(260px,100%)!important;min-height:0!important;display:flex;align-items:center;justify-content:center;} .hero-image{width:240px!important;max-width:100%;height:auto!important;aspect-ratio:12/7;object-fit:cover;border:1px solid #b9dcff;border-radius:8px;} .shortcut-links{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:10px;} .home-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;} .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;} .category-grid a{min-height:72px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#fff 0%,#f3f9ff 100%);color:var(--link);text-decoration:none;} .category-grid a:hover{background:#e9f4ff;color:var(--primary-dark);} .category-card-meta{color:var(--muted);font-size:12px;} .trending-grid,.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;} .trend-item{min-height:86px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff;} .highlight-card{background:var(--gradient-blue);color:#fff;border-color:#8fd0ff;} .highlight-card h2,.highlight-card h3,.highlight-card a{color:#fff;} .highlight-card .meta,.highlight-card p{color:#e5eef9;} .story-item{margin-bottom:12px;padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:#fff;} .story-row{display:flex;align-items:flex-start;gap:12px;} .story-thumb{width:112px;flex:0 0 112px;display:block;} .story-thumb img,.story-thumb.placeholder{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--border);border-radius:8px;background:#f1f5f9;} .story-body{min-width:0;flex:1 1 auto;} .story-body h3 a{overflow-wrap:anywhere;} .story-meta-grid{width:100%;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:start;gap:8px 12px;margin:8px 0;padding:10px;overflow:hidden;} .story-meta-grid>div{min-width:0;} .story-meta-grid .pill{margin:2px 4px 2px 0;overflow-wrap:anywhere;} .story-meta-compact{margin:8px 0 12px;} .story-tags-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;} .mobile-tag-more{display:none;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800;} html[data-list="compact"] .story-item,body[data-list="compact"] .story-item{padding:9px;margin-bottom:8px;} html[data-list="compact"] .story-item .story-thumb,body[data-list="compact"] .story-item .story-thumb{width:84px;flex-basis:84px;} .list-toolbar,.toolbar,.top-actions,.filter-actions,.form-actions,.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .view-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;} .view-toggle button{min-height:30px;padding:5px 9px;border:0;border-radius:6px;background:transparent;color:#334155;font-weight:800;} .view-toggle button.active{background:var(--primary);color:#fff;} .content-body{max-width:780px;font-size:18px;line-height:1.78;} .content-body>div{overflow-wrap:anywhere;} .story-cover{width:100%;max-height:440px;object-fit:cover;border:1px solid var(--border);border-radius:8px;} .story-read-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;align-items:stretch;margin:12px 0;} .story-read-nav a{white-space:normal;text-align:center;} .story-read-nav--top{padding:10px;} .story-read-nav--bottom{padding-top:12px;border-top:1px solid var(--border);} .reading-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;} .reading-tools .tool-group{display:flex;align-items:center;gap:6px;padding:8px;} .reading-tools .tool-label{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;} .share-pills{display:flex;flex-wrap:wrap;gap:6px;} .author-card-inner{display:flex;gap:12px;align-items:flex-start;} .author-avatar,.author-avatar.placeholder{width:72px;height:72px;flex:0 0 72px;border-radius:50%;object-fit:cover;background:#f1f5f9;border:1px solid var(--border);} .series-progress{margin:10px 0;} .series-progress-label{font-size:13px;color:var(--muted);} .series-progress-bar{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0;} .series-progress-bar span{display:block;height:100%;background:var(--primary);} .series-parts{padding-left:20px;} .submit-shell{padding:20px;} .submit-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;} .submit-page .layout-left,.auth-page .layout-left,.account-page .layout-left{max-width:100%;} .auth-card{width:min(540px,100%);margin:0 auto;} .auth-card .form-grid{margin-top:12px;} .auth-switch{margin-top:10px;} .account-shell{display:grid;gap:14px;} .account-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--gradient-blue)!important;border-color:#7dc6ff!important;color:#fff;} .account-hero h1,.account-hero p,.account-hero .meta{color:#fff!important;} .account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;} .account-stat{min-height:82px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff 0%,#eaf5ff 100%);} .account-stat span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;} .account-stat strong{display:block;margin-top:4px;color:#0f172a;font-size:28px;line-height:1;} .selectable-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;cursor:pointer;} .selectable-item input[type=checkbox]{width:18px;height:18px;margin-top:4px;} .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;} .table-wrap table{min-width:620px;} .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;} .form-label{display:block;margin-bottom:4px;color:#334155;font-weight:900;} .form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.14);} .video-card{padding:12px;} .video-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#0f172a;} .video-embed{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:8px;background:#0f172a;} .video-embed iframe,.video-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;} .video-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;} .sidebar-card .story-item{padding:8px 0;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;} .sidebar-card .story-item:last-child{border-bottom:0;} .ad-slot{min-height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;} .ad-slot iframe{width:100%;height:90px;min-height:90px;border:0;} .ad-slot--sidebar{min-height:250px;} .ad-slot--footer{min-height:90px;} .ad-slot--article{min-height:100px;margin:12px 0;} .ad-slot--sidebar iframe{height:250px;min-height:250px;} .ad-slot--article iframe{height:100px;min-height:100px;} .ad-slot--footer iframe{height:90px;min-height:90px;} .header-ad{max-width:1400px;margin:0 auto;min-height:90px;} .header-ad iframe{height:90px;min-height:90px;} .ad-slot.is-pending{background:linear-gradient(90deg,#f7fbff 0%,#eaf5ff 50%,#f7fbff 100%);} .ad-slot.is-ready{animation:none;background:#fff;} .ad-slot.is-unfilled{animation:none;background:#f8fafc;} .ad-slot.is-unfilled::after{content:"Sponsored space";position:absolute;color:#64748b;font-size:11px;pointer-events:none;} .ad-slot{position:relative;} .ad-slot.is-unfilled iframe{position:relative;z-index:1;} .ad-house-fallback{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #bfd8eb;border-radius:999px;background:#fff;color:#0b5cab;font-size:12px;text-decoration:none;box-shadow:0 5px 18px rgba(11,92,171,.12)} @keyframes ad-slot-loading{to{background-position:-200% 0;}} .header-ad.is-empty,.ad-slot.is-empty{display:none!important;} footer{margin-top:20px;padding:18px;border-top:0;background:var(--gradient-blue);color:#fff;text-align:center;} footer a{color:#fff;} .quick-exit{position:fixed;right:12px;bottom:12px;z-index:1000;border:0;border-radius:999px;background:#172033;color:#fff;padding:9px 13px;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.28)} .discreet-mode .brand-copy .logo{font-size:0}.discreet-mode .brand-copy .logo::after{content:"Reading Library";font-size:22px}.discreet-mode .tagline{visibility:hidden}.discreet-mode .story-thumb,.discreet-mode .hero-thumb,.discreet-mode .author-avatar,.discreet-mode video{filter:blur(18px);opacity:.25}.discreet-mode .ad-slot{visibility:hidden}.discreet-mode .quick-exit{background:#0f766e} .reader-dashboard{display:grid;gap:16px}.reader-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#eff9ff,#fff 58%,#e9f6ef)}.reader-hero h1{font-size:clamp(30px,5vw,52px);margin:.2rem 0}.eyebrow{display:inline-block;color:#0b5cab;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{margin:.15rem 0}.preference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;max-height:230px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:10px}.preference-grid label,.reader-checks label{display:flex;gap:7px;align-items:center}.preference-grid--muted{background:#fff8f7}.reader-checks{display:grid;gap:8px;align-content:end}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.recommendation-card{padding:15px;border:1px solid #d8e8f6;border-radius:13px;background:linear-gradient(180deg,#fff,#f6fbff)}.recommendation-card h3{margin:.55rem 0}.surprise-card{border-color:#91c9ad;background:linear-gradient(135deg,#f0fff6,#fff)}.collection-create{display:grid;grid-template-columns:1fr auto;gap:10px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.collection-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #e1edf7}.collection-item h3{margin:0 0 4px}.resume-reading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid #9cc9ec;border-radius:12px;background:#eff8ff}.resume-reading>div{display:grid}.collection-inline{display:inline-flex;align-items:center;gap:6px}.collection-inline .form-select{min-width:140px;max-width:210px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} @media(max-width:640px){.reader-hero{align-items:flex-start;flex-direction:column}.collection-create{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr}.quick-exit{right:8px;bottom:8px}} .reading-progress-mini{height:5px;margin:6px 0;border-radius:999px;background:#dceaf5;overflow:hidden}.reading-progress-mini span{display:block;height:100%;background:linear-gradient(90deg,#0b5cab,#25a6dc)} .content-warning{margin:10px 0;padding:10px 12px;border:1px solid #e7c879;border-radius:10px;background:#fffaf0}.content-warning summary{cursor:pointer;font-weight:800}.content-warning p{margin:8px 0 0} #readProgress{position:fixed;top:0;left:0;z-index:50;width:100%;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:left center;} #backToTop{position:fixed;right:16px;bottom:16px;z-index:40;min-height:40px;padding:8px 12px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:900;opacity:0;visibility:hidden;pointer-events:none;} #backToTop.is-visible{opacity:1;visibility:visible;pointer-events:auto;} .adblock-alert{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#111827;color:#fff;font-weight:800;} .adblock-alert.show{display:flex;} html[data-font="small"] body{font-size:15px;} html[data-font="large"] body{font-size:18px;} html[data-text-size="small"] .content-body{font-size:16px;} html[data-text-size="large"] .content-body{font-size:20px;} html[data-line-height="tight"] .content-body{line-height:1.55;} html[data-line-height="relaxed"] .content-body{line-height:1.95;} body.reading-mode .layout-right,.reading-mode .layout-right,.reading-mode .header-ad,.reading-mode .footer-ad{display:none!important;} body.reading-mode .layout-left,.reading-mode .layout-left{flex:1 1 100%;max-width:900px;margin:0 auto;} [data-theme="dark"]{--bg:#000;--surface:#050505;--surface-soft:#0d0d0d;--text:#fff;--muted:#e5e7eb;--border:#222;--border-soft:#1f1f1f;--link:#fff;} [data-theme="dark"] body,[data-theme="dark"] header,[data-theme="dark"] .nav-wrap,[data-theme="dark"] footer{background:var(--bg);color:var(--text);} [data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6,[data-theme="dark"] p,[data-theme="dark"] li,[data-theme="dark"] span,[data-theme="dark"] label,[data-theme="dark"] strong,[data-theme="dark"] .meta{color:var(--text);} [data-theme="dark"] a{color:var(--link);} [data-theme="dark"] .nav a{color:var(--text);} [data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:var(--surface);color:var(--text);border-color:var(--border);} [data-theme="dark"] .card,[data-theme="dark"] .story-card,[data-theme="dark"] .sidebar-card,[data-theme="dark"] .story-item,[data-theme="dark"] .submit-shell,[data-theme="dark"] .video-card,[data-theme="dark"] .filter-panel{background:var(--surface);border-color:var(--border);} [data-theme="dark"] .pill,[data-theme="dark"] .pill-soft,[data-theme="dark"] .meta-chip,[data-theme="dark"] .chip{background:var(--surface-soft);color:var(--text);border-color:var(--border);} [data-contrast="high"]{--border:#000;--border-soft:#000;--muted:#111;} [data-contrast="high"] a{text-decoration-thickness:2px;} [data-contrast="high"] .card,[data-contrast="high"] .story-card,[data-contrast="high"] .sidebar-card,[data-contrast="high"] .story-item{border-color:currentColor!important;} @media(max-width:992px){.layout-row{grid-template-columns:1fr;} .layout-left,.layout-right{max-width:100%;min-width:0;}} @media(max-width:768px){body{font-size:15px;} .topbar{align-items:flex-start;padding:10px 12px;} .logo{font-size:22px;} .search-box{flex:1 1 100%;max-width:100%;} .search-row,.search-box--hero .search-row{display:grid;grid-template-columns:1fr;gap:8px;} .search-box button,.search-box--hero .search-row button{width:100%;} .settings-chip{width:100%;overflow-x:auto;} .nav{flex-wrap:nowrap;padding:8px 12px;} .main-container{margin:10px auto;padding:0 10px;} .header-ad,.header-ad iframe{height:72px;min-height:72px;} .card,.story-card,.sidebar-card,.submit-shell{padding:12px;} .home-section-head,.submit-header{flex-direction:column;align-items:stretch;} .category-grid{grid-template-columns:1fr 1fr;gap:8px;} .story-row{gap:10px;} .story-thumb{width:86px;flex-basis:86px;} .story-meta-grid{grid-template-columns:1fr;padding:8px;} .hide-on-mobile{display:none!important;} .mobile-tag-more{display:inline-flex;} .content-body{max-width:100%;font-size:17px;line-height:1.72;} .author-card-inner{flex-direction:column;} .account-hero{display:block;} .account-stats{grid-template-columns:1fr 1fr;}} .reader-settings{position:relative;flex:0 0 auto;} .reader-settings>summary{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(255,255,255,.38);border-radius:9px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:900;cursor:pointer;list-style:none;} .reader-settings>summary::-webkit-details-marker{display:none;} .reader-settings>summary::after{content:'\25BE';margin-left:7px;font-size:11px;} .reader-settings[open]>summary::after{transform:rotate(180deg);} .reader-settings .settings-chip{position:absolute;top:calc(100%+8px);right:0;z-index:120;width:max-content;max-width:min(92vw,440px);display:flex;gap:6px;padding:9px;border:1px solid #bedcf5;border-radius:11px;background:#fff;box-shadow:0 16px 36px rgba(11,63,104,.2);} .reader-settings .settings-chip button{min-height:36px;padding:7px 10px;border:1px solid #cde3f6;border-radius:8px;background:#f4faff;color:#163d60;font-weight:800;white-space:nowrap;} .reader-settings .settings-chip button:hover,.reader-settings .settings-chip button.active{border-color:#66b6f6;background:#e2f3ff;} .home-page .continue-card{padding:16px 18px;background:linear-gradient(135deg,#ffffff 0%,#eef8ff 100%);} .home-page .continue-card h2{margin-bottom:4px;} .home-page .continue-card .story-item{margin:10px 0;} .home-page .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .home-page .hub-tile{min-height:128px;} .home-page .list-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .home-page .list-toolbar .meta{margin-left:auto;} .hero-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;border:1px solid #b8dcf8;border-radius:14px;background:rgba(255,255,255,.72);} .hero-summary__item{min-width:0;padding:10px;border-radius:10px;background:#fff;text-align:center;} .hero-summary__item strong{display:block;color:#0b4f91;font-size:24px;line-height:1.1;} .hero-summary__item span{display:block;margin-top:3px;color:#526b82;font-size:12px;font-weight:800;} .hero-summary .btn-gradient{grid-column:1/-1;} @media(min-width:1201px){.home-page .search-hero>.d-flex{display:grid!important;grid-template-columns:minmax(0,1fr) 240px;align-items:center!important;}} @media(max-width:900px){.home-page .hub-grid{grid-template-columns:1fr;}} @media(max-width:768px){.reader-settings{margin-left:auto;} .reader-settings>summary{min-height:38px;padding:7px 10px;} .reader-settings .settings-chip{position:fixed;top:68px;left:10px;right:10px;width:auto;max-width:none;overflow-x:auto;} .home-page .home-section-head{align-items:flex-start;} .home-page .list-toolbar .meta{width:100%;margin-left:0;} .hero-summary{display:none!important;}} .hub-tile{display:flex;flex-direction:column;gap:8px;} .hub-story-link{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(15,23,42,.08);padding-top:8px;font-size:14px;font-weight:700;} .hub-story-link span{color:#4b6580;font-weight:800;white-space:nowrap;} .related-grid .related-item{min-height:150px;} @media(max-width:430px){.category-grid{grid-template-columns:1fr;} .shortcut-links span{display:none;} .story-row{flex-direction:column;} .story-thumb{width:100%;max-width:150px;flex-basis:auto;} .account-stats{grid-template-columns:1fr;}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}:root{--bg:#e9f5ff;--surface:#ffffff;--surface-soft:#f3f9ff;--text:#172033;--muted:#52657a;--border:#c8ddf2;--border-soft:#e3eef9;--primary:#1977d2;--primary-dark:#0b4978;--accent:#53b6ff;--link:#0e3f86;--gradient-blue:linear-gradient(135deg,#0b4978 0%,#1977d2 58%,#7cc9ff 100%);--gradient-soft:linear-gradient(180deg,#dcefff 0%,#f6fbff 42%,#d8edff 100%);--card-shadow:0 6px 18px rgba(11,73,120,.09);} body{background:radial-gradient(circle at 15% 0%,rgba(124,201,255,.34),transparent 30%),linear-gradient(180deg,#eef8ff 0%,#dcefff 100%);} header{box-shadow:0 8px 22px rgba(11,73,120,.12);} .topbar{padding-block:14px;} .logo{letter-spacing:0;} .tagline{color:#ecf8ff;} .settings-chip{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28);} .settings-chip button,.pill-toggle{border-color:#cfe4fa;} .nav-wrap{background:rgba(255,255,255,.88);backdrop-filter:saturate(150%) blur(8px);overflow:hidden;} .nav{scrollbar-width:none;max-width:100%;} .nav::-webkit-scrollbar{height:0;} .nav a{color:#21364f;font-weight:800;flex:0 0 auto;} .nav a.active,.nav a:hover{background:#dcefff;} .main-container{margin-top:18px;} .layout-row{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:18px;} .card,.story-card,.sidebar-card,.submit-shell{border-radius:12px;border-color:var(--border-soft);background:rgba(255,255,255,.94);box-shadow:var(--card-shadow);} .layout-left>.card,.layout-left>.story-card,.layout-right>.sidebar-card{background:rgba(255,255,255,.94);} .story-card+.story-card,.card+.card{margin-top:16px;} .search-hero{padding:20px;border-color:#a9d7ff;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(239,248,255,.95) 52%,rgba(205,234,255,.95) 100%);} .search-box--hero{width:100%;max-width:100%;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.55fr);align-items:start;gap:12px;} .search-box--hero .search-row{width:100%;min-width:0;align-self:end;} .search-box--hero input[type=text]{min-width:0;} .search-hero h1{max-width:820px;margin-bottom:8px;color:#0f263d;font-size:clamp(30px,4vw,46px);} .homepage-kicker{background:#e2f2ff;border-color:#b9dcff;} .hero-lede{max-width:820px;color:#31465f;} .hero-thumb{width:220px!important;flex:0 0 220px!important;min-height:0!important;align-self:stretch;display:flex;align-items:center;justify-content:center;} .hero-image{width:210px!important;height:auto!important;aspect-ratio:12/7;object-fit:cover;border-radius:12px;box-shadow:0 10px 24px rgba(11,73,120,.14);} .filter-panel{margin-top:0;padding:12px;background:#f8fcff;} .filter-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;} .filter-field span{display:block;margin-bottom:4px;color:#345066;font-size:12px;font-weight:900;} .suggestion-chips,.shortcut-links{gap:7px;} .suggestion-chips{margin-top:12px;} .category-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));} .category-grid a,.trend-item,.video-card{border-color:var(--border-soft);background:#fbfdff;box-shadow:none;} .category-grid a:hover,.trend-item:hover{border-color:#a9d7ff;background:#eef8ff;} .highlight-card{background:linear-gradient(135deg,#0b4978 0%,#1977d2 70%,#67c0ff 100%)!important;} .story-item{border-color:var(--border-soft);background:#fff;} .story-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;} .story-thumb{width:92px;flex-basis:92px;} .story-thumb img,.story-thumb.placeholder{border-radius:10px;background:linear-gradient(135deg,#e4f3ff,#f8fcff);} .story-body h2,.story-body h3{margin-bottom:8px;} .story-body h2 a,.story-body h3 a{color:#102f55;text-decoration-thickness:1px;} .meta-chip{border-radius:10px;background:#f6fbff;} .story-meta-grid{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;} .story-meta-grid>div{display:inline-flex;align-items:center;gap:5px;min-width:auto;max-width:100%;} .story-meta-grid .pill{padding:4px 8px;} .pill,.pill-soft,.chip{background:#e9f5ff;border-color:#cfe4fa;color:#123d6a;} .content-body{max-width:820px;color:#182235;} .content-body>div{font-size:inherit;} .reading-tools{position:relative;} .share-pills .pill{min-height:34px;} .sidebar-card{padding:13px;} .sidebar-card h3{font-size:18px;} .sidebar-card .story-item{background:transparent;} .ad-slot{border-color:#d5e5f5;background:#f4f9ff;} footer{margin-top:24px;box-shadow:0 -8px 24px rgba(11,73,120,.1);} @media(max-width:992px){.layout-row{gap:14px;} .layout-right{display:none;}} @media(max-width:768px){h1{font-size:clamp(28px,8vw,36px);} h2{font-size:clamp(21px,6vw,28px);} .topbar{padding:12px;} .settings-chip{max-width:100%;} .main-container{margin-top:12px;padding:0 10px;} .card,.story-card,.sidebar-card,.submit-shell{padding:14px;border-radius:12px;} .search-hero{padding:16px;} .search-hero .d-flex{display:block!important;} .hero-thumb{width:100%!important;max-width:260px;height:auto;margin-top:14px;flex:auto!important;align-self:auto;} .hero-image{width:100%!important;} .filter-grid{grid-template-columns:1fr;} .search-box--hero{display:grid;grid-template-columns:1fr;} .category-grid,.trending-grid,.video-grid{grid-template-columns:1fr;} .story-row{grid-template-columns:74px minmax(0,1fr);gap:10px;} .story-thumb{width:74px;flex-basis:74px;} .story-meta-grid{display:flex!important;overflow:visible;padding:8px;} .story-meta-grid>div{width:auto;flex:0 1 auto;} .story-tags-inline{gap:5px;} .content-body{font-size:17px;line-height:1.76;} .share-pills{width:100%;} .share-pills .pill{flex:1 1 auto;justify-content:center;}} @media(max-width:430px){.story-row{grid-template-columns:1fr;} .story-thumb{width:100%;max-width:120px;} .story-meta-grid>div{width:100%;} .pill,.meta-chip{max-width:100%;}} .search-hero>.d-flex{align-items:flex-start!important;} .search-hero .flex-grow-1{min-width:0;} @media(max-width:1200px){.search-hero{padding:16px;} .search-hero h1{max-width:720px;font-size:clamp(30px,5vw,40px);line-height:1.14;} .search-box--hero{grid-template-columns:1fr;gap:10px;} .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .filter-actions{align-items:stretch;} .filter-actions .btn-outline,.filter-actions .btn-gradient,.filter-actions button{flex:1 1 150px;} .hero-thumb{display:none!important;}} @media(max-width:900px){body,.main-container,.layout-row,.layout-left,.story-card,.story-item,.story-body,.content-body{max-width:100%;overflow-x:hidden;} .search-box--hero{display:block;} .filter-panel{margin-top:10px;}} @media(max-width:640px){body{font-size:15px;} body,.main-container,.layout-row,.layout-left,.story-card,.story-item,.story-body,.content-body{max-width:100%;overflow-x:hidden;} .main-container{margin-top:8px;padding-inline:8px;} .search-hero{padding:12px;border-radius:12px;} .search-hero h1{font-size:clamp(26px,9vw,34px);line-height:1.12;} .hero-lede{font-size:14px;line-height:1.55;} .search-box--hero .search-row{display:grid;grid-template-columns:1fr;gap:8px;} .search-box--hero .search-row button,.filter-actions .btn-outline,.filter-actions .btn-gradient,.filter-actions button{width:100%;} .filter-grid{grid-template-columns:1fr;} .filter-panel{padding:10px;} .suggestion-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:thin;} .suggestion-chips .pill{flex:0 0 auto;} .shortcut-links{font-size:12px;line-height:1.45;} .hide-on-mobile{display:none!important;} .list-toolbar{align-items:flex-start;gap:8px;} .story-row{grid-template-columns:1fr;} .story-thumb{display:none;} .story-body{min-width:0;} .story-body h2,.story-body h3{font-size:21px;line-height:1.28;} .story-meta-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;overflow:hidden;gap:6px;padding:8px;} .story-meta-grid>div{min-width:0;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px;overflow-wrap:anywhere;word-break:normal;} .story-meta-grid .pill{padding:3px 7px;font-size:12px;max-width:100%;}} @media(max-width:430px){.story-meta-grid{grid-template-columns:1fr;}}:root{--bg:#edf7ff;--surface:#ffffff;--surface-soft:#f3f9ff;--text:#102033;--muted:#50657d;--border:#c9def2;--border-soft:#dcecfb;--primary:#1677d2;--primary-dark:#0b3f68;--accent:#0f9f8f;--accent-warm:#f59e0b;--link:#0b4f91;--gradient-blue:linear-gradient(135deg,#0b3f68 0%,#1677d2 58%,#69c7ff 100%);--gradient-soft:radial-gradient(circle at 16% 8%,rgba(105,199,255,.32),transparent 30%),linear-gradient(180deg,#e1f2ff 0%,#f7fbff 44%,#d6edff 100%);--card-shadow:0 12px 28px rgba(19,74,118,.10);--radius-lg:12px;--radius-md:9px;} body{background:var(--gradient-soft);color:var(--text);} h1,h2,h3,h4,h5,h6{color:#102033;font-weight:900;} a{color:var(--link);text-decoration-thickness:1.5px;} header{background:#ffffff;color:var(--text);border-bottom:1px solid rgba(11,63,104,.12);box-shadow:0 4px 22px rgba(11,63,104,.08);} .topbar{padding-block:10px;} .logo{color:#0b3f68;font-size:22px;} .tagline{color:#4d6580;} .topbar>div:first-child{min-width:190px;} .topbar>.search-box{max-width:520px;} .settings-chip{background:#eef7ff;border-color:#c8e3fb;} .settings-chip button,.pill-toggle{border-color:#c8e3fb;color:#123d62;} .settings-chip button:hover,.pill-toggle:hover{background:#dff1ff;} .nav-wrap{background:rgba(235,247,255,.96);border-top:1px solid #d9edff;border-bottom:1px solid #c9def2;backdrop-filter:none;} .nav{min-height:46px;gap:4px;padding-block:7px;} .nav a{min-height:34px;padding:7px 11px;color:#203a54;border:1px solid transparent;border-radius:8px;} .nav a.active,.nav a:hover{color:#0b3f68;border-color:#b8dbf8;background:#ffffff;} .main-container{margin-top:16px;} .layout-row{grid-template-columns:minmax(0,1fr) minmax(252px,296px);gap:16px;} .card,.story-card,.sidebar-card,.submit-shell,.auth-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:rgba(255,255,255,.96);box-shadow:var(--card-shadow);} .story-card,.card{padding:18px;} .sidebar-card{padding:14px;} .search-hero{min-height:auto;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(242,249,255,.98) 48%,rgba(211,237,255,.98) 100%);border-color:#9bd0ff;} .homepage-kicker{color:#0b3f68;background:#e3f4ff;border-color:#a8d8ff;} .search-hero h1{max-width:780px;font-size:clamp(32px,4vw,44px);letter-spacing:0;} .hero-lede{max-width:760px;color:#314960;} .search-box input[type=text],.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=file],textarea,select{min-height:42px;border-color:#bed7ee;border-radius:9px;background:#ffffff;} .search-box input[type=text]:focus,.form-control:focus,.form-select:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#4ca8f5;box-shadow:0 0 0 3px rgba(76,168,245,.16);outline:0;} .search-box button,.btn,.btn-gradient,.btn-modern{border-radius:9px;background:linear-gradient(135deg,#0b5cab 0%,#1d8efc 100%);box-shadow:0 8px 18px rgba(29,142,252,.18);} .btn.secondary,.btn-outline{border-color:#b9d8f4;border-radius:9px;background:#ffffff;color:#0b4f91;} .filter-panel{border:1px solid #d5e8f8;border-radius:10px;background:#f8fcff;} .filter-field span,.form-label{color:#2d4b68;} .pill,.pill-soft,.chip,.meta-chip{border:1px solid #cfe5f8;background:#edf7ff;color:#153f66;} .story-item{border-color:#e0edf8;border-radius:10px;background:#ffffff;transition:border-color .16s ease,background .16s ease,transform .16s ease;} .story-item:hover{border-color:#acd7fb;background:#fbfdff;} .story-body h2 a,.story-body h3 a{color:#12385c;} .story-thumb img,.story-thumb.placeholder{border:1px solid #d6e8f7;background:linear-gradient(135deg,#eef8ff,#d9efff);} .category-grid a,.trend-item,.video-card,.account-stat{border-color:#dcebf8;border-radius:10px;background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%);} .category-grid a:hover,.trend-item:hover,.video-card:hover{transform:translateY(-1px);} .highlight-card{background:linear-gradient(135deg,#0b3f68 0%,#1677d2 58%,#0f9f8f 100%)!important;} .live-suggest{background:#fff;border:1px solid #dce4f5;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,0.12);margin-top:6px;position:relative;z-index:5;max-height:260px;overflow:auto;padding:6px;} .suggest-item{padding:8px 10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;} .suggest-item:hover{background:#f1f5f9;} .pill-small{padding:4px 8px;border-radius:999px;background:#e0f2fe;color:#0f4c75;font-size:12px;font-weight:700;} .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;} .story-keyword-links{margin-top:10px;} .trending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;} .trend-item{padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fbff;} .trend-item strong{display:block;margin-bottom:4px;} .hub-tile{display:flex;flex-direction:column;gap:8px;} .hub-story-link{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(15,23,42,.08);padding-top:8px;font-size:14px;font-weight:700;} .hub-story-link span{color:#4b6580;font-weight:800;white-space:nowrap;} .highlight-card .story-item{border:0;} .highlight-card .btn-gradient{background:#fff;color:#0f4c75;} .content-body{color:#182538;font-size:18px;line-height:1.78;} .reading-tools .tool-group,.view-toggle,.settings-chip{border-radius:10px;} .ad-slot{border-style:solid;border-color:#d8e8f6;background:#f7fbff;} .ad-placeholder-text{opacity:.8;} .reading-mode-toggle{margin-left:10px;} .helpful-links-card{margin-top:12px;} .footer-helpful-links{padding-left:18px;} .resource-list{padding-left:18px;} .footer-ad-slot,.footer-links{margin-top:6px;} footer{margin-top:24px;padding:20px 14px;background:#0b3f68;color:#e8f5ff;box-shadow:none;} footer a{color:#ffffff;} #backToTop{border-radius:999px;background:#0b3f68;box-shadow:0 10px 26px rgba(11,63,104,.24);} .mobile-readbar{display:none;} .mobile-readbar{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;border:1px solid #b9d8f4;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 14px 32px rgba(11,63,104,.18);} .mobile-readbar a,.mobile-readbar button,.pwa-install-prompt button{min-height:38px;border:1px solid #c8e0f5;border-radius:10px;background:#edf7ff;color:#0b3f68;font-weight:900;text-align:center;text-decoration:none;} .mobile-readbar a,.mobile-readbar button{display:flex;align-items:center;justify-content:center;} .mobile-readbar .primary{border-color:#1677d2;background:#1677d2;color:#fff;} .pwa-install-prompt{position:fixed;display:block;right:12px;bottom:12px;z-index:70;max-width:300px;padding:12px;border:1px solid #b9d8f4;border-radius:12px;background:#ffffff;box-shadow:0 14px 32px rgba(11,63,104,.18);} .pwa-install-prompt p{margin:0 0 8px;color:#314960;font-size:13px;} @media(max-width:992px){.layout-row{grid-template-columns:1fr;} .layout-right{display:none;}} @media(max-width:768px){.topbar{padding:10px;} .topbar>div:first-child{min-width:0;flex:1 1 180px;} .logo{font-size:20px;} .tagline{display:none;} .settings-chip{width:100%;overflow-x:auto;} .nav{padding-inline:10px;} .main-container{padding-inline:8px;} .story-card,.card,.submit-shell,.sidebar-card{padding:12px;border-radius:12px;} .search-hero{padding:14px;} .search-hero h1{font-size:clamp(26px,9vw,34px);} .content-body{font-size:17px;} body:has(.mobile-readbar){padding-bottom:64px;} .mobile-readbar{display:grid;} .pwa-install-prompt{left:10px;right:10px;bottom:72px;max-width:none;}}:root{--ui-ink:#102a43;--ui-navy:#0a365b;--ui-blue:#126fc1;--ui-cyan:#26a9e8;--ui-warm:#ffb454;--ui-line:#d7e8f5;--ui-shadow:0 12px 34px rgba(10,54,91,.09);} .brand-lockup{flex:0 1 auto;min-width:230px;} .brand-home{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;} .brand-home:hover{color:inherit;} .brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.72);border-radius:13px 13px 13px 5px;background:linear-gradient(145deg,var(--ui-navy),var(--ui-blue) 62%,var(--ui-cyan));color:#fff;box-shadow:0 8px 18px rgba(10,54,91,.18);font-size:14px;font-weight:950;letter-spacing:.08em;} .brand-copy{display:flex;min-width:0;flex-direction:column;} .brand-copy .logo{font-size:21px;letter-spacing:-.025em;} .brand-copy .tagline{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} header{box-shadow:0 5px 26px rgba(10,54,91,.07);} .topbar{min-height:70px;gap:18px;} .topbar>.search-box{max-width:560px;padding:4px;border:1px solid #cfe2f2;border-radius:13px;background:#f5faff;} .topbar>.search-box input[type=text]{border:0;background:transparent;box-shadow:none;} .topbar>.search-box button{min-height:38px;border-radius:9px;box-shadow:none;} .reader-settings>summary{border-radius:10px;} .nav-wrap{box-shadow:inset 0 -1px rgba(10,54,91,.05);} .nav{gap:2px;} .nav a{position:relative;padding-inline:12px;font-weight:800;} .nav a.active{border-color:#b6d9f5;box-shadow:0 3px 10px rgba(10,54,91,.07);} .nav a.active::after{content:"";position:absolute;right:10px;bottom:3px;left:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ui-blue),var(--ui-cyan));} .main-container{margin-top:20px;} .layout-row{gap:20px;} .story-card,.sidebar-card,.card,.submit-shell,.auth-card{border-color:var(--ui-line);box-shadow:var(--ui-shadow);} .story-card{border-radius:16px;} .sidebar-card{border-radius:14px;box-shadow:0 9px 24px rgba(10,54,91,.075);} .story-card>h2:first-child,.sidebar-card>h3:first-child{letter-spacing:-.02em;} .search-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,3vw,34px);border-color:#aed8f6;background:radial-gradient(circle at 88% 12%,rgba(38,169,232,.20),transparent 30%),radial-gradient(circle at 72% 96%,rgba(255,180,84,.16),transparent 28%),linear-gradient(135deg,#fff 0%,#f4faff 62%,#e5f5ff 100%);} .search-hero::after{content:"";position:absolute;z-index:-1;top:-54px;right:-44px;width:180px;height:180px;border:34px solid rgba(255,255,255,.38);border-radius:50%;} .homepage-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;} .homepage-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#0aa37f;box-shadow:0 0 0 4px rgba(10,163,127,.12);} .search-hero h1{margin-top:14px;max-width:720px;letter-spacing:-.045em;} .hero-lede{font-size:clamp(16px,1.6vw,19px);line-height:1.65;} .search-box--hero{max-width:none;} .search-box--hero .search-row{padding:5px;border:1px solid #bcdcf3;border-radius:13px;background:#fff;box-shadow:0 9px 24px rgba(10,54,91,.08);} .search-box--hero .search-row input{border:0;box-shadow:none;} .search-box--hero .search-row button{min-width:106px;} .filter-panel{margin-top:12px;padding:13px;border-radius:13px;background:rgba(255,255,255,.72);} .shortcut-links{margin-top:14px;line-height:1.9;} .suggestion-chips{scrollbar-width:thin;} .hero-summary{border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 10px 28px rgba(10,54,91,.08);} .hero-summary__item strong{color:var(--ui-navy);} .home-section-head{gap:16px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #e3eef7;} .section-subtitle{margin-top:5px;color:#5d7185;} .home-hubs-card,.home-categories-card{background:rgba(255,255,255,.97);} .hub-grid,.category-grid{gap:11px;} .category-grid a,.category-tile,.hub-tile{position:relative;overflow:hidden;min-height:92px;padding:14px;border-radius:13px;text-decoration:none;} .category-grid a::before,.category-tile::before,.hub-tile::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--ui-blue),var(--ui-cyan));} .category-card-title{color:var(--ui-ink);font-size:15px;line-height:1.35;} .category-card-meta{margin-top:auto;color:#61778b;font-size:12px;} .continue-card{border-left:4px solid var(--ui-cyan);background:linear-gradient(100deg,#fff,#f1faff);} .continue-card .story-item{background:rgba(255,255,255,.75);} .highlight-card{border:0;box-shadow:0 18px 38px rgba(10,54,91,.18);} .story-list-card{padding:0;overflow:hidden;} .story-list-card .list-toolbar{margin:0;padding:18px;border-bottom:1px solid #dfebf5;background:#f7fbfe;} .story-list-card>.story-item{margin:0;padding:18px;border:0;border-bottom:1px solid #e5eef5;border-radius:0;background:#fff;} .story-list-card>.story-item:last-of-type{border-bottom:0;} .story-list-card>.story-item:hover{transform:none;background:#f9fcff;} .story-list-card .story-body h3{font-size:clamp(18px,2vw,22px);letter-spacing:-.025em;} .story-list-card .story-body h3 a{text-decoration-thickness:1px;} .story-list-card .story-thumb,.story-list-card .story-thumb.placeholder{border-radius:12px;overflow:hidden;} .story-list-card>.mt-2{padding:16px 18px;border-top:1px solid #e5eef5;background:#f7fbfe;} .sidebar-card h3{margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #e3edf5;color:var(--ui-navy);} .sidebar-card .story-item{padding:10px 0;border-width:0 0 1px;border-radius:0;background:transparent;} .newsletter{background:linear-gradient(145deg,#0c456f,#147ac3);} .newsletter h3,.newsletter p{color:#fff;} .newsletter h3{border-color:rgba(255,255,255,.22);} .newsletter .btn-gradient{background:#fff;color:var(--ui-navy);box-shadow:none;} .btn-gradient,.btn-modern,.search-box button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;} .btn-gradient:hover,.btn-modern:hover,.search-box button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(18,111,193,.20);} .btn-outline{transition:border-color .16s ease,background .16s ease,color .16s ease;} .btn-outline:hover{border-color:#86bfe9;background:#eef8ff;color:var(--ui-navy);} .site-footer{margin-top:34px;padding:0;background:linear-gradient(135deg,#082d4d,#0b456f);} .site-footer .ad-slot--footer{margin:0 auto;max-width:1400px;} .site-footer__inner{width:min(100%,1400px);margin:0 auto;padding:28px 18px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,auto);gap:22px 30px;align-items:center;} .site-footer__brand{display:flex;align-items:center;gap:12px;} .brand-mark--footer{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.10);box-shadow:none;} .site-footer__brand strong{display:block;color:#fff;font-size:18px;} .site-footer__brand p{margin:3px 0 0;color:#bcd8eb;font-size:13px;} .site-footer .footer-links{display:flex;justify-content:flex-end;gap:8px 16px;flex-wrap:wrap;margin:0;} .site-footer .footer-links a{color:#e8f6ff;font-size:13px;text-decoration:none;} .site-footer .footer-links a:hover{text-decoration:underline;} .site-footer__legal{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);color:#a9c9de;font-size:12px;} @media(max-width:992px){.topbar{gap:10px;} .brand-lockup{min-width:210px;}} @media(max-width:768px){.brand-lockup{min-width:0;flex:1 1 auto;} .brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:11px 11px 11px 4px;} .brand-copy .logo{font-size:18px;} .topbar>.search-box{order:3;flex-basis:100%;} .nav{scroll-snap-type:x proximity;} .nav a{scroll-snap-align:start;} .main-container{margin-top:10px;} .search-hero{padding:18px 14px;} .search-hero::after{width:120px;height:120px;border-width:24px;} .search-box--hero .search-row{display:grid;grid-template-columns:1fr;padding:0;border:0;background:transparent;box-shadow:none;} .search-box--hero .search-row input{border:1px solid #bcdcf3;background:#fff;} .search-box--hero .search-row button{width:100%;} .home-section-head{align-items:flex-start;} .category-grid a,.category-tile,.hub-tile{min-height:78px;padding:12px;} .story-list-card .list-toolbar,.story-list-card>.story-item{padding:14px 12px;} .story-list-card .story-thumb{display:none;} .site-footer__inner{grid-template-columns:1fr;padding:24px 14px;} .site-footer .footer-links{justify-content:flex-start;} .site-footer__legal{grid-column:1;}} @media(prefers-reduced-motion:reduce){.btn-gradient,.btn-modern,.search-box button,.btn-outline,.category-grid a{transition:none!important;}} [data-theme="dark"] .brand-copy .logo{color:#eef8ff;} [data-theme="dark"] .brand-copy .tagline{color:#abc9dd;} [data-theme="dark"] .topbar>.search-box,[data-theme="dark"] .search-box--hero .search-row,[data-theme="dark"] .filter-panel,[data-theme="dark"] .hero-summary{border-color:#31566f;background:#132f43;} [data-theme="dark"] .search-hero{border-color:#315b78;background:radial-gradient(circle at 88% 12%,rgba(38,169,232,.15),transparent 30%),linear-gradient(135deg,#102b3f,#15384f 62%,#123f57);} [data-theme="dark"] .search-hero::after{border-color:rgba(255,255,255,.04);} [data-theme="dark"] .search-hero h1,[data-theme="dark"] .hero-summary__item strong,[data-theme="dark"] .category-card-title{color:#f2f8fc;} [data-theme="dark"] .hero-lede,[data-theme="dark"] .section-subtitle,[data-theme="dark"] .category-card-meta{color:#b6ccda;} [data-theme="dark"] .home-hubs-card,[data-theme="dark"] .home-categories-card,[data-theme="dark"] .story-list-card,[data-theme="dark"] .story-list-card>.story-item,[data-theme="dark"] .continue-card{background:#102b3f;} [data-theme="dark"] .story-list-card .list-toolbar,[data-theme="dark"] .story-list-card>.mt-2{border-color:#294a61;background:#15364c;} [data-theme="dark"] .story-list-card>.story-item{border-color:#294a61;} [data-theme="dark"] .story-list-card>.story-item:hover{background:#17394f;} [data-theme="dark"] .home-section-head,[data-theme="dark"] .sidebar-card h3{border-color:#294a61;} [data-contrast="high"] .brand-mark,[data-contrast="high"] .story-card,[data-contrast="high"] .sidebar-card,[data-contrast="high"] .search-box--hero .search-row{border:2px solid currentColor;box-shadow:none;} [data-contrast="high"] .category-grid a::before,[data-contrast="high"] .category-tile::before,[data-contrast="high"] .hub-tile::before{width:5px;background:currentColor;}:root{--bg:#f4f6f8;--surface:#fff;--surface-soft:#eef3f6;--text:#1c2d3d;--muted:#546678;--border:#d7e0e7;--border-soft:#e6ebef;--primary:#086e81;--primary-dark:#16465a;--link:#145777;--gradient-soft:linear-gradient(#f4f6f8,#f4f6f8);--ui-ink:#1c2d3d;--ui-navy:#163e52;--ui-line:#d7e0e7;--card-shadow:0 3px 12px rgba(24,45,62,.04);--ui-shadow:var(--card-shadow);--radius-lg:16px;--radius-md:10px;} body{background:var(--bg);} body>header{background:var(--surface);color:var(--text);box-shadow:none;border-bottom:1px solid var(--border);} .topbar{padding-block:16px;gap:20px;} .brand-mark{background:#16465a;box-shadow:none;border-color:transparent;} .brand-copy .logo{color:var(--text);font-weight:800;} .brand-copy .tagline{color:var(--muted);} .topbar>.search-box{background:var(--surface-soft);border-color:var(--border);box-shadow:none;} .reader-settings>summary{background:var(--surface-soft);color:var(--text);border-color:var(--border);min-height:44px;} .reader-settings .settings-chip{flex-wrap:wrap;background:var(--surface);border-color:var(--border);} .nav-wrap{background:var(--surface);border-color:var(--border-soft);} .nav{gap:4px;scrollbar-width:thin;scroll-padding-inline:18px;} .nav a{min-height:42px;color:var(--muted);border-radius:8px;font-weight:600;} .nav a.active{background:#e6f2f3;border-color:#bcd9dd;color:#175363;} .nav a:hover{background:var(--surface-soft);border-color:var(--border);color:var(--text);} .main-container{margin-block:24px;} .layout-row{gap:24px;} .story-card,.sidebar-card,.card,.auth-card,.submit-shell{background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px;} .story-card,.sidebar-card,.card{contain:none;} .search-hero{background:linear-gradient(120deg,#f0f7f8,#fff);border-color:#ccdfe2;} .search-hero::after{display:none;} .search-hero h1{max-width:24ch;line-height:1.12;letter-spacing:-.035em;} .homepage-kicker{background:#e3f0ee;color:#245b51;border-color:#c5ded7;} .hero-lede{color:var(--muted);max-width:65ch;} .hero-reading-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;gap:8px;} .hero-reading-link::after{content:'\2193';} .hero-summary,.filter-panel{background:var(--surface);border:1px solid var(--border);box-shadow:none;} .search-box--hero{display:block;width:100%;} .search-box--hero .search-row{display:flex;width:100%;min-width:0;} .search-box--hero .search-row input{flex:1;min-width:0;} .search-box--hero .search-row button{flex:0 0 auto;} .filter-panel>summary{cursor:pointer;min-height:40px;align-content:center;font-weight:700;color:var(--text);} .filter-panel>summary span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-left:18px;} .filter-panel[open]>summary{margin-bottom:16px;} .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .hero-summary{align-self:flex-start;height:auto;min-height:0;gap:20px;padding:20px;} .home-section-head,.section-heading{gap:16px;} .section-subtitle,.category-card-meta,.meta,.note{color:var(--muted);} .category-grid a,.category-tile,.hub-tile{background:var(--surface);border-color:var(--border);box-shadow:none;border-radius:12px;} .category-grid a::before,.category-tile::before,.hub-tile::before{background:#4e8993;} .story-list-card .list-toolbar,.story-list-card>.mt-2{background:var(--surface-soft);border-color:var(--border-soft);} .story-list-card>.story-item{background:var(--surface);border-color:var(--border-soft);padding-block:22px;} .story-list-card>.story-item:hover{background:var(--surface-soft);} .story-body h3 a{color:var(--text);text-decoration:none;} .story-body h3 a:hover{text-decoration:underline;color:var(--link);} .story-item p{color:var(--muted);line-height:1.7;} .sidebar-card h3{color:var(--text);font-size:17px;border-color:var(--border-soft);} .continue-card{background:var(--surface);border-left:3px solid #4e8993;} .highlight-card,.newsletter{background:#163e52;color:#fff;box-shadow:none;} .layout-right>.sidebar-card.newsletter{background:#163e52;} .newsletter .btn-gradient{background:#fff;color:#163e52;} .highlight-card:is(h2,h3,p,a,.meta),.newsletter:is(h2,h3,p){color:#fff;} .highlight-card .story-item{background:transparent;} .btn-gradient,.btn-modern,.search-box button{background:#086e81;color:#fff;box-shadow:none;border-radius:10px;min-height:44px;} .btn-gradient:hover,.btn-modern:hover,.search-box button:hover{background:#075768;color:#fff;box-shadow:none;transform:none;} .btn-outline{background:var(--surface);color:var(--link);border-color:var(--border);border-radius:10px;min-height:44px;} .btn-outline:hover{background:var(--surface-soft);color:var(--text);}:is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #15889b;outline-offset:3px;}:is(.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=search],textarea,select){border-color:var(--border);border-radius:10px;color:var(--text);background:var(--surface);}:is(input,select,textarea):disabled{opacity:.65;cursor:not-allowed;} input::placeholder,textarea::placeholder{color:var(--muted);opacity:1;} label,.form-label{color:var(--text);font-weight:650;} .form-grid{gap:18px;} .table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;} .table-wrap table{margin:0;width:100%;border-collapse:collapse;} .table-wrap th{background:var(--surface-soft);color:var(--muted);font-size:13px;text-align:left;} .table-wrap:is(th,td){padding:13px 16px;border-bottom:1px solid var(--border-soft);vertical-align:top;} .account-hero{background:linear-gradient(110deg,var(--surface),var(--surface-soft))!important;border-color:var(--border)!important;padding:28px;display:block;} .account-hero:is(h1,p,.meta){color:var(--text)!important;} .account-hero h1{font-size:clamp(26px,4vw,36px);} .account-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:none;} .account-stat strong{font-variant-numeric:tabular-nums;color:var(--text);} .account-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 20px;} .account-nav a{padding:9px 14px;background:var(--surface);border:1px solid var(--border);border-radius:9px;text-decoration:none;font-size:14px;} .account-shell [id]{scroll-margin-top:24px;} .story-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px;} .pagination-position{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;} .account-feedback{padding:12px 16px;border:1px solid;border-radius:10px;margin-block:12px;} .account-feedback--success{background:#edf8f2;color:#205c3e;} .account-feedback--error{background:#fff0f0;color:#912b2b;} .site-footer{background:#142e3e;box-shadow:none;} .site-footer .footer-links a{padding-block:8px;} .nav a,.story-item,.story-card,.sidebar-card,.card,.category-grid a,.category-tile,.hub-tile,.btn-gradient,.btn-outline,.btn-modern,.search-box button{transition:none;} @media(max-width:768px){.topbar{padding:12px;gap:12px;} .brand-copy .logo{font-size:19px;} .brand-lockup{flex:1 1 auto;} .reader-settings{order:0;} .topbar>.search-box{order:1;flex-basis:100%;max-width:none;} .topbar>.search-box button{width:auto;min-width:84px;} .search-box--hero .search-row{flex-direction:row;gap:8px;} .search-box--hero .search-row button{width:auto;min-width:84px;} .brand-copy .tagline{max-width:210px;font-size:11px;} .nav{padding-inline:12px;} .main-container{margin-block:14px;padding-inline:12px;} .layout-row{gap:16px;} .story-list-card>.story-item{padding:18px 14px;} .account-hero{padding:20px;} .account-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px;} .account-nav a{white-space:nowrap;} .account-stats{grid-template-columns:repeat(2,minmax(0,1fr));} .table-wrap:is(th,td){padding:11px;} input,textarea,select{font-size:16px;}} @media(max-width:380px){.brand-copy .logo{font-size:16px;}.brand-mark{width:32px;height:32px;flex-basis:32px;}.brand-home{gap:8px;}.reader-settings>summary{padding-inline:8px;}.filter-grid{grid-template-columns:1fr;}} [data-theme=dark]{--bg:#10202d;--surface:#172c3b;--surface-soft:#203849;--text:#edf3f7;--muted:#b6c7d3;--border:#385061;--border-soft:#304655;--link:#8fd4e4;--ui-ink:#edf3f7;--ui-navy:#edf3f7;--ui-line:#385061;--card-shadow:none;} [data-theme=dark]:is(.search-hero,.hero-summary,.filter-panel,.account-hero,.continue-card,.home-hubs-card,.home-categories-card,.story-list-card,.story-list-card>.story-item){background:var(--surface);} [data-theme=dark]:is(.story-list-card .list-toolbar,.story-list-card>.mt-2,.topbar>.search-box,.search-box--hero .search-row){background:var(--surface-soft);} [data-theme=dark]:is(.nav a.active,.homepage-kicker){background:#254b55;color:#d2f3f6;border-color:#3d707b;} [data-theme=dark]:is(.hero-lede,.section-subtitle,.category-card-meta){color:var(--muted);} [data-theme=dark]:is(.category-card-title,.brand-copy .logo,.sidebar-card h3){color:var(--text);} [data-theme=dark]:is(.hero-summary__item,.settings-chip button){background:var(--surface-soft);color:var(--text);} [data-theme=dark] .search-box--hero .search-row input{background:var(--surface);color:var(--text);border-color:var(--border);} [data-theme=dark] .ad-slot{background:var(--surface-soft);border-color:var(--border);} [data-contrast=high]{--muted:#283747;--border:#283747;--border-soft:#283747;} [data-theme=dark][data-contrast=high]{--muted:#fff;--border:#d8e5ee;--border-soft:#d8e5ee;} [data-contrast=high]:is(.card,.story-card,.sidebar-card,.account-stat,.btn-outline,.account-nav a,.nav a){border:2px solid currentColor;box-shadow:none;} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}:root{--bg:#f3f7fb;--surface:#fff;--surface-soft:#f4f7fb;--text:#14263a;--muted:#607286;--border:#dbe5ee;--border-soft:#e9eff4;--primary:#1769c2;--primary-dark:#123a62;--link:#135da8;--accent:#e83e78;--gradient-soft:radial-gradient(circle at 8% 0%,rgba(57,169,255,.10),transparent 25%),linear-gradient(180deg,#f8fbfe,#f1f6fa);--card-shadow:0 12px 32px rgba(22,51,78,.07);} body{background:var(--gradient-soft);letter-spacing:.002em;} body>header{position:relative;z-index:20;background:rgba(255,255,255,.98);} .topbar{min-height:80px;padding-block:14px;} .brand-home{gap:12px;} .brand-mark{width:48px;height:48px;flex:0 0 48px;padding:0;border:1px solid #cae2f4;border-radius:14px;background:#dff3ff;object-fit:cover;box-shadow:0 8px 22px rgba(18,58,98,.13);} .brand-copy .logo{font-size:22px;line-height:1.16;letter-spacing:-.035em;} .brand-copy .tagline{margin-top:3px;font-size:11px;letter-spacing:.025em;} .topbar>.search-box{max-width:600px;padding:5px;background:#f5f8fc;border:1px solid #d6e3ed;border-radius:14px;} .topbar>.search-box:focus-within{border-color:#79afe1;box-shadow:0 0 0 3px rgba(23,105,194,.10);} .topbar>.search-box input[type=text]{padding-inline:13px;} .topbar>.search-box button,.btn-gradient,.btn-modern{background:linear-gradient(135deg,#185ca8,#2789df);border-radius:10px;} .reader-settings>summary,.nav-toggle{min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:750;cursor:pointer;} .nav-toggle{display:none;align-items:center;gap:8px;} .nav-toggle__icon{display:grid;width:18px;gap:3px;} .nav-toggle__icon i{display:block;height:2px;border-radius:2px;background:currentColor;} .nav-wrap{background:#fff;border-top:1px solid #edf2f6;border-bottom:1px solid #dce7ef;} .nav{min-height:52px;gap:3px;} .nav a{min-height:38px;padding-inline:13px;border-radius:10px;color:#435a70;font-size:13px;font-weight:750;} .nav a.active{background:#e9f3fc;border-color:#c8dff2;color:#134f88;} .nav a.active::after{display:none;} .nav a[href="/submit"]{margin-right:5px;background:#142f4a;color:#fff;border-color:#142f4a;} .nav a[href="/user-register"]{background:#fceaf0;color:#a92553;border-color:#f3c7d6;} .header-ad{border-color:var(--border)!important;background:#f7fafc!important;} .main-container{margin-block:26px;} .layout-row{grid-template-columns:minmax(0,1fr) minmax(270px,306px);gap:26px;} .story-card,.sidebar-card,.card,.auth-card,.submit-shell{border:1px solid rgba(209,222,233,.94);border-radius:18px;box-shadow:var(--card-shadow);} .story-card{padding:clamp(16px,2.2vw,24px);} .sidebar-card{padding:18px;} .search-hero{border-color:#cadeef;background:radial-gradient(circle at 92% 8%,rgba(232,62,120,.10),transparent 25%),radial-gradient(circle at 72% 100%,rgba(39,137,223,.15),transparent 34%),linear-gradient(132deg,#fff 0%,#f7fbff 62%,#eaf5ff 100%);} .homepage-kicker{background:#eaf5ff;color:#175c99;border-color:#cae1f3;} .homepage-kicker::before{background:var(--accent);box-shadow:0 0 0 4px rgba(232,62,120,.11);} .search-hero h1{font-size:clamp(31px,4.2vw,56px);color:#102f4c;} .hero-lede{max-width:62ch;color:#536a7f;} .hero-reading-link{color:#b22c5a;} .search-box--hero .search-row{border-color:#c9deef;box-shadow:0 12px 30px rgba(22,65,105,.08);} .hero-summary{border-color:#d4e4f1;background:rgba(255,255,255,.80);} .hero-summary__item{border-bottom:1px solid var(--border-soft);padding-bottom:11px;} .hero-summary__item:last-of-type{border-bottom:0;} .hero-summary__item strong{font-size:26px;color:#164d7c;} .home-section-head{align-items:center;} .home-section-head h2,.list-toolbar h2{font-size:clamp(21px,2.4vw,29px);letter-spacing:-.035em;color:#173a5a;} .category-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));} .category-grid a,.category-tile,.hub-tile{min-height:100px;border-color:#dde8f0;background:linear-gradient(145deg,#fff,#f7fafc);} .category-grid a::before,.category-tile::before,.hub-tile::before{width:4px;background:#2789df;} .category-grid>:nth-child(3n+2)::before{background:#e83e78;} .category-grid>:nth-child(3n+3)::before{background:#7b61c8;} .category-card-title{font-size:15px;color:#193b5a;} .hub-story-link{margin-top:10px;font-size:13px;line-height:1.45;} .continue-card{border-left:0;background:linear-gradient(120deg,#fff,#f2f8fd);} .continue-card::before{content:"Continue";display:inline-flex;margin-bottom:9px;padding:4px 9px;border-radius:999px;background:#eaf5ff;color:#175c99;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;} .highlight-card{background:linear-gradient(140deg,#102f4d,#185c91);} .story-list-card .list-toolbar{padding:20px 22px;background:#f6f9fc;} .story-list-card>.story-item{padding:22px;background:#fff;} .story-list-card>.story-item:hover{background:#f8fbfe;} .story-list-card .story-thumb{width:112px;aspect-ratio:3/4;border-radius:13px;background:linear-gradient(145deg,#e6f1f8,#cfdfeb);} .story-list-card .story-thumb img{width:100%;height:100%;object-fit:cover;} .story-body h3{margin-bottom:9px;line-height:1.35;} .story-body h3 a{color:#173752;} .meta-chip{gap:7px;} .pill{border-color:#d7e5f1;background:#eef5fb;color:#205a8c;} .sidebar-card{background:rgba(255,255,255,.94);} .sidebar-card h3{font-size:16px;letter-spacing:-.015em;color:#183c5c;} .sidebar-card .story-item a{font-size:13px;line-height:1.45;text-decoration:none;} .layout-right{position:sticky;top:14px;align-self:start;} .newsletter,.layout-right>.sidebar-card.newsletter{background:linear-gradient(145deg,#102f4d,#1d6ca9);} .newsletter:is(h2,h3,p,.meta),.layout-right>.sidebar-card.newsletter:is(h2,h3,p,.meta){color:#fff;} .newsletter h3,.layout-right>.sidebar-card.newsletter h3{border-color:rgba(255,255,255,.28);} .site-footer{background:linear-gradient(135deg,#0e263c,#123f64 70%,#164e79);} .site-footer__inner{padding-block:34px;} .brand-mark--footer{border-color:rgba(255,255,255,.20);} @media(max-width:992px){.layout-row{grid-template-columns:1fr;} .layout-right{position:static;}} @media(max-width:768px){.topbar{min-height:68px;padding:10px 12px;align-items:center;} .brand-mark{width:40px;height:40px;flex-basis:40px;border-radius:11px;} .brand-copy .logo{font-size:18px;} .nav-toggle{display:inline-flex;order:0;} .reader-settings{order:0;} .topbar>.search-box{order:3;margin-top:2px;} html.nav-enhanced .nav-wrap{display:none;} html.nav-enhanced .nav-wrap.is-open{display:block;} .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px 12px;overflow:visible;} .nav a{justify-content:flex-start;min-height:42px;padding:9px 11px;border:1px solid var(--border-soft);background:#f8fafc;} .nav a[href="/submit"]{margin-right:0;} .main-container{margin-block:14px;padding-inline:10px;} .story-card{border-radius:15px;} .search-hero{padding:22px 16px;} .search-hero h1{font-size:clamp(29px,10vw,42px)!important;} .search-box--hero .search-row{display:flex;} .search-box--hero .search-row button{width:auto;min-width:88px;} .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .category-grid a,.category-tile,.hub-tile{min-height:92px;} .story-list-card .list-toolbar{padding:16px;} .story-list-card>.story-item{padding:18px 15px;} .site-footer__inner{padding-block:28px;} body:has(.mobile-readbar) .quick-exit{bottom:72px;}} @media(max-width:420px){.brand-copy .tagline{display:none;} .nav-toggle>span:last-child{display:none;} .nav-toggle{padding-inline:11px;} .reader-settings>summary{padding-inline:10px;} .category-grid{grid-template-columns:1fr 1fr;gap:8px;} .category-grid a,.category-tile,.hub-tile{padding:11px;}} [data-theme=dark]{--bg:#0e1d2a;--surface:#152a3b;--surface-soft:#1c3548;--text:#edf5fa;--muted:#b9cad6;--border:#365064;--border-soft:#2b4355;--link:#8dccff;--gradient-soft:linear-gradient(180deg,#0e1d2a,#102330);} [data-theme=dark] body>header,[data-theme=dark] .nav-wrap{background:#132838;border-color:#2c4558;} [data-theme=dark] .nav a{color:#c4d4df;} [data-theme=dark] .nav a[href="/submit"]{background:#e8f5ff;color:#113b5c;border-color:#e8f5ff;} [data-theme=dark] .nav a[href="/user-register"]{background:#4b2335;color:#ffdbe8;border-color:#714057;} [data-theme=dark]:is(.search-hero,.continue-card,.category-grid a,.category-tile,.hub-tile,.story-list-card>.story-item,.sidebar-card){background:#152a3b;border-color:#365064;} [data-theme=dark]:is(.search-hero h1,.home-section-head h2,.list-toolbar h2,.story-body h3 a,.category-card-title,.sidebar-card h3){color:#eef6fb;} [data-theme=dark] .story-list-card>.story-item:hover{background:#1a3244;} [data-theme=dark] .header-ad{background:#182f41!important;border-color:#365064!important;}