/* Muklib Magazine v4.9.1 */
.blog-page{--mag-purple:#6f5bd3;--mag-pink:#e66f8c;--mag-mint:#2d9a82;--mag-orange:#df8f3d;--mag-ink:var(--ink);--mag-paper:var(--paper)}
.blog-page main{overflow:visible}.mag-hero{padding:34px 0 20px}.mag-hero>.container{min-height:390px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--navy) 12%,var(--line));border-radius:34px;padding:48px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:34px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 91%,var(--mag-purple)),color-mix(in srgb,var(--paper) 95%,var(--mag-pink)));box-shadow:0 28px 80px color-mix(in srgb,var(--navy) 12%,transparent)}
.mag-hero>.container:before,.mag-hero>.container:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.mag-hero>.container:before{width:380px;height:380px;left:-170px;top:-190px;background:radial-gradient(circle,color-mix(in srgb,var(--mag-pink) 28%,transparent),transparent 68%)}.mag-hero>.container:after{width:260px;height:260px;right:38%;bottom:-190px;background:radial-gradient(circle,color-mix(in srgb,var(--mag-mint) 23%,transparent),transparent 70%)}
.mag-hero-copy{position:relative;z-index:2}.mag-hero-copy>span,.mag-section-head span,.mag-side-card>span,.article-related header span{display:inline-flex;align-items:center;gap:7px;color:var(--mag-purple);font-size:11px;font-weight:950;letter-spacing:.02em}.mag-hero-copy>span:before,.mag-section-head span:before,.mag-side-card>span:before,.article-related header span:before{content:"";width:20px;height:3px;border-radius:999px;background:currentColor}.mag-hero h1{margin:12px 0 11px;font-size:clamp(38px,5.4vw,68px);line-height:1.23;letter-spacing:-.045em}.mag-hero h1 em{font-style:normal;color:var(--mag-purple);position:relative}.mag-hero h1 em:after{content:"";position:absolute;right:2px;left:2px;bottom:3px;height:9px;border-radius:999px;background:color-mix(in srgb,var(--mag-pink) 36%,transparent);z-index:-1;transform:rotate(-1deg)}.mag-hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:2.1}.mag-search{max-width:620px;margin-top:24px;padding:6px;display:flex;gap:6px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 15px 42px color-mix(in srgb,var(--navy) 9%,transparent)}.mag-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);padding:0 13px;font:inherit;font-size:13px}.mag-search button{min-height:46px;border:0;border-radius:13px;padding:0 22px;background:linear-gradient(135deg,var(--mag-purple),color-mix(in srgb,var(--mag-purple) 70%,var(--navy)));color:#fff;font:inherit;font-size:12px;font-weight:950;cursor:pointer}
.mag-hero-art{position:relative;z-index:2;min-height:285px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(150deg,#191d35,#4f428c 70%,#df7690);color:#fff;box-shadow:0 25px 60px rgba(51,40,105,.28);transform:rotate(-1.7deg)}.mag-hero-art:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.15);border-radius:24px}.mag-hero-art>span{font-family:Estedad,Vazir,sans-serif;font-size:116px;font-weight:950;line-height:1;text-shadow:0 18px 40px rgba(0,0,0,.2)}.mag-hero-art>b{position:absolute;right:26px;left:26px;bottom:25px;padding:10px;border-radius:13px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);font-size:11px;text-align:center}.mag-hero-art>i{position:absolute;font-style:normal;color:#ffd79a}.mag-hero-art>i:nth-of-type(1){right:28px;top:28px;font-size:28px}.mag-hero-art>i:nth-of-type(2){left:32px;top:46px;font-size:22px}.mag-hero-art>i:nth-of-type(3){left:26px;bottom:70px;font-size:13px;color:#8ce2cf}
.mag-category-strip{position:relative;z-index:4;padding:0 0 16px}.mag-category-strip>.container{display:flex;gap:8px;overflow-x:auto;padding-block:4px;scrollbar-width:none}.mag-category-strip>.container::-webkit-scrollbar{display:none}.mag-category-strip a{flex:none;min-height:44px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:10px;font-weight:900;color:var(--muted);transition:.18s}.mag-category-strip a:hover,.mag-category-strip a.active{border-color:color-mix(in srgb,var(--category-accent,var(--mag-purple)) 45%,var(--line));background:color-mix(in srgb,var(--category-accent,var(--mag-purple)) 9%,var(--paper));color:var(--category-accent,var(--mag-purple))}.mag-category-strip a i{font-style:normal;font-size:15px}.mag-category-strip a b{min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--soft);font-size:8px;color:var(--ink)}
.mag-featured{padding:13px 0 24px}.mag-featured article{min-height:370px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}.mag-featured-cover{min-height:370px;display:block;overflow:hidden;background:var(--soft)}.mag-featured-cover img{width:100%;height:100%;display:block;object-fit:cover}.mag-featured-cover>span{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--category-accent),color-mix(in srgb,var(--category-accent) 45%,#15182e));color:#fff;font-size:100px;font-weight:950}.mag-featured article>div{padding:42px;display:flex;flex-direction:column;justify-content:center}.mag-featured-label{align-self:flex-start;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--mag-orange) 15%,var(--paper));color:var(--mag-orange);font-size:9px;font-weight:950}.mag-featured h2{margin:14px 0 9px;font-size:clamp(27px,3vw,42px);line-height:1.55;letter-spacing:-.025em}.mag-featured p{margin:0;color:var(--muted);font-size:13px;line-height:2}.mag-featured footer{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mag-featured footer span{color:var(--muted);font-size:10px}.mag-featured footer a{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;border-radius:14px;background:var(--navy);color:#fff;font-size:11px;font-weight:950}
.mag-category{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;color:var(--category-accent,var(--mag-purple));font-size:9px;font-weight:950}.mag-content{padding:16px 0 60px}.mag-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:25px;align-items:start}.mag-section-head{margin-bottom:15px;display:flex;align-items:end;justify-content:space-between;gap:15px}.mag-section-head h2{margin:4px 0 0;font-size:26px}.mag-section-head>b{padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:9px}.mag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mag-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 11px 34px color-mix(in srgb,var(--navy) 7%,transparent);transition:transform .18s,box-shadow .18s,border-color .18s}.mag-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--mag-purple) 26%,var(--line));box-shadow:0 20px 48px color-mix(in srgb,var(--navy) 11%,transparent)}.mag-card-cover{position:relative;height:205px;display:block;overflow:hidden;background:var(--soft)}.mag-card-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.mag-card:hover .mag-card-cover img{transform:scale(1.025)}.mag-card-cover>i{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(12,24,37,.72);backdrop-filter:blur(8px);color:#fff;font-style:normal;font-size:8px}.mag-card-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(140deg,var(--category-accent),color-mix(in srgb,var(--category-accent) 38%,#13162c));color:#fff;font-size:60px}.mag-card-body{padding:17px}.mag-card h2{margin:9px 0 7px;font-size:18px;line-height:1.7;min-height:61px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mag-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.95;min-height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mag-card footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.mag-card footer span{font-size:8px;color:var(--muted)}.mag-card footer a{font-size:9px;font-weight:950;color:var(--navy)}
.mag-layout>aside{position:sticky;top:94px;display:grid;gap:14px}.mag-side-card,.mag-side-quote{padding:19px;border:1px solid var(--line);border-radius:23px;background:var(--paper)}.mag-side-card h3{margin:4px 0 13px;font-size:20px}.mag-side-card ol{margin:0;padding:0;list-style:none;display:grid}.mag-side-card li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.mag-side-card li:last-child{border:0}.mag-side-card li>b{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--mag-purple);font-size:8px}.mag-side-card li>a{font-size:10px;font-weight:900;line-height:1.8}.mag-side-card li>small{font-size:7px;color:var(--muted)}.mag-side-card>p{font-size:10px;color:var(--muted)}.mag-side-quote{overflow:hidden;position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--mag-purple) 10%,var(--paper)),var(--paper))}.mag-side-quote>span{position:absolute;left:10px;top:-20px;color:color-mix(in srgb,var(--mag-purple) 22%,transparent);font-size:100px;font-family:serif;line-height:1}.mag-side-quote p{position:relative;margin:0;font-size:12px;line-height:2}.mag-side-quote b{display:block;margin-top:12px;color:var(--mag-purple);font-size:9px}.mag-empty{padding:55px 20px;border:1px dashed var(--line);border-radius:28px;background:var(--paper);text-align:center}.mag-empty>span{font-size:43px}.mag-empty h1,.mag-empty h2{margin:8px 0 4px}.mag-empty p{color:var(--muted);font-size:11px}.mag-empty>a{display:inline-flex;margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--navy);color:#fff;font-size:10px;font-weight:900}.mag-pagination{display:flex;justify-content:center;gap:6px;margin-top:22px}.mag-pagination a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:10px}.mag-pagination a.active{background:var(--navy);color:#fff;border-color:var(--navy)}
/* Article */
.article-progress{position:fixed;z-index:180;top:0;right:0;left:0;height:4px;pointer-events:none}.article-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mag-pink),var(--mag-purple),var(--mag-mint));box-shadow:0 0 13px color-mix(in srgb,var(--mag-purple) 55%,transparent)}.article-hero{padding:30px 0 18px}.article-hero>.container{padding:20px;border:1px solid var(--line);border-radius:32px;background:var(--paper);box-shadow:var(--shadow)}.article-breadcrumb{display:flex;align-items:center;gap:7px;padding:0 9px 13px;color:var(--muted);font-size:9px}.article-breadcrumb a:hover{color:var(--navy)}.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:30px;align-items:center}.article-hero-copy{padding:24px}.article-hero h1{margin:13px 0 11px;font-size:clamp(32px,4.6vw,56px);line-height:1.47;letter-spacing:-.04em}.article-hero-copy>p{margin:0;color:var(--muted);font-size:13px;line-height:2.15}.article-meta{margin-top:24px;padding-top:17px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.article-meta span{min-width:0}.article-meta b,.article-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-meta b{font-size:10px}.article-meta small{margin-top:1px;color:var(--muted);font-size:7px}.article-cover{height:410px;overflow:hidden;border-radius:25px;background:var(--soft)}.article-cover img{width:100%;height:100%;display:block;object-fit:cover}.article-cover>span{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,var(--category-accent),color-mix(in srgb,var(--category-accent) 40%,#16192e));color:#fff;font-size:105px;font-weight:950}
.article-shell{padding:14px 0 45px}.article-layout{display:grid;grid-template-columns:245px minmax(0,780px);justify-content:center;gap:32px;align-items:start}.article-tools{position:sticky;top:96px;display:grid;gap:13px}.article-toolbox,.article-toc{padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.article-toolbox>span,.article-toc>span{display:block;margin-bottom:9px;color:var(--muted);font-size:8px;font-weight:900}.article-font-controls{min-height:42px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;border:1px solid var(--line);border-radius:13px;overflow:hidden}.article-font-controls button{height:100%;border:0;background:var(--soft);color:var(--ink);font-size:18px;cursor:pointer}.article-font-controls b{text-align:center;font-size:9px}.article-toolbox>button{width:100%;min-height:40px;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;font-size:9px;font-weight:900;cursor:pointer}.article-toolbox>button:hover{background:var(--soft)}.article-toc{max-height:calc(100vh - 350px);overflow:auto}.article-toc a{position:relative;display:block;padding:6px 11px 6px 4px;border-right:2px solid var(--line);color:var(--muted);font-size:8px;line-height:1.8}.article-toc a.level-3{padding-right:20px;font-size:7px}.article-toc a.level-4{padding-right:28px;font-size:7px}.article-toc a.active{border-color:var(--mag-purple);color:var(--mag-purple);font-weight:900}.article-main{min-width:0}.article-flash{margin-bottom:11px;padding:11px 14px;border-radius:14px;background:color-mix(in srgb,var(--green) 12%,var(--paper));color:var(--green);font-size:10px;font-weight:900}
.article-body{--article-size:17px;padding:42px 48px;border:1px solid var(--line);border-radius:28px;background:var(--paper);box-shadow:0 15px 45px color-mix(in srgb,var(--navy) 6%,transparent);font-size:var(--article-size);line-height:2.15;overflow-wrap:anywhere}.article-body>p:first-child::first-letter{float:right;margin:6px 0 0 8px;color:var(--mag-purple);font-size:3.7em;font-weight:950;line-height:.85}.article-body p{margin:0 0 1.4em}.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:95px;position:relative;line-height:1.65;letter-spacing:-.025em}.article-body h2{margin:2.2em 0 .75em;font-size:1.72em}.article-body h3{margin:1.8em 0 .65em;font-size:1.35em}.article-body h4{margin:1.55em 0 .55em;font-size:1.12em}.heading-anchor{margin-right:8px;opacity:0;color:var(--mag-purple);font-size:.65em}.article-body h2:hover .heading-anchor,.article-body h3:hover .heading-anchor,.article-body h4:hover .heading-anchor{opacity:.65}.article-body strong{color:var(--ink);font-weight:950}.article-body a{color:var(--mag-purple);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mag-purple) 35%,transparent);text-underline-offset:4px}.article-body ul,.article-body ol{margin:0 0 1.5em;padding-right:1.4em}.article-body li{margin:.38em 0;padding-right:.3em}.article-body li::marker{color:var(--mag-purple);font-weight:900}.article-body blockquote{position:relative;margin:2em 0;padding:24px 62px 24px 24px;border:0;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--mag-purple) 10%,var(--paper)),color-mix(in srgb,var(--mag-pink) 6%,var(--paper)));font-size:1.08em;font-weight:800}.article-body blockquote:before{content:"«";position:absolute;right:22px;top:4px;color:var(--mag-purple);font-family:serif;font-size:54px;line-height:1}.article-body hr{height:1px;margin:2.6em 0;border:0;background:linear-gradient(90deg,transparent,var(--line),transparent)}.article-body figure{margin:2.2em -18px}.article-body figure img{max-width:100%;width:100%;border-radius:22px;display:block;box-shadow:0 18px 45px color-mix(in srgb,var(--navy) 12%,transparent)}.article-body figcaption{padding-top:8px;color:var(--muted);font-size:.72em;text-align:center}.article-body code{padding:.15em .38em;border-radius:.4em;background:var(--soft);color:var(--mag-purple);font-size:.88em}.article-body pre{direction:ltr;overflow:auto;margin:2em 0;padding:20px;border-radius:18px;background:#111827;color:#e5edf5;line-height:1.8}.article-body pre code{padding:0;background:transparent;color:inherit}.article-callout{position:relative;margin:2em 0;padding:20px 22px;border:1px solid color-mix(in srgb,var(--callout) 28%,var(--line));border-radius:19px;background:color-mix(in srgb,var(--callout) 8%,var(--paper));--callout:var(--mag-purple)}.article-callout.tip{--callout:var(--mag-mint)}.article-callout.warning{--callout:var(--mag-orange)}.article-callout.summary{--callout:var(--mag-purple)}.article-callout.remember{--callout:var(--mag-pink)}.article-callout.practice{--callout:#3b82c4}.article-callout>strong{display:inline-flex;margin-bottom:5px;padding:4px 9px;border-radius:999px;background:var(--callout);color:#fff;font-size:.72em}.article-callout p{margin:0}.article-actions{margin-top:15px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:16px}.article-actions span{font-size:13px;font-weight:950}.article-actions p{margin:3px 0 0;color:var(--muted);font-size:9px}.article-actions>div:last-child{display:flex;gap:7px}.article-actions form{margin:0}.article-actions button{min-height:43px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);font:inherit;font-size:9px;font-weight:900;cursor:pointer}.article-actions button.active{border-color:color-mix(in srgb,var(--mag-purple) 35%,var(--line));background:color-mix(in srgb,var(--mag-purple) 9%,var(--paper));color:var(--mag-purple)}.article-actions button b{margin-right:4px}.article-author{margin-top:15px;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--mag-purple) 6%,var(--paper)),var(--paper));display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center}.article-author>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--mag-purple),var(--mag-pink));color:#fff;font-size:24px;font-weight:950}.article-author small{color:var(--muted);font-size:8px}.article-author h3{margin:1px 0;font-size:15px}.article-author p{margin:0;color:var(--muted);font-size:9px}.article-related{padding:25px 0 60px}.article-related header{margin-bottom:15px}.article-related h2{margin:4px 0 0;font-size:26px}.article-related .mag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.article-focus-mode .site-header,body.article-focus-mode .site-footer,body.article-focus-mode .mobile-bottom-nav,body.article-focus-mode .mobile-edge-rail,body.article-focus-mode .mobile-assistive-pearl,body.article-focus-mode .mobile-side-hub,body.article-focus-mode .article-hero,body.article-focus-mode .article-related,body.article-focus-mode .article-tools{display:none!important}body.article-focus-mode{background:var(--paper)}body.article-focus-mode .article-shell{padding-top:30px}body.article-focus-mode .article-layout{display:block;max-width:820px;margin:auto}body.article-focus-mode .article-body{border:0;box-shadow:none;padding-top:20px}
html.dark .mag-hero>.container{background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 91%,#5e52b8),color-mix(in srgb,var(--paper) 95%,#c35875))}html.dark .article-body pre{background:#080d16}
@media(max-width:1050px){.mag-layout{grid-template-columns:1fr}.mag-layout>aside{position:static;grid-template-columns:1fr 1fr}.article-hero-grid{grid-template-columns:1fr}.article-cover{height:360px}.article-layout{grid-template-columns:210px minmax(0,720px);gap:20px}.article-related .mag-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.mag-hero>.container{min-height:0;padding:28px;grid-template-columns:1fr}.mag-hero-art{min-height:230px}.mag-hero-art>span{font-size:90px}.mag-featured article{grid-template-columns:1fr}.mag-featured-cover{min-height:260px}.mag-featured article>div{padding:27px}.mag-grid{grid-template-columns:1fr 1fr}.article-hero>.container{padding:13px}.article-hero-copy{padding:16px 10px}.article-meta{grid-template-columns:1fr 1fr}.article-layout{display:block}.article-tools{position:static;margin-bottom:12px;grid-template-columns:1fr}.article-toc{display:none}.article-toolbox{display:grid;grid-template-columns:auto 1fr 1fr;gap:7px;align-items:center}.article-toolbox>span{grid-column:1/-1}.article-toolbox>button{margin:0}.article-body{padding:31px 28px}.article-related .mag-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mag-hero{padding-top:18px}.mag-hero>.container{border-radius:25px;padding:22px 18px}.mag-hero h1{font-size:37px}.mag-hero-copy>p{font-size:11px}.mag-search{display:grid;grid-template-columns:1fr auto}.mag-search input{font-size:11px}.mag-hero-art{min-height:190px;border-radius:22px}.mag-hero-art>span{font-size:72px}.mag-featured article{border-radius:23px}.mag-featured-cover{min-height:220px}.mag-featured h2{font-size:25px}.mag-grid,.article-related .mag-grid{grid-template-columns:1fr}.mag-card-cover{height:210px}.mag-layout>aside{grid-template-columns:1fr}.article-hero{padding-top:17px}.article-hero>.container{border-radius:23px}.article-cover{height:250px}.article-hero h1{font-size:30px}.article-hero-copy>p{font-size:11px}.article-meta b{font-size:9px}.article-toolbox{grid-template-columns:1fr 1fr}.article-font-controls{grid-column:1/-1}.article-body{--article-size:16px;padding:27px 19px;border-radius:22px}.article-body figure{margin:1.8em 0}.article-body blockquote{padding:20px 51px 20px 17px}.article-actions{align-items:stretch;flex-direction:column}.article-actions>div:last-child{display:grid;grid-template-columns:1fr 1fr}.article-actions button{width:100%}.article-author{grid-template-columns:48px 1fr;padding:16px}.article-author>span{width:48px;height:48px;border-radius:15px}.article-author p{display:none}}
@media(prefers-reduced-motion:reduce){.mag-card,.mag-card-cover img{transition:none!important}}
.focus-exit-button{position:fixed;z-index:240;top:18px;left:18px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);font:inherit;font-size:9px;font-weight:900;cursor:pointer}.focus-exit-button[hidden]{display:none!important}

/* v4.6.2 — compact article header and unified author/meta card */
.article-hero{padding:18px 0 10px}
.article-hero>.container{padding:14px;border-radius:27px}
.article-breadcrumb{min-height:28px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 7px 7px;font-size:9px;line-height:1.5}
.article-breadcrumb span{opacity:.55}
.article-breadcrumb a{display:inline-flex;align-items:center;min-height:26px;padding:0 2px}
.article-hero-grid{gap:18px;align-items:center}
.article-hero-copy{padding:12px 15px 15px}
.article-hero h1{margin:9px 0 8px;line-height:1.35}
.article-hero-copy>p{line-height:1.95}
.article-cover{height:365px;border-radius:22px}
.article-info-card{margin-top:18px;padding:12px;border:1px solid color-mix(in srgb,var(--mag-purple) 16%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--mag-purple) 5%,var(--paper)),color-mix(in srgb,var(--mag-pink) 3%,var(--paper)));display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.35fr);gap:10px;align-items:stretch}
.article-info-author{min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:15px;background:var(--paper)}
.article-info-author>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--mag-purple),var(--mag-pink));color:#fff;font-size:17px;font-weight:950;box-shadow:0 8px 20px color-mix(in srgb,var(--mag-purple) 22%,transparent)}
.article-info-author>div{min-width:0}.article-info-author small,.article-info-author strong{display:block}.article-info-author small{color:var(--muted);font-size:7px}.article-info-author strong{margin-top:1px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-info-stats{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.article-info-stats>div{min-width:0;display:flex;align-items:center;gap:7px;padding:8px;border-radius:14px;background:var(--paper)}
.article-info-stats i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--mag-purple);font-style:normal;font-size:14px;font-weight:900}
.article-info-stats span{min-width:0}.article-info-stats small,.article-info-stats b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-info-stats small{color:var(--muted);font-size:6px}.article-info-stats b{margin-top:1px;font-size:8px}
.article-shell{padding-top:8px}

