:root{
  --ink:#12233d;--muted:#697891;--line:#e4eaf2;--surface:#ffffff;--canvas:#f7f9fc;--blue:#235cf5;--blue-2:#5d89ff;--navy:#0b1730;--soft-blue:#eef4ff;--radius:18px;--shadow:0 18px 45px rgba(16,36,76,.07)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.7;overflow-x:hidden}body.theme-dark{--ink:#f4f8ff;--muted:#afbdd1;--line:#30415d;--surface:#172742;--canvas:#101b30;--soft-blue:#1a3153;--shadow:0 18px 45px rgba(0,0,0,.18)}
a{text-decoration:none;color:inherit}a:hover{color:var(--blue)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #72acff;outline-offset:3px}img,svg{max-width:100%}p,h1,h2,h3,h4{margin-top:0}.container{width:min(100% - 48px,1180px);margin-inline:auto}.topline{height:35px;background:#09162d;color:#b0c4e1;font-size:11px}.top-inner{height:100%;display:flex;gap:18px;justify-content:space-between;align-items:center}.top-slogan{display:flex;align-items:center;gap:8px}.top-date{color:#d1dcf1}.rss-top{font-weight:700;color:#a2d7fa}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#3ce3ba;box-shadow:0 0 0 4px rgba(60,227,186,.13);flex:0 0 auto}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:11px;align-items:center;flex-shrink:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#1248df,#2b8dfd);color:white;border-radius:13px;font-family:Arial,sans-serif;font-size:27px;font-weight:900;box-shadow:0 8px 20px rgba(28,91,237,.22);transform:rotate(-6deg)}.brand-mark::first-letter{transform:rotate(6deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font:800 23px/1.1 "Readex Pro",sans-serif;letter-spacing:-.8px}.brand-copy em{color:var(--blue);font-style:normal}.brand-copy small{font-size:11px;color:var(--muted);margin-top:6px;font-weight:600;letter-spacing:0}.main-nav{display:flex;align-items:center;gap:21px;margin-right:auto}.main-nav a{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;transition:color .18s}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:7px}.icon-btn{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--canvas);border:1px solid var(--line);color:var(--ink);font-size:20px;transition:.2s}.icon-btn:hover{border-color:#8fb2fb;background:var(--soft-blue)}.menu-toggle{display:none}
.eyebrow{font-size:12px;letter-spacing:.2px;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:10px}.eyebrow-light{color:#74d9f0}.hero-area{padding-top:55px}.hero-intro{display:flex;justify-content:space-between;align-items:end;gap:55px;padding-bottom:35px}.hero-intro h1{font-family:"Readex Pro",sans-serif;font-size:clamp(32px,3.45vw,45px);line-height:1.5;margin:13px 0 0;letter-spacing:-1.9px}.hero-intro h1 span{color:var(--blue)}.hero-intro p{max-width:350px;font-size:14px;color:var(--muted);line-height:2;margin:0 0 8px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(300px,.86fr);gap:20px;align-items:stretch}.hero-story{min-height:485px;background:#0b1832;border-radius:22px;position:relative;display:flex;align-items:end;overflow:hidden;box-shadow:0 25px 65px rgba(5,23,68,.17);isolation:isolate}.hero-story:after{content:"";background:linear-gradient(0deg,rgba(6,15,39,.98),rgba(6,15,39,.7) 48%,rgba(6,15,39,.08) 100%);inset:0;position:absolute;z-index:1;pointer-events:none}.hero-art-link{position:absolute;inset:0}.hero-art-link>.article-art{width:100%;height:100%;border-radius:0}.hero-story-content{color:#fff;z-index:2;position:relative;padding:35px 38px 37px;width:100%}.hero-label{display:flex;align-items:center;gap:12px;color:#d7e9ff;font-size:12px}.hero-label .topic-badge{background:rgba(255,255,255,.17);color:#fff;border:1px solid #a2bde958}.label-line{height:1px;background:#b7c7db;opacity:.5;width:28px}.hero-story h2{font:700 clamp(23px,2.8vw,33px)/1.6 "Readex Pro",sans-serif;max-width:680px;letter-spacing:-.5px;margin:18px 0 11px}.hero-story h2 a:hover{color:#9fdbff}.hero-story-content>p{font-size:14px;color:#cddbf2;line-height:1.95;max-width:615px;margin-bottom:24px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#cfdbed}.hero-link{font-weight:700;font-size:13px;color:white;display:flex;align-items:center;gap:9px}.hero-link:hover{color:#80d8ff}.arrow-icon{display:inline-block;font-size:19px;line-height:1;vertical-align:middle}.meta-separator{margin:0 8px;color:#98a6bb}
.hero-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 25px 20px;display:flex;flex-direction:column}.aside-title{font-family:"Readex Pro",sans-serif;font-size:16px;font-weight:700;display:flex;align-items:center;gap:12px;padding:2px 0 18px;border-bottom:1px solid var(--line)}.aside-title-en{font:700 10px Arial,sans-serif;letter-spacing:1px;color:#a7b0c0;margin-right:auto;direction:ltr}.aside-story{padding:20px 0;display:flex;gap:14px;border-bottom:1px solid var(--line);flex:1}.aside-number{font:bold 29px/1.2 Arial,sans-serif;color:#e3e9f3;letter-spacing:-2px;min-width:34px}.aside-badge{font-size:11px;color:var(--blue);font-weight:700;margin-bottom:5px}.aside-story h3{font:700 15px/1.85 "IBM Plex Sans Arabic",sans-serif;margin:0 0 6px}.aside-meta{font-size:11px;color:var(--muted)}.aside-more{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:12px;font-weight:700;margin-top:21px}
.article-art{position:relative;overflow:hidden;min-height:170px;border-radius:15px;isolation:isolate;display:grid;place-items:center;background:radial-gradient(circle at 24% 20%,#5aaeff,transparent 45%),linear-gradient(128deg,#102451,#092063 54%,#306deb);color:white}.art--shield{background:radial-gradient(circle at 75% 10%,#57e4d6,transparent 45%),linear-gradient(120deg,#0a3048,#115e6c 55%,#21a3ab)}.art--chip{background:radial-gradient(circle at 20% 0%,#ffcb8c,transparent 46%),linear-gradient(135deg,#242a62,#7b4aa9 60%,#e46b98)}.art--model{background:radial-gradient(circle at 80% 20%,#fcaad5,transparent 48%),linear-gradient(135deg,#302178,#5942bc 55%,#a15dec)}.art--cloud{background:radial-gradient(circle at 13% 24%,#85b6ff,transparent 48%),linear-gradient(140deg,#12305c,#2553a5 55%,#21b0e0)}.art--video{background:radial-gradient(circle at 73% 8%,#ffe2ab,transparent 49%),linear-gradient(135deg,#593b71,#d26a89 65%,#f6ab66)}.art--creative{background:radial-gradient(circle at 14% 14%,#a5ffe8,transparent 45%),linear-gradient(140deg,#123758,#118d91 60%,#6bcef3)}.art--phone{background:radial-gradient(circle at 80% 20%,#9ff1ff,transparent 45%),linear-gradient(135deg,#112257,#2c56ae 60%,#4b9fff)}.art-rings{position:absolute;width:92%;aspect-ratio:1;border:1px solid #ffffff34;border-radius:50%;top:-56%;right:-28%;box-shadow:0 0 0 42px #ffffff0b,0 0 0 86px #ffffff09,0 0 0 132px #ffffff08;transform:rotate(23deg)}.art-rings::after{content:"";position:absolute;inset:20%;border:1px dashed #ffffff51;border-radius:50%}.art-dots{position:absolute;inset:0;background-image:radial-gradient(#ffffff50 1px,transparent 1.4px);background-size:21px 21px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.3}.art-symbol{position:relative;font:400 110px/1 Arial,sans-serif;color:#fff;text-shadow:0 20px 60px #06143176;transform:rotate(-11deg);opacity:.92}.art-label{position:absolute;bottom:15px;left:17px;font:700 10px/1.3 Arial,sans-serif;letter-spacing:2.2px;color:#ffffff99;direction:ltr}.art-label b{font-size:7px;letter-spacing:1.4px}.featured-art .art-symbol{font-size:245px;opacity:.28;transform:translate(11%,-13%) rotate(-22deg)}.featured-art .art-rings{width:95%;top:-90%;right:26%}
section.categories-section,section.latest-section,section.more-section{padding-top:82px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.section-heading h2{font:700 clamp(24px,2.4vw,32px)/1.6 "Readex Pro",sans-serif;margin:5px 0 0;letter-spacing:-.7px}.text-link{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap;display:flex;align-items:center;gap:7px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.category-tile{position:relative;min-height:197px;background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:20px 18px 25px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.category-tile:hover{transform:translateY(-5px);border-color:#8db3fb;box-shadow:var(--shadow)}.category-top{display:flex;align-items:start;justify-content:space-between;gap:6px}.category-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e7efff;color:#2460ee;font:27px Arial,sans-serif}.tile-security .category-icon{background:#e7faf6;color:#159e8d}.tile-devices .category-icon{background:#f5eaff;color:#a150ca}.tile-phones .category-icon{background:#ffedf0;color:#e27576}.tile-tools .category-icon{background:#fff4df;color:#dd9c2b}.category-count{font-size:10px;color:var(--muted);white-space:nowrap}.category-tile h3{font-size:15px;font-weight:700;margin:22px 0 5px}.category-tile p{font-size:11px;color:var(--muted);line-height:1.6;margin:0;max-width:180px}.category-arrow{position:absolute;left:16px;bottom:12px;color:var(--muted);font-size:19px}
.latest-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 22px}.story-card{min-width:0}.card-media{display:block;overflow:hidden;border-radius:16px}.card-media .article-art{aspect-ratio:16/9;min-height:unset;transition:transform .3s}.card-media:hover .article-art{transform:scale(1.035)}.card-media .art-symbol{font-size:100px}.card-copy{padding:16px 2px}.card-label{display:flex;align-items:center;gap:11px;margin-bottom:11px}.topic-badge{display:inline-block;padding:5px 10px;border-radius:6px;background:#e8efff;color:#235be9;font-size:10.5px;font-weight:700;line-height:1.5}.topic-badge:hover{background:#d8e8ff}.card-kind{font-size:11px;color:var(--muted)}.story-card h3{font:700 17px/1.8 "Readex Pro",sans-serif;margin:0 0 8px;letter-spacing:-.25px}.story-card h3 a:hover{color:var(--blue)}.story-card p{color:var(--muted);font-size:13px;line-height:1.95;margin-bottom:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:11px;color:var(--muted)}.latest-aside{display:flex;flex-direction:column;gap:18px}.sidebar-box{padding:30px 25px;background:#0b1c3c;color:#fff;border-radius:19px}.sidebar-box-icon{font:39px/1 Arial,sans-serif;color:#7cc9ff;margin-bottom:25px}.sidebar-box h3{font:700 21px/1.75 "Readex Pro",sans-serif;margin:12px 0}.sidebar-box p{color:#b4c6df;font-size:13px;line-height:2;margin-bottom:20px}.sidebar-box .text-link{color:#84d6ff}.rss-box{padding:27px 24px;background:var(--surface);border:1px solid var(--line);border-radius:19px;flex:1}.rss-symbol{color:#1764e9;font:43px Arial,sans-serif}.rss-box h3{font:700 18px/1.7 "Readex Pro",sans-serif;margin:13px 0 7px}.rss-box p{font-size:13px;color:var(--muted);line-height:1.9}.rss-btn{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:9px;background:#eaf1ff;color:#235dec;font-weight:700;font-size:12px;margin-top:10px}
.feature-band{margin-top:90px;background:#0d1a37;color:#fff;position:relative;overflow:hidden}.feature-band::after{content:"";position:absolute;width:550px;height:550px;border:1px solid #ffffff12;border-radius:50%;left:-100px;top:-150px;box-shadow:0 0 0 70px #ffffff05,0 0 0 150px #ffffff04}.feature-inner{padding-top:58px;padding-bottom:58px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;position:relative;z-index:2}.feature-copy h2{font:700 clamp(26px,3.2vw,38px)/1.7 "Readex Pro",sans-serif;margin:15px 0 9px}.feature-copy h2 span{color:#7bbcff}.feature-copy p{font-size:14px;color:#b9c9e1;line-height:2;max-width:495px}.light-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#142c60;border-radius:11px;padding:12px 20px;font-weight:700;font-size:13px;margin-top:15px}.light-btn:hover{color:#235bec}.feature-visual{position:relative;display:block;border:1px solid #ffffff2c;border-radius:18px;overflow:hidden;box-shadow:0 35px 70px #0003}.feature-art{min-height:295px;border-radius:0}.feature-art .art-symbol{font-size:145px}.feature-visual-caption{position:absolute;inset:auto 0 0;padding:25px 24px 16px;background:linear-gradient(transparent,#000a);font-weight:700;color:#fff;font-size:17px}.more-section{padding-bottom:95px}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-horizontal{display:flex;align-items:start;gap:17px;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:15px}.card-horizontal .card-media{width:35%;flex-shrink:0}.card-horizontal .card-media .article-art{aspect-ratio:1/1}.card-horizontal .card-media .art-symbol{font-size:72px}.card-horizontal .card-copy{padding:0}.card-horizontal h3{font-size:14px;line-height:1.7}.card-horizontal p{display:none}
.site-footer{background:#0a1730;color:#d8e5f8}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-top:65px;padding-bottom:55px}.footer-main .brand-copy strong{color:white}.footer-main .brand-copy small{color:#9eb2d1}.footer-main p{max-width:360px;font-size:13px;color:#a8bcdb;line-height:2.1;margin:18px 0 0}.footer-main h4{font:700 15px "Readex Pro",sans-serif;color:#fff;margin-bottom:19px}.footer-main>div:not(:first-child) a{display:block;color:#b0c4df;font-size:13px;margin:0 0 13px}.footer-main a:hover{color:#7dd8ff}.footer-bottom{border-top:1px solid #ffffff21;padding-top:22px;padding-bottom:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#90a6c7}
.breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding-top:30px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--blue)}.category-banner{background:#0b1d42;color:#fff;position:relative;overflow:hidden}.category-banner::after{content:"";position:absolute;border:1px solid #ffffff16;border-radius:50%;width:540px;height:540px;left:-105px;top:-190px;box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff04}.category-banner .container{position:relative;z-index:1;padding-bottom:64px}.category-banner .breadcrumb,.category-banner .breadcrumb a{color:#b7c8e4}.category-banner .eyebrow{margin-top:58px}.category-banner h1{font:700 clamp(34px,4vw,53px)/1.5 "Readex Pro",sans-serif;margin:14px 0}.category-banner p{font-size:15px;color:#bcd0ed;max-width:660px}.category-banner-count{font-size:12px;color:#8dd3ff;font-weight:700}.category-banner-symbol{font:200px Arial,sans-serif;opacity:.08;position:absolute;left:10%;top:60px}.category-content{padding-top:60px;padding-bottom:95px}.category-articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.article-page{background:var(--surface)}.article-page>.container>.breadcrumb{padding-top:33px}.article-header{padding-top:40px;max-width:1040px}.article-pill-row{display:flex;align-items:center;gap:14px}.article-kind{font-size:12px;color:var(--muted)}.article-header h1{font:700 clamp(29px,4.3vw,49px)/1.64 "Readex Pro",sans-serif;letter-spacing:-1.6px;margin:18px 0 14px;max-width:1000px}.article-excerpt{font-size:18px;max-width:850px;color:var(--muted);line-height:2;margin-bottom:27px}.article-byline{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:21px;margin-bottom:29px}.byline-avatar{width:42px;height:42px;border-radius:50%;background:#e9f0ff;color:#255ce3;display:grid;place-items:center;font:bold 23px Arial}.byline-author{display:flex;flex-direction:column;font-size:12px}.byline-author strong{font-size:13px}.byline-author>span{color:var(--muted);margin-top:3px}.article-header-actions{display:flex;gap:8px;margin-right:auto}.outline-small{padding:8px 14px;border-radius:9px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:700}.outline-small:hover{border-color:var(--blue);color:var(--blue)}.article-hero-image .article-art{aspect-ratio:2.45/1;min-height:290px;border-radius:20px}.article-hero-image .art-symbol{font-size:240px}.article-content-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(210px,1fr);gap:80px;align-items:start;padding-top:55px}.article-main{min-width:0}.article-lead{font-size:19px;line-height:2.25;color:var(--ink);font-weight:600;margin-bottom:30px}.takeaways{background:var(--soft-blue);border:1px solid #a7c6ff6b;border-radius:18px;padding:23px 27px 21px;margin:28px 0 45px}.takeaways-heading{display:flex;align-items:center;gap:11px;margin-bottom:12px}.takeaways h2{font:700 18px "Readex Pro",sans-serif;margin:0}.star-icon{font-size:23px;color:var(--blue)}.takeaways ul{padding:0 22px 0 0;margin:0}.takeaways li{margin:10px 0;color:var(--ink);line-height:2;font-size:14px}.article-prose{font-size:17px;line-height:2.25}.article-prose.prose-large{font-size:19px}.prose-section{scroll-margin-top:110px;margin:0 0 42px}.prose-section h2{font:700 25px/1.7 "Readex Pro",sans-serif;margin:0 0 17px;letter-spacing:-.5px}.prose-section p{margin:0 0 18px;color:var(--ink);opacity:.91}.article-source{display:flex;align-items:start;gap:14px;padding:23px;border:1px solid var(--line);background:var(--canvas);border-radius:16px;margin:45px 0}.source-icon{font-size:26px;color:var(--blue)}.article-source strong{display:block;font-size:14px;margin-bottom:7px}.article-source p{margin:0 0 6px;font-size:13px;color:var(--ink)}.article-source small{font-size:11px;color:var(--muted);line-height:1.8;display:block}.source-divider{padding:0 8px;color:var(--muted)}.article-end{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0 24px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.primary-small{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--blue);border-radius:10px;color:#fff;font-size:13px;font-weight:700;padding:11px 17px}.primary-small:hover{background:#143fd2;color:white}.article-aside{position:sticky;top:115px}.toc-card{border:1px solid var(--line);background:var(--canvas);padding:25px 23px;border-radius:16px}.toc-card h3{font:700 18px "Readex Pro",sans-serif;margin:9px 0 17px}.toc-card ol{margin:0;padding:0 23px 0 0}.toc-card li{font-size:13px;line-height:1.95;margin:0 0 14px;color:var(--muted)}.toc-card li a:hover{color:var(--blue)}.reading-controls{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.reading-controls span{font-size:12px;color:var(--muted);margin-left:auto}.reading-controls button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:19px}.sidebar-rss{border-radius:15px;background:#0b1f45;color:#fff;margin-top:16px;padding:23px;display:flex;flex-direction:column;gap:10px}.sidebar-rss>span{font-size:31px;color:#9acfff}.sidebar-rss strong{font-size:14px}.sidebar-rss a{color:#8ad8ff;font-size:12px}.related-section{padding-top:65px;padding-bottom:90px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.simple-banner{background:var(--surface);border-bottom:1px solid var(--line)}.simple-banner .container{padding-bottom:56px}.simple-banner .eyebrow{margin-top:48px}.simple-banner h1{font:700 clamp(30px,4vw,49px)/1.65 "Readex Pro",sans-serif;margin:9px 0}.simple-banner p{font-size:16px;color:var(--muted);max-width:680px}.basic-prose{max-width:830px;padding:65px 0 110px}.basic-prose section{margin-bottom:45px}.basic-prose h2{font:700 24px "Readex Pro",sans-serif;margin-bottom:18px}.basic-prose p{font-size:17px;line-height:2.3;color:var(--muted)}.search-page-form{max-width:650px;margin-top:28px}.search-page-content{padding:45px 0 100px}.results-status{color:var(--muted);font-size:13px;margin-bottom:25px}.search-page-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.search-page-results .card-horizontal .card-copy{align-self:center}.search-fallback{min-width:0}.no-results{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.error-page{text-align:center;padding-top:95px;padding-bottom:150px}.error-code{font:800 110px/1 Arial,sans-serif;color:var(--blue);opacity:.4}.error-page h1{font:700 30px "Readex Pro",sans-serif;margin:20px auto}.error-page p{color:var(--muted);margin-bottom:30px}
.search-modal[hidden]{display:none}.search-modal{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:105px 20px 20px}.search-backdrop{position:absolute;inset:0;background:#0b1730c9;backdrop-filter:blur(5px)}.search-panel{position:relative;width:min(100%,660px);border-radius:22px;background:var(--surface);box-shadow:0 35px 120px #06132b70;padding:25px;max-height:calc(100vh - 130px);overflow:auto}.search-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.search-panel-head strong{font:700 19px "Readex Pro",sans-serif}.search-form{display:flex;align-items:center;gap:10px;background:var(--canvas);border:1px solid var(--line);padding:8px 13px;border-radius:13px;color:var(--muted)}.search-form:focus-within{border-color:#88b0ff}.search-form svg{flex-shrink:0}.search-form input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--ink);height:38px;font-size:14px}.search-form input:focus-visible{outline:none}.search-form button{background:var(--blue);color:#fff;border:none;border-radius:9px;padding:8px 16px;font-weight:700;font-size:13px}.search-suggestions{padding-top:16px;max-height:350px;overflow:auto}.search-hint{font-size:13px;color:var(--muted);display:block;padding:15px 0}.search-hit{display:block;border-radius:11px;padding:12px 10px;border-bottom:1px solid var(--line)}.search-hit:hover{background:var(--canvas)}.search-hit span{display:block;font-size:11px;color:var(--blue);margin-bottom:5px}.search-hit strong{display:block;color:var(--ink);font-size:14px;line-height:1.8}.search-hit small{display:block;color:var(--muted);font-size:11px;line-height:1.8}.reading-progress{height:3px;width:0;position:fixed;top:0;right:0;background:#4a7dff;z-index:101;transition:width .1s;pointer-events:none}
.toast{position:fixed;bottom:22px;right:22px;background:#102851;color:white;border-radius:13px;padding:14px 20px;box-shadow:0 14px 35px #0003;z-index:120;font-size:13px}
@media(max-width:1120px){.main-nav{gap:13px}.main-nav a{font-size:12px}.brand-copy strong{font-size:20px}.container{width:min(100% - 38px,1180px)}.hero-grid{grid-template-columns:1.55fr 1fr}.category-grid{gap:9px}.category-tile{padding:17px 12px}.category-tile h3{font-size:13px}.article-content-layout{gap:40px}.latest-layout{grid-template-columns:1fr 245px}}
@media(max-width:900px){.menu-toggle{display:grid}.main-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);box-shadow:0 15px 35px #07132620;border-bottom:1px solid var(--line);padding:10px 24px 16px}.main-nav.open{display:flex}.main-nav a{font-size:14px;padding:11px 0;border-bottom:1px solid var(--line)}.hero-intro{align-items:start;gap:20px}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}.hero-story{min-height:470px}.hero-story-content{padding:25px}.hero-story h2{font-size:23px}.hero-sidebar{padding:19px}.aside-story{gap:10px}.aside-number{font-size:22px;min-width:25px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.latest-layout{grid-template-columns:1fr}.latest-aside{display:grid;grid-template-columns:1fr 1fr}.category-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.article-content-layout{grid-template-columns:1fr 220px;gap:26px}.article-hero-image .article-art{aspect-ratio:1.9}.article-aside{top:100px}.related-grid{grid-template-columns:repeat(2,1fr)}.footer-main{gap:30px}}
@media(max-width:680px){.container{width:min(100% - 32px,1180px)}.topline{height:30px}.top-date{display:none}.top-slogan{font-size:10px}.rss-top{font-size:10px}.header-inner{min-height:72px}.brand-mark{width:39px;height:39px;font-size:24px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:10px}.header-actions{gap:4px}.icon-btn{width:35px;height:35px}.hero-area{padding-top:36px}.hero-intro{display:block;padding-bottom:23px}.hero-intro h1{font-size:30px;letter-spacing:-1px;margin:12px 0}.hero-intro p{font-size:13px;max-width:none}.hero-grid{display:block}.hero-story{min-height:470px}.hero-story h2{font-size:23px}.hero-story-content{padding:23px}.hero-story-content>p{font-size:12px}.hero-sidebar{margin-top:15px}.aside-story{padding:13px 0}.aside-title{font-size:14px}.aside-story h3{font-size:14px}.category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 0 15px;scrollbar-width:thin}.category-tile{min-width:190px;min-height:172px;scroll-snap-align:start}.category-tile h3{font-size:14px;margin-top:19px}.section-heading{align-items:end}.section-heading h2{font-size:23px}.section-heading .text-link{font-size:11px}section.categories-section,section.latest-section,section.more-section{padding-top:56px}.stories-grid{grid-template-columns:1fr;gap:22px}.card-media .article-art{aspect-ratio:1.75}.story-card h3{font-size:17px}.latest-aside{grid-template-columns:1fr}.sidebar-box{padding:26px}.rss-box{padding:26px}.feature-band{margin-top:62px}.feature-inner{grid-template-columns:1fr;gap:24px;padding-top:43px;padding-bottom:43px}.feature-copy h2{font-size:27px}.feature-visual .article-art{min-height:235px}.more-grid{grid-template-columns:1fr}.card-horizontal{gap:12px;padding:12px}.card-horizontal .card-media{width:31%}.card-horizontal h3{font-size:13px}.card-horizontal .card-meta{font-size:10px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px;padding-top:48px;padding-bottom:40px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-bottom:8px}.article-header{padding-top:27px}.article-header h1{font-size:28px;letter-spacing:-.7px}.article-excerpt{font-size:15px}.article-byline{flex-wrap:wrap}.article-header-actions{width:100%;margin:10px 0 0}.article-hero-image .article-art{min-height:220px;aspect-ratio:1.65}.article-hero-image .art-symbol{font-size:165px}.article-content-layout{display:block;padding-top:29px}.article-lead{font-size:17px}.article-prose{font-size:16px}.prose-section h2{font-size:21px}.takeaways{padding:17px 20px}.takeaways li{font-size:13px}.article-aside{display:none}.article-end{align-items:start;flex-direction:column}.related-grid{grid-template-columns:1fr}.related-section{padding-top:48px;padding-bottom:55px}.category-banner .container{padding-bottom:45px}.category-banner .eyebrow{margin-top:35px}.category-banner h1{font-size:33px}.category-content{padding-top:43px;padding-bottom:65px}.category-articles{grid-template-columns:1fr}.simple-banner .container{padding-bottom:45px}.simple-banner h1{font-size:30px}.simple-banner .eyebrow{margin-top:36px}.search-page-results{grid-template-columns:1fr}.search-panel{padding:18px}.search-modal{padding:90px 12px 12px}.basic-prose{width:min(100% - 32px,800px);padding-top:48px;padding-bottom:70px}.basic-prose h2{font-size:21px}.basic-prose p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}