:root{--background:#0A0A0A;--background-transparent:rgba(10,10,10,0);--card:#141414;--surface:#1A1A1A;--text:#F5F5F5;--text-secondary:#D4D4D4;--text-muted:#9A9A9A;--border:#2A2A2A;--divider:#1A1A1A;--accent:#4ECDC4;--accent-muted:rgba(78,205,196,0.15);--accent-dark:#3BA89F;--error:#FF6B6B;--success:#4ADE80;--warning:#FEF3C7;--warning-text:#92400E;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:30px;--text-5xl:36px;--text-6xl:48px;--leading-tight:1.2;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:18px;--radius-3xl:22px;--radius-4xl:26px;--radius-pill:16px;--radius-chip:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow:0 2px 8px rgba(0,0,0,0.3);--shadow-lg:0 4px 20px rgba(0,0,0,0.4);--shadow-hero:0 12px 24px rgba(0,0,0,0.5);--shadow-card:0 8px 20px rgba(0,0,0,0.4);--shadow-card-hover:0 12px 28px rgba(0,0,0,0.5);--transition-fast:0.15s ease;--transition:0.2s ease;--transition-slow:0.3s ease;--max-width:1200px;--max-width-narrow:800px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text);line-height:var(--leading-normal);min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--accent);color:var(--background)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.container-narrow{max-width:var(--max-width-narrow)}.section{padding:var(--space-8) 0}.section-lg{padding:var(--space-12) 0}.grid-cards{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6)}.grid-categories{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold,.heading-xl{font-weight:800}.heading-xl{font-size:var(--text-4xl);letter-spacing:-.02em}.heading-lg,.heading-xl{line-height:var(--leading-tight)}.heading-lg{font-size:var(--text-3xl);font-weight:700}.heading-md{font-size:var(--text-xl);font-weight:700}.heading-md,.heading-sm{line-height:var(--leading-snug)}.heading-sm{font-size:var(--text-lg);font-weight:600}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.pt-4{padding-top:var(--space-4)}.pt-8{padding-top:var(--space-8)}.pb-4{padding-bottom:var(--space-4)}.pb-8{padding-bottom:var(--space-8)}.bg-card{background-color:var(--card)}.bg-surface{background-color:var(--surface)}.border{border:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.15);opacity:.35}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bookmarkPop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.animate-fadeIn{animation:fadeIn var(--transition-slow)}.animate-slideUp{animation:slideUp var(--transition-slow)}.animate-bookmark{animation:bookmarkPop .3s cubic-bezier(.34,1.56,.64,1)}.horizontal-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding-bottom:8px}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll>*{scroll-snap-align:start;flex-shrink:0}.card-interactive{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.card-interactive:hover{transform:scale(.98) translateY(-2px)}.card-interactive:active{transform:scale(.96)}.header-nav-link:hover{color:var(--text);background-color:var(--surface)}.header-dropdown:hover .header-dropdown-content{display:block}.header-dropdown-link:hover{background-color:var(--surface);color:var(--accent)}.header-cta:hover{opacity:.9}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-image:hover img{transform:scale(1.05)}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.related-card:hover img{transform:scale(1.05)}.related-card:hover h3{color:var(--accent)}.article-pill:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-muted)}.category-card:hover{transform:translateY(-2px);border-color:var(--accent)}.tag-item:hover{color:var(--accent);border-color:var(--accent);background-color:var(--accent-muted)}.search-input-wrap:focus-within{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:600;border-radius:var(--radius);border:none;transition:all var(--transition);cursor:pointer}.btn-primary{background-color:var(--accent);color:var(--background)}.btn-primary:hover{background-color:var(--accent-dark)}.btn-secondary{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.pill{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);background-color:var(--surface);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.pill:hover{border-color:var(--text-muted)}.pill-active{background-color:var(--accent);border-color:var(--accent);color:var(--background)}@media (min-width:640px){.grid-cards{grid-template-columns:repeat(2,1fr)}.grid-categories{grid-template-columns:repeat(3,1fr)}.heading-xl{font-size:var(--text-5xl)}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}}@media (min-width:768px){:root{--space-4:20px;--space-6:28px;--space-8:40px}.grid-cards{grid-template-columns:repeat(2,1fr)}.grid-categories{grid-template-columns:repeat(4,1fr)}.header-desktop-nav{display:flex!important}.header-desktop-search{display:block!important}.header-cta-btn{display:inline-block!important}.header-mobile-btn{display:none!important}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width:1024px){.grid-cards{grid-template-columns:repeat(3,1fr)}.heading-xl{font-size:var(--text-6xl)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}@media (min-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}}body,html{overflow-x:hidden;max-width:100vw}.story-arcs-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}@media (min-width:480px){.story-arcs-grid{grid-template-columns:repeat(2,1fr)}}:root{--category-politik:#6B7FD7;--category-ekonomi:#D4A857;--category-sport:#4ADE80;--category-kultur:#A78BFA;--category-vetenskap:#22D3EE;--category-brott:#F87171;--category-olyckor:#FB923C;--category-samhalle:#60A5FA;--category-nyheter:#4ECDC4}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--accent);z-index:9999;transition:width .1s ease-out}.drop-cap{float:left;font-size:4.5em;line-height:.8;padding-right:12px;padding-top:6px;color:var(--accent);font-weight:700;font-family:Georgia,Times New Roman,serif}.drop-cap-word{font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:.05em;font-weight:600}.pull-quote{position:relative;margin:40px 0;padding:24px 0 24px 24px;border-left:4px solid var(--accent);background:linear-gradient(90deg,var(--accent-muted) 0,transparent 100%)}.pull-quote-text{font-size:22px;font-weight:500;line-height:1.5;color:var(--text);font-style:italic;margin:0}.pull-quote-attribution{font-size:14px;color:var(--text-muted);margin-top:12px;font-style:normal}.section-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:40px 0;color:var(--border)}.section-divider:after,.section-divider:before{content:"";width:40px;height:1px;background:var(--border)}.typographic-hero{padding:48px 0 40px;border-bottom:1px solid var(--border);margin-bottom:40px}.typographic-hero-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.typographic-hero-title{font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text);margin-bottom:20px}.typographic-hero-summary{font-size:20px;line-height:1.6;color:var(--text-secondary);max-width:640px}.typographic-hero-divider{width:100%;height:1px;background:var(--border);margin:24px 0}.sources-panel{background:var(--surface);border-radius:16px;padding:28px;margin:40px 0}.sources-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sources-panel-title{font-size:14px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.sources-panel-divider{flex:1 1;height:1px;background:var(--border)}.sources-panel-subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:20px}.source-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card);border-radius:12px;margin-bottom:10px;transition:all var(--transition);text-decoration:none;border:1px solid transparent}.source-card:hover{border-color:var(--accent);transform:translateX(4px)}.source-card-content{flex:1 1;min-width:0}.source-card-name{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;display:flex;align-items:center;gap:8px}.source-card-official{font-size:10px;padding:2px 6px;background:rgba(34,197,94,.15);color:#22C55E;border-radius:4px;text-transform:uppercase;font-weight:700}.source-card-title{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-card-arrow{color:var(--text-muted);transition:transform var(--transition)}.source-card:hover .source-card-arrow{transform:translateX(4px);color:var(--accent)}.article-meta-block{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--text-muted);margin-top:16px}.article-meta-separator{width:4px;height:4px;border-radius:50%;background:var(--border)}.category-badge{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:6px 14px;border-radius:6px;text-decoration:none;transition:opacity var(--transition)}.category-badge:hover{opacity:.85}.abstract-pattern{position:relative;height:120px;margin-bottom:32px;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface)}.abstract-pattern:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,var(--accent) 25%,transparent 25%),linear-gradient(225deg,var(--accent) 25%,transparent 25%),linear-gradient(45deg,var(--accent) 25%,transparent 25%),linear-gradient(315deg,var(--accent) 25%,transparent 25%);background-size:20px 20px;background-position:0 0,10px 0,10px -10px,0 10px;opacity:.03}.abstract-pattern:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,var(--background) 100%)}@media print{body{background:white;color:black}.no-print{display:none!important}.reading-progress{display:none}}