@media(max-width:800px){
  .article-hero-grid{gap:12px}
  .article-info-card{grid-template-columns:1fr}
  .article-info-author{justify-content:flex-start}
  .article-cover{height:300px}
}
@media(max-width:620px){
  .article-hero{padding:11px 0 7px}
  .article-hero>.container{padding:10px;border-radius:21px}
  .article-breadcrumb{padding:0 5px 4px;font-size:9px}
  .article-hero-copy{padding:7px 10px 11px}
  .article-hero .mag-category{font-size:9px}
  .article-hero h1{margin:8px 0 6px;font-size:29px;line-height:1.38}
  .article-hero-copy>p{font-size:11px;line-height:1.9}
  .article-info-card{margin-top:13px;padding:8px;gap:7px;border-radius:17px}
  .article-info-author{padding:7px 8px;border-radius:13px}
  .article-info-author>span{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:15px}
  .article-info-author small{font-size:7px}.article-info-author strong{font-size:10px}
  .article-info-stats{gap:5px}
  .article-info-stats>div{min-height:58px;padding:6px 4px;display:grid;justify-items:center;align-content:center;gap:3px;text-align:center;border-radius:12px}
  .article-info-stats i{width:26px;height:26px;flex-basis:26px;border-radius:9px;font-size:12px}
  .article-info-stats small{font-size:6px}.article-info-stats b{font-size:7px;max-width:100%}
  .article-cover{height:220px;border-radius:17px}
  .article-shell{padding-top:5px}
}
@media(max-width:390px){
  .article-info-stats b{font-size:6.5px}
  .article-info-stats small{font-size:5.7px}
}

/* Community writers — v4.8.0 */
.mag-writer-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}
.mag-writer-actions a{min-height:43px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--paper) 90%,transparent);font-size:10px;font-weight:950;color:var(--ink)}
.mag-writer-actions a.primary{border-color:transparent;background:linear-gradient(135deg,var(--mag-purple),color-mix(in srgb,var(--mag-purple) 72%,var(--navy)));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--mag-purple) 22%,transparent)}
.blog-author-page{--writer-purple:#6f5bd3;--writer-pink:#e66f8c;--writer-mint:#2d9a82;--writer-orange:#df8f3d}
.author-hub-hero,.author-editor-hero{padding:30px 0 16px}
.author-hub-hero>.container{min-height:265px;padding:34px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 92%,var(--writer-purple)),color-mix(in srgb,var(--paper) 96%,var(--writer-pink)));display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:center;box-shadow:var(--shadow)}
.author-hub-hero span,.author-editor-hero span,.author-section-head span{color:var(--writer-purple);font-size:10px;font-weight:950}
.author-hub-hero h1,.author-editor-hero h1{margin:7px 0 8px;font-size:clamp(28px,4vw,46px);line-height:1.45}
.author-hub-hero p,.author-editor-hero p{margin:0;max-width:720px;color:var(--muted);font-size:12px;line-height:2}
.author-hub-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.author-hub-actions a{min-height:43px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;background:var(--paper);font-size:10px;font-weight:950}
.author-hub-actions a.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.author-hub-hero aside{min-height:175px;padding:24px;border-radius:24px;background:linear-gradient(145deg,#1c2442,#6856be 72%,#e17b94);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 45px rgba(41,35,91,.24)}
.author-hub-hero aside b{font-size:44px;line-height:1.1}.author-hub-hero aside span{margin-top:5px;color:#fff;font-size:11px}.author-hub-hero aside small{margin-top:9px;color:rgba(255,255,255,.72);font-size:8px;line-height:1.8}
.author-dashboard{padding:10px 0 58px}.author-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.author-stats article{padding:17px;border:1px solid var(--line);border-radius:20px;background:var(--paper);display:grid;place-items:center;box-shadow:0 10px 28px color-mix(in srgb,var(--navy) 6%,transparent)}.author-stats b{font-size:24px;color:var(--navy)}.author-stats span{font-size:9px;color:var(--muted)}
.author-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:18px 0 12px}.author-section-head h2{margin:4px 0 0;font-size:23px}.author-section-head>a{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;border-radius:12px;background:var(--navy);color:#fff;font-size:9px;font-weight:950}
.author-post-list{display:grid;gap:12px}.author-post-list>article{padding:17px;border:1px solid var(--line);border-radius:22px;background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;box-shadow:0 10px 30px color-mix(in srgb,var(--navy) 6%,transparent)}
.author-post-main{min-width:0}.author-post-main h3{margin:7px 0 4px;font-size:18px;line-height:1.65}.author-post-main p{margin:0;color:var(--muted);font-size:10px;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.author-post-main footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.author-post-main footer span{padding:4px 8px;border-radius:999px;background:var(--soft);font-size:8px;color:var(--muted)}
.author-status{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:950;background:var(--soft);color:var(--muted)}.author-status.draft{background:color-mix(in srgb,var(--muted) 10%,var(--paper));color:var(--muted)}.author-status.pending{background:color-mix(in srgb,var(--writer-orange) 14%,var(--paper));color:#9a641c}.author-status.rejected{background:color-mix(in srgb,#c84f5b 13%,var(--paper));color:#b13746}.author-status.published,.author-status.approved{background:color-mix(in srgb,var(--writer-mint) 13%,var(--paper));color:var(--writer-mint)}
.author-review-note{grid-column:1/-1;padding:12px 14px;border-radius:15px;background:color-mix(in srgb,#c84f5b 7%,var(--paper));border:1px solid color-mix(in srgb,#c84f5b 18%,var(--line))}.author-review-note b{font-size:9px;color:#b13746}.author-review-note p{margin:4px 0 0;font-size:10px;line-height:1.9}
.author-post-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.author-post-actions a,.author-post-actions button{min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);font:inherit;font-size:8px;font-weight:950;cursor:pointer}.author-post-actions a.primary{background:var(--navy);border-color:var(--navy);color:#fff}.author-post-actions button.danger{color:#b13746;background:color-mix(in srgb,#c84f5b 8%,var(--paper));border-color:color-mix(in srgb,#c84f5b 22%,var(--line))}.author-post-actions form{margin:0}
.author-empty{padding:42px 20px;border:1px dashed var(--line);border-radius:24px;background:var(--paper);text-align:center}.author-empty>span{font-size:42px;color:var(--writer-purple)}.author-empty h2{margin:8px 0 4px}.author-empty p{color:var(--muted);font-size:10px}.author-empty a{margin-top:10px;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;border-radius:12px;background:var(--navy);color:#fff;font-size:9px;font-weight:950}
.author-editor-hero>.container{padding:23px 28px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 94%,var(--writer-purple)),var(--paper));display:grid;gap:8px}.author-editor-hero>.container>a{justify-self:start;font-size:9px;color:var(--navy);font-weight:950}
.community-blog-editor{padding:4px 0 60px}.community-blog-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.community-blog-editor main,.community-blog-editor aside{display:grid;gap:13px}.community-blog-editor aside{position:sticky;top:94px}
.writer-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 10px 30px color-mix(in srgb,var(--navy) 6%,transparent)}.writer-card h3{margin:0 0 9px;font-size:17px}.writer-card>p{margin:0 0 12px;font-size:9px;color:var(--muted);line-height:1.9}.writer-card label{display:grid;gap:6px;margin-bottom:11px;font-size:9px;font-weight:900;color:var(--muted)}.writer-card input,.writer-card textarea,.writer-card select{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--ink);padding:11px 12px;font:inherit;font-size:11px;outline:0}.writer-card input:focus,.writer-card textarea:focus,.writer-card select:focus{border-color:color-mix(in srgb,var(--writer-purple) 48%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--writer-purple) 9%,transparent)}.writer-card textarea{resize:vertical;line-height:1.9}.writer-content-card{padding:0;overflow:hidden}.writer-content-card>header{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.writer-content-card h2{margin:3px 0 0;font-size:18px}.writer-content-card .blog-content-input{min-height:520px;border:0;border-radius:0;background:color-mix(in srgb,var(--paper) 97%,var(--soft));padding:18px;font-size:12px;line-height:2.1;box-shadow:none}.blog-editor-toolbar{display:flex;gap:5px;flex-wrap:wrap}.blog-editor-toolbar button{min-height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font:inherit;font-size:8px;font-weight:900;cursor:pointer}
.writer-submit-card{background:linear-gradient(145deg,color-mix(in srgb,var(--writer-purple) 8%,var(--paper)),var(--paper))}.writer-save,.writer-submit{width:100%;min-height:44px;border:0;border-radius:13px;font:inherit;font-size:10px;font-weight:950;cursor:pointer}.writer-save{background:var(--soft);color:var(--ink);margin-bottom:7px}.writer-submit{background:linear-gradient(135deg,var(--writer-purple),color-mix(in srgb,var(--writer-purple) 72%,var(--navy)));color:#fff}.writer-inline-link{display:inline-flex;margin-top:3px;color:var(--navy);font-size:9px;font-weight:950}.writer-card>small{display:block;margin-top:8px;color:var(--muted);font-size:8px;line-height:1.8}.writer-cover-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:12px}.writer-check{display:flex!important;align-items:center;grid-template-columns:auto 1fr;gap:8px}.writer-check input{width:18px;height:18px;padding:0}.writer-guide code{display:block;margin:5px 0;padding:6px 8px;border-radius:8px;background:var(--soft);direction:ltr;text-align:left;font-size:8px}.writer-guide summary{cursor:pointer;font-weight:950;font-size:10px}.author-editor-feedback{padding:14px;border-radius:17px;background:color-mix(in srgb,#c84f5b 8%,var(--paper));border:1px solid color-mix(in srgb,#c84f5b 23%,var(--line))}.author-editor-feedback b{color:#b13746;font-size:9px}.author-editor-feedback p{margin:5px 0 0;font-size:10px;line-height:1.9}
.author-category-page{padding:4px 0 60px}.author-category-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.author-category-grid main{display:grid;gap:13px}.author-category-grid aside{position:sticky;top:94px}.author-category-list{display:grid;gap:9px}.author-category-list article{padding:12px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--suggest-accent) 4%,var(--paper));display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.author-category-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--suggest-accent) 14%,var(--paper));color:var(--suggest-accent);font-size:18px}.author-category-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.author-category-top h3{margin:0;font-size:13px}.author-category-list p{margin:3px 0 0;font-size:9px;color:var(--muted)}.author-category-list small{display:block;margin-top:4px;color:#b13746;font-size:8px}.author-category-actions{display:flex;gap:5px}.author-category-actions a,.author-category-actions button{min-height:35px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font:inherit;font-size:8px;font-weight:900;cursor:pointer}.author-category-actions form{margin:0}.existing-category-cloud{display:flex;gap:7px;flex-wrap:wrap}.existing-category-cloud span{min-height:38px;padding:0 11px;border:1px solid color-mix(in srgb,var(--category-accent) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--category-accent) 7%,var(--paper));display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--category-accent);font-weight:900}.existing-category-cloud i{font-style:normal}.author-category-style{display:grid;grid-template-columns:1fr 1fr;gap:8px}.author-category-form .writer-submit{margin-top:3px}.author-mini-empty{padding:24px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);font-size:9px}
@media(max-width:900px){.community-blog-editor-grid,.author-category-grid{grid-template-columns:1fr}.community-blog-editor aside,.author-category-grid aside{position:static}.author-hub-hero>.container{grid-template-columns:1fr 190px}.author-post-list>article{grid-template-columns:1fr}.author-post-actions{justify-content:flex-start}}
@media(max-width:680px){.mag-writer-actions{display:grid;grid-template-columns:1fr 1fr}.mag-writer-actions a.primary{grid-column:1/-1}.author-hub-hero,.author-editor-hero{padding-top:16px}.author-hub-hero>.container{grid-template-columns:1fr;padding:22px;border-radius:23px}.author-hub-hero aside{min-height:125px}.author-hub-hero h1,.author-editor-hero h1{font-size:25px}.author-hub-actions{display:grid;grid-template-columns:1fr 1fr}.author-hub-actions a.primary{grid-column:1/-1}.author-stats{grid-template-columns:1fr 1fr}.author-section-head{align-items:flex-start}.author-post-list>article{padding:14px}.author-post-main h3{font-size:16px}.author-post-actions{display:grid;grid-template-columns:1fr 1fr}.author-post-actions a,.author-post-actions form,.author-post-actions button{width:100%}.author-post-actions a,.author-post-actions button{display:flex;align-items:center;justify-content:center}.community-blog-editor-grid,.author-category-grid{width:min(100% - 20px,var(--container))}.writer-card{padding:14px;border-radius:18px}.writer-content-card{padding:0}.writer-content-card>header{align-items:flex-start;flex-direction:column}.writer-content-card .blog-content-input{min-height:430px}.author-category-list article{grid-template-columns:40px minmax(0,1fr)}.author-category-actions{grid-column:1/-1;justify-content:flex-end}.author-editor-hero>.container{padding:18px;border-radius:20px}}
.community-blog-editor .blog-preview-card{padding:0;overflow:hidden}.community-blog-editor .blog-preview-card>header{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.community-blog-editor .blog-preview-card>header span{color:var(--writer-purple);font-size:9px;font-weight:950}.community-blog-editor .blog-preview-card>header h2{margin:3px 0 0;font-size:19px}.community-blog-editor .blog-preview-card>header small{color:var(--muted);font-size:8px}.community-blog-editor .admin-article-preview{max-width:760px;margin:auto;padding:32px 38px!important;border:0!important;box-shadow:none!important}.community-blog-editor .blog-preview-empty{text-align:center;color:var(--muted);font-size:10px}
@media(max-width:680px){.community-blog-editor .blog-preview-card>header{align-items:flex-start;flex-direction:column}.community-blog-editor .admin-article-preview{padding:22px 15px!important}}