@charset "UTF-8";
/*
 * NTCMS Newsroom Stylesheet
 * Canonical CMS-wide stylesheet for public, admin, editor, article, ePaper,
 * subscription, and specialty newsroom surfaces.
 */
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}
[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){.h1,h1{font-size:2.5rem}}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.h2,h2{font-size:2rem}}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.h3,h3{font-size:1.75rem}}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){.h4,h4{font-size:1.5rem}}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}
a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}
a>code{color:inherit}
kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}
kbd kbd{padding:0;font-size:1em}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.lead{font-size:1.25rem;font-weight:300}
.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-1{font-size:5rem}}
.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-2{font-size:4.5rem}}
.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-3{font-size:4rem}}
.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-4{font-size:3.5rem}}
.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-5{font-size:3rem}}
.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.display-6{font-size:2.5rem}}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}
.initialism{font-size:.875em;text-transform:uppercase}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.blockquote>:last-child{margin-bottom:0}
.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}
.blockquote-footer::before{content:"— "}
.img-fluid{max-width:100%;height:auto}
.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}
.figure{display:inline-block}
.figure-img{margin-bottom:.5rem;line-height:1}
.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container,.container-sm{max-width:540px}}
@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}
@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}
@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}
:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.row-cols-auto>*{flex:0 0 auto;width:auto}
.row-cols-1>*{flex:0 0 auto;width:100%}
.row-cols-2>*{flex:0 0 auto;width:50%}
.row-cols-3>*{flex:0 0 auto;width:33.33333333%}
.row-cols-4>*{flex:0 0 auto;width:25%}
.row-cols-5>*{flex:0 0 auto;width:20%}
.row-cols-6>*{flex:0 0 auto;width:16.66666667%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.offset-1{margin-left:8.33333333%}
.offset-2{margin-left:16.66666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.33333333%}
.offset-5{margin-left:41.66666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.33333333%}
.offset-8{margin-left:66.66666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.33333333%}
.offset-11{margin-left:91.66666667%}
.g-0,.gx-0{--bs-gutter-x:0}
.g-0,.gy-0{--bs-gutter-y:0}
.g-1,.gx-1{--bs-gutter-x:0.25rem}
.g-1,.gy-1{--bs-gutter-y:0.25rem}
.g-2,.gx-2{--bs-gutter-x:0.5rem}
.g-2,.gy-2{--bs-gutter-y:0.5rem}
.g-3,.gx-3{--bs-gutter-x:1rem}
.g-3,.gy-3{--bs-gutter-y:1rem}
.g-4,.gx-4{--bs-gutter-x:1.5rem}
.g-4,.gy-4{--bs-gutter-y:1.5rem}
.g-5,.gx-5{--bs-gutter-x:3rem}
.g-5,.gy-5{--bs-gutter-y:3rem}
@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}
@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}
@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}
@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}
@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}
.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}
.caption-top{caption-side:top}
.table-sm>:not(caption)>*>*{padding:.25rem .25rem}
.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}
.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}
.table-borderless>:not(caption)>*>*{border-bottom-width:0}
.table-borderless>:not(:first-child){border-top-width:0}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}
.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}
.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}
.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}
.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}
.form-label{margin-bottom:.5rem}
.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}
.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}
.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}
.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}
.form-control::-webkit-datetime-edit{display:block;padding:0}
.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}
.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}
.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}
.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}
.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}
.form-control-plaintext:focus{outline:0}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}
.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}
.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}
.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}
textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}
textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}
textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}
.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}
.form-control-color:not(:disabled):not([readonly]){cursor:pointer}
.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}
.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}
.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}
.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}
.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-select{transition:none}}
.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}
.form-select:disabled{background-color:var(--bs-secondary-bg)}
.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}
.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}
.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}
[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}
.form-check .form-check-input{float:left;margin-left:-1.5em}
.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}
.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}
.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.form-check-input[type=checkbox]{border-radius:.25em}
.form-check-input[type=radio]{border-radius:50%}
.form-check-input:active{filter:brightness(90%)}
.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}
.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}
.form-switch{padding-left:2.5em}
.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}
.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}
.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}
.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}
.form-check-inline{display:inline-block;margin-right:1rem}
.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}
.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}
.form-range:focus{outline:0}
.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range::-moz-focus-outer{border:0}
.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}
.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}
.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}
.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}
.form-range::-moz-range-thumb:active{background-color:#b6d4fe}
.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}
.form-range:disabled{pointer-events:none}
.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}
.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}
.form-floating{position:relative}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}
.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}
.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}
.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}
.form-floating>.form-control-plaintext::-moz-placeholder, .form-floating>.form-control::-moz-placeholder{color:transparent}
.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:not(:-moz-placeholder), .form-floating>.form-control:not(:-moz-placeholder){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:not(:-moz-placeholder)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}
.form-floating>.form-control:not(:-moz-placeholder)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}
.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}
.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}
.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}
.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}
.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}
.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}
.input-group .btn{position:relative;z-index:2}
.input-group .btn:focus{z-index:5}
.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}
.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}
.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}
.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}
.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}
.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}
.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}
.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}
.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}
.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}
.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}
.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}
.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}
.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}
.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}
.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}
.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}
.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}
.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}
.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}
.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}
.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}
.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}
.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}
.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}
.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}
.btn-link:focus-visible{color:var(--bs-btn-color)}
.btn-link:hover{color:var(--bs-btn-hover-color)}
.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}
.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}
.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}
.dropdown-menu-start{--bs-position:start}
.dropdown-menu-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-end{--bs-position:end}
.dropdown-menu-end[data-bs-popper]{right:0;left:auto}
@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}
.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}
.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.dropend .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-toggle::after{vertical-align:0}
.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}
.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";display:none}
.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.dropstart .dropdown-toggle:empty::after{margin-left:0}
.dropstart .dropdown-toggle::before{vertical-align:0}
.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}
.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}
.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}
.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}
.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}
.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}
.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}
.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}
.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}
.btn-toolbar .input-group{width:auto}
.btn-group{border-radius:var(--bs-border-radius)}
.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}
.dropstart .dropdown-toggle-split::before{margin-right:0}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}
.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}
.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}
.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}
.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}
.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}
.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}
.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}
.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}
.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}
.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}
.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}
.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}
.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}
.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}
.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}
.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu{position:static}
.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}
.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}
@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}
.navbar-toggler:hover{text-decoration:none}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}
.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}
@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}
.navbar-expand .navbar-nav{flex-direction:row}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand .navbar-nav-scroll{overflow:visible}
.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}
.navbar-expand .navbar-toggler{display:none}
.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand .offcanvas .offcanvas-header{display:none}
.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}
.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}
.card>hr{margin-right:0;margin-left:0}
.card>.list-group{border-top:inherit;border-bottom:inherit}
.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}
.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}
.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}
.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}
.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}
.card-text:last-child{margin-bottom:0}
.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}
.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}
.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}
.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}
.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}
.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}
.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-bottom,.card-img-top{width:100%}
.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card-group>.card{margin-bottom:var(--bs-card-group-margin)}
@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}
.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}
.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}
.accordion-button:hover{z-index:2}
.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}
.accordion-header{margin-bottom:0}
.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}
.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type){border-top:0}
.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}
.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}
.accordion-flush>.accordion-item:first-child{border-top:0}
.accordion-flush>.accordion-item:last-child{border-bottom:0}
.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}
.accordion-flush>.accordion-item>.accordion-collapse{border-radius:0}
[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}
.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}
.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}
.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}
.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}
.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.page-link{transition:none}}
.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}
.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}
.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}
.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}
.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width) * -1)}
.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}
.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}
.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}
.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}
.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}
.alert-heading{color:inherit}
.alert-link{font-weight:700;color:var(--bs-alert-link-color)}
.alert-dismissible{padding-right:3rem}
.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}
.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}
.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}
.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}
.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}
.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}
.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}
.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}
.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}
.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}
@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}
.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}
.progress-stacked>.progress{overflow:visible}
.progress-stacked>.progress>.progress-bar{width:100%}
.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}
@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}
.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}
.list-group-numbered{list-style-type:none;counter-reset:section}
.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}
.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}
.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}
.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}
.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}
.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}
.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item{border-top-width:0}
.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}
.list-group-horizontal{flex-direction:row}
.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}
.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}
.list-group-horizontal>.list-group-item.active{margin-top:0}
.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}
.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}
@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}
.list-group-flush{border-radius:0}
.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}
.list-group-flush>.list-group-item:last-child{border-bottom-width:0}
.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}
.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}
.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}
.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}
.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}
.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}
.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}
.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}
.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}
.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}
.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}
.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}
.btn-close-white{filter:var(--bs-btn-close-white-filter)}
[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}
.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}
.toast.showing{opacity:0}
.toast:not(.show){display:none}
.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}
.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}
.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}
.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}
.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}
.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}
.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}
.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}
.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}
.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}
.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}
.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}
.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}
@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}
@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}
@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}
.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}
.modal-fullscreen .modal-body{overflow-y:auto}
@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}
@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}
@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}
@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}
@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}
.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}
.tooltip.show{opacity:var(--bs-tooltip-opacity)}
.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}
.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}
.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}
.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}
.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}
.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}
.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}
.popover-header:empty{display:none}
.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}
.carousel{position:relative}
.carousel.pointer-event{touch-action:pan-y}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner::after{display:block;clear:both;content:""}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}
.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}
.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}
.carousel-indicators .active{opacity:1}
.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}
.carousel-dark .carousel-caption{color:#000}
[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}
[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}
.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}
@keyframes spinner-border{to{transform:rotate(360deg)}}
.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}
.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}
.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}
@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}
.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}
@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}
@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}
@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}
@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}
@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}
@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}
@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}
.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}
.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}
.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}
.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}
.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}
.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.offcanvas-backdrop.fade{opacity:0}
.offcanvas-backdrop.show{opacity:.5}
.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}
.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto}
.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}
.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}
.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}
.placeholder.btn::before{display:inline-block;content:""}
.placeholder-xs{min-height:.6em}
.placeholder-sm{min-height:.8em}
.placeholder-lg{min-height:1.2em}
.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}
@keyframes placeholder-glow{50%{opacity:.2}}
.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}
@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
.clearfix::after{display:block;clear:both;content:""}
.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}
.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}
.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}
.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}
.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}
.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}
.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}
.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}
.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}
.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}
.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}
.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}
.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}
.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}
.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}
.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}
.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}
.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}
.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}
.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}
.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}
.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}
@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}
.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}
.ratio{position:relative;width:100%}
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1x1{--bs-aspect-ratio:100%}
.ratio-4x3{--bs-aspect-ratio:75%}
.ratio-16x9{--bs-aspect-ratio:56.25%}
.ratio-21x9{--bs-aspect-ratio:42.8571428571%}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
.sticky-top{position:sticky;top:0;z-index:1020}
.sticky-bottom{position:sticky;bottom:0;z-index:1020}
@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}
@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}
.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}
.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){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}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}
.align-baseline{vertical-align:baseline!important}
.align-top{vertical-align:top!important}
.align-middle{vertical-align:middle!important}
.align-bottom{vertical-align:bottom!important}
.align-text-bottom{vertical-align:text-bottom!important}
.align-text-top{vertical-align:text-top!important}
.float-start{float:left!important}
.float-end{float:right!important}
.float-none{float:none!important}
.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}
.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}
.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}
.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}
.object-fit-none{-o-object-fit:none!important;object-fit:none!important}
.opacity-0{opacity:0!important}
.opacity-25{opacity:.25!important}
.opacity-50{opacity:.5!important}
.opacity-75{opacity:.75!important}
.opacity-100{opacity:1!important}
.overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden!important}
.overflow-visible{overflow:visible!important}
.overflow-scroll{overflow:scroll!important}
.overflow-x-auto{overflow-x:auto!important}
.overflow-x-hidden{overflow-x:hidden!important}
.overflow-x-visible{overflow-x:visible!important}
.overflow-x-scroll{overflow-x:scroll!important}
.overflow-y-auto{overflow-y:auto!important}
.overflow-y-hidden{overflow-y:hidden!important}
.overflow-y-visible{overflow-y:visible!important}
.overflow-y-scroll{overflow-y:scroll!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-grid{display:grid!important}
.d-inline-grid{display:inline-grid!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}
.shadow{box-shadow:var(--bs-box-shadow)!important}
.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}
.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}
.shadow-none{box-shadow:none!important}
.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:sticky!important}
.top-0{top:0!important}
.top-50{top:50%!important}
.top-100{top:100%!important}
.bottom-0{bottom:0!important}
.bottom-50{bottom:50%!important}
.bottom-100{bottom:100%!important}
.start-0{left:0!important}
.start-50{left:50%!important}
.start-100{left:100%!important}
.end-0{right:0!important}
.end-50{right:50%!important}
.end-100{right:100%!important}
.translate-middle{transform:translate(-50%,-50%)!important}
.translate-middle-x{transform:translateX(-50%)!important}
.translate-middle-y{transform:translateY(-50%)!important}
.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-0{border:0!important}
.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-top-0{border-top:0!important}
.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-end-0{border-right:0!important}
.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-bottom-0{border-bottom:0!important}
.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-start-0{border-left:0!important}
.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}
.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}
.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}
.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}
.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}
.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}
.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}
.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}
.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}
.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}
.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}
.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}
.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}
.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}
.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}
.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}
.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}
.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}
.border-1{border-width:1px!important}
.border-2{border-width:2px!important}
.border-3{border-width:3px!important}
.border-4{border-width:4px!important}
.border-5{border-width:5px!important}
.border-opacity-10{--bs-border-opacity:0.1}
.border-opacity-25{--bs-border-opacity:0.25}
.border-opacity-50{--bs-border-opacity:0.5}
.border-opacity-75{--bs-border-opacity:0.75}
.border-opacity-100{--bs-border-opacity:1}
.w-25{width:25%!important}
.w-50{width:50%!important}
.w-75{width:75%!important}
.w-100{width:100%!important}
.w-auto{width:auto!important}
.mw-100{max-width:100%!important}
.vw-100{width:100vw!important}
.min-vw-100{min-width:100vw!important}
.h-25{height:25%!important}
.h-50{height:50%!important}
.h-75{height:75%!important}
.h-100{height:100%!important}
.h-auto{height:auto!important}
.mh-100{max-height:100%!important}
.vh-100{height:100vh!important}
.min-vh-100{min-height:100vh!important}
.flex-fill{flex:1 1 auto!important}
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.flex-row-reverse{flex-direction:row-reverse!important}
.flex-column-reverse{flex-direction:column-reverse!important}
.flex-grow-0{flex-grow:0!important}
.flex-grow-1{flex-grow:1!important}
.flex-shrink-0{flex-shrink:0!important}
.flex-shrink-1{flex-shrink:1!important}
.flex-wrap{flex-wrap:wrap!important}
.flex-nowrap{flex-wrap:nowrap!important}
.flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.justify-content-evenly{justify-content:space-evenly!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-baseline{align-items:baseline!important}
.align-items-stretch{align-items:stretch!important}
.align-content-start{align-content:flex-start!important}
.align-content-end{align-content:flex-end!important}
.align-content-center{align-content:center!important}
.align-content-between{align-content:space-between!important}
.align-content-around{align-content:space-around!important}
.align-content-stretch{align-content:stretch!important}
.align-self-auto{align-self:auto!important}
.align-self-start{align-self:flex-start!important}
.align-self-end{align-self:flex-end!important}
.align-self-center{align-self:center!important}
.align-self-baseline{align-self:baseline!important}
.align-self-stretch{align-self:stretch!important}
.order-first{order:-1!important}
.order-0{order:0!important}
.order-1{order:1!important}
.order-2{order:2!important}
.order-3{order:3!important}
.order-4{order:4!important}
.order-5{order:5!important}
.order-last{order:6!important}
.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.m-2{margin:.5rem!important}
.m-3{margin:1rem!important}
.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}
.m-auto{margin:auto!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-auto{margin-top:auto!important}
.me-0{margin-right:0!important}
.me-1{margin-right:.25rem!important}
.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}
.me-4{margin-right:1.5rem!important}
.me-5{margin-right:3rem!important}
.me-auto{margin-right:auto!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mb-auto{margin-bottom:auto!important}
.ms-0{margin-left:0!important}
.ms-1{margin-left:.25rem!important}
.ms-2{margin-left:.5rem!important}
.ms-3{margin-left:1rem!important}
.ms-4{margin-left:1.5rem!important}
.ms-5{margin-left:3rem!important}
.ms-auto{margin-left:auto!important}
.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}
.pe-0{padding-right:0!important}
.pe-1{padding-right:.25rem!important}
.pe-2{padding-right:.5rem!important}
.pe-3{padding-right:1rem!important}
.pe-4{padding-right:1.5rem!important}
.pe-5{padding-right:3rem!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}
.ps-0{padding-left:0!important}
.ps-1{padding-left:.25rem!important}
.ps-2{padding-left:.5rem!important}
.ps-3{padding-left:1rem!important}
.ps-4{padding-left:1.5rem!important}
.ps-5{padding-left:3rem!important}
.gap-0{gap:0!important}
.gap-1{gap:.25rem!important}
.gap-2{gap:.5rem!important}
.gap-3{gap:1rem!important}
.gap-4{gap:1.5rem!important}
.gap-5{gap:3rem!important}
.row-gap-0{row-gap:0!important}
.row-gap-1{row-gap:.25rem!important}
.row-gap-2{row-gap:.5rem!important}
.row-gap-3{row-gap:1rem!important}
.row-gap-4{row-gap:1.5rem!important}
.row-gap-5{row-gap:3rem!important}
.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}
.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}
.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}
.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}
.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}
.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}
.font-monospace{font-family:var(--bs-font-monospace)!important}
.fs-1{font-size:calc(1.375rem + 1.5vw)!important}
.fs-2{font-size:calc(1.325rem + .9vw)!important}
.fs-3{font-size:calc(1.3rem + .6vw)!important}
.fs-4{font-size:calc(1.275rem + .3vw)!important}
.fs-5{font-size:1.25rem!important}
.fs-6{font-size:1rem!important}
.fst-italic{font-style:italic!important}
.fst-normal{font-style:normal!important}
.fw-lighter{font-weight:lighter!important}
.fw-light{font-weight:300!important}
.fw-normal{font-weight:400!important}
.fw-medium{font-weight:500!important}
.fw-semibold{font-weight:600!important}
.fw-bold{font-weight:700!important}
.fw-bolder{font-weight:bolder!important}
.lh-1{line-height:1!important}
.lh-sm{line-height:1.25!important}
.lh-base{line-height:1.5!important}
.lh-lg{line-height:2!important}
.text-start{text-align:left!important}
.text-end{text-align:right!important}
.text-center{text-align:center!important}
.text-decoration-none{text-decoration:none!important}
.text-decoration-underline{text-decoration:underline!important}
.text-decoration-line-through{text-decoration:line-through!important}
.text-lowercase{text-transform:lowercase!important}
.text-uppercase{text-transform:uppercase!important}
.text-capitalize{text-transform:capitalize!important}
.text-wrap{white-space:normal!important}
.text-nowrap{white-space:nowrap!important}
.text-break{word-wrap:break-word!important;word-break:break-word!important}
.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}
.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}
.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}
.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}
.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}
.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}
.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}
.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}
.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}
.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}
.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}
.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}
.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}
.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}
.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}
.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}
.text-reset{--bs-text-opacity:1;color:inherit!important}
.text-opacity-25{--bs-text-opacity:0.25}
.text-opacity-50{--bs-text-opacity:0.5}
.text-opacity-75{--bs-text-opacity:0.75}
.text-opacity-100{--bs-text-opacity:1}
.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}
.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}
.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}
.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}
.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}
.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}
.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}
.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}
.link-opacity-10{--bs-link-opacity:0.1}
.link-opacity-10-hover:hover{--bs-link-opacity:0.1}
.link-opacity-25{--bs-link-opacity:0.25}
.link-opacity-25-hover:hover{--bs-link-opacity:0.25}
.link-opacity-50{--bs-link-opacity:0.5}
.link-opacity-50-hover:hover{--bs-link-opacity:0.5}
.link-opacity-75{--bs-link-opacity:0.75}
.link-opacity-75-hover:hover{--bs-link-opacity:0.75}
.link-opacity-100{--bs-link-opacity:1}
.link-opacity-100-hover:hover{--bs-link-opacity:1}
.link-offset-1{text-underline-offset:0.125em!important}
.link-offset-1-hover:hover{text-underline-offset:0.125em!important}
.link-offset-2{text-underline-offset:0.25em!important}
.link-offset-2-hover:hover{text-underline-offset:0.25em!important}
.link-offset-3{text-underline-offset:0.375em!important}
.link-offset-3-hover:hover{text-underline-offset:0.375em!important}
.link-underline-primary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}
.link-underline{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}
.link-underline-opacity-0{--bs-link-underline-opacity:0}
.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}
.link-underline-opacity-10{--bs-link-underline-opacity:0.1}
.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}
.link-underline-opacity-25{--bs-link-underline-opacity:0.25}
.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}
.link-underline-opacity-50{--bs-link-underline-opacity:0.5}
.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}
.link-underline-opacity-75{--bs-link-underline-opacity:0.75}
.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}
.link-underline-opacity-100{--bs-link-underline-opacity:1}
.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}
.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}
.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}
.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}
.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}
.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}
.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}
.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}
.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}
.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}
.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}
.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}
.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}
.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}
.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}
.bg-opacity-10{--bs-bg-opacity:0.1}
.bg-opacity-25{--bs-bg-opacity:0.25}
.bg-opacity-50{--bs-bg-opacity:0.5}
.bg-opacity-75{--bs-bg-opacity:0.75}
.bg-opacity-100{--bs-bg-opacity:1}
.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}
.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}
.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}
.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}
.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}
.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}
.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}
.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}
.bg-gradient{background-image:var(--bs-gradient)!important}
.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}
.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}
.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
.pe-none{pointer-events:none!important}
.pe-auto{pointer-events:auto!important}
.rounded{border-radius:var(--bs-border-radius)!important}
.rounded-0{border-radius:0!important}
.rounded-1{border-radius:var(--bs-border-radius-sm)!important}
.rounded-2{border-radius:var(--bs-border-radius)!important}
.rounded-3{border-radius:var(--bs-border-radius-lg)!important}
.rounded-4{border-radius:var(--bs-border-radius-xl)!important}
.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}
.rounded-circle{border-radius:50%!important}
.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}
.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}
.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}
.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}
.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}
.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}
.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}
.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}
.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}
.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}
.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}
.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}
.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}
.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}
.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}
.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}
.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}
.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}
.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}
.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}
.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}
.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}
.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}
.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}
.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}
.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}
.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}
.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}
.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}
.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}
.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}
.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}
.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}
.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}
.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}
.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
.z-n1{z-index:-1!important}
.z-0{z-index:0!important}
.z-1{z-index:1!important}
.z-2{z-index:2!important}
.z-3{z-index:3!important}
@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}
@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}
@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}
@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}
@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}
@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}
@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
:root {
  /* Phase UI/UX v1 spec tokens from specs/ui-ux/02-design-system-tokens.md */
  --bg-primary: #f7f8fb;
  --bg-surface: #ffffff;
  --bg-elevated: #ffffff;
  --bg-overlay: rgba(14, 43, 69, 0.72);

  --text-primary: #111827;
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --text-inverse: #ffffff;

  --border-subtle: #e5e7eb;
  --border-strong: #cbd5e1;
  --border-focus: #0e2b45;

  --accent-brand: #ffc107;
  --accent-brand-hover: #e0a800;
  --accent-action: #0e2b45;
  --accent-action-hover: #123b5f;

  --state-success: #15803d;
  --state-success-bg: #ecfdf3;
  --state-success-soft: #ecfdf3;
  --state-warning: #b45309;
  --state-warning-bg: #fffbeb;
  --state-warning-soft: #fffbeb;
  --state-error: #b91c1c;
  --state-error-bg: #fef2f2;
  --state-error-soft: #fef2f2;
  --state-info: #1d4ed8;
  --state-info-bg: #eff6ff;
  --state-info-soft: #eff6ff;

  --font-latin: "Inter", "Noto Sans", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-latin-serif: "Source Serif 4", Georgia, serif;
  --font-devanagari: "Noto Sans Devanagari", "Noto Sans", system-ui, sans-serif;
  --font-devanagari-serif: "Noto Serif Devanagari", Georgia, serif;
  --font-bengali: "Noto Sans Bengali", "Noto Sans", system-ui, sans-serif;
  --font-tamil: "Noto Sans Tamil", "Noto Sans", system-ui, sans-serif;
  --font-telugu: "Noto Sans Telugu", "Noto Sans", system-ui, sans-serif;
  --font-malayalam: "Noto Sans Malayalam", "Noto Sans", system-ui, sans-serif;
  --font-kannada: "Noto Sans Kannada", "Noto Sans", system-ui, sans-serif;
  --font-gujarati: "Noto Sans Gujarati", "Noto Sans", system-ui, sans-serif;
  --font-naskh: "Noto Naskh Arabic", "Noto Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;

  --lh-tight: 1.25;
  --lh-snug: 1.4;
  --lh-normal: 1.55;
  --lh-relaxed: 1.7;
  --lh-loose: 1.85;

  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-pill: 9999px;

  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 8px 20px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.16);
  --shadow-overlay: 0 24px 60px rgba(15, 23, 42, 0.24);
  --shadow-subtle: var(--shadow-xs);
  --shadow-elevated: var(--shadow-md);
  --shadow-modal: var(--shadow-overlay);
  --shadow-focus: var(--focus-ring);

  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-overlay: 1040;
  --z-modal: 1050;
  --z-toast: 1080;

  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --motion-base: var(--motion-normal);
  --motion-slow: 240ms;
  --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-emphasized: cubic-bezier(0.2, 0, 0, 1.1);
  --ease-standard: var(--motion-ease-standard);
  --ease-decel: var(--motion-ease-emphasized);

  --focus-ring-color: rgba(14, 43, 69, 0.24);
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;
  --focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);
  --tap-target-min: 2.75rem;

  /* Core palette */
  --ntcms-color-neutral-0: #ffffff;
  --ntcms-color-neutral-25: #fcfcfd;
  --ntcms-color-neutral-50: #f8fafc;
  --ntcms-color-neutral-100: #f1f5f9;
  --ntcms-color-neutral-200: #e2e8f0;
  --ntcms-color-neutral-300: #cbd5e1;
  --ntcms-color-neutral-400: #94a3b8;
  --ntcms-color-neutral-500: #64748b;
  --ntcms-color-neutral-600: #475569;
  --ntcms-color-neutral-700: #334155;
  --ntcms-color-neutral-800: #1e293b;
  --ntcms-color-neutral-900: #0f172a;

  --ntcms-color-brand-50: #fef2f2;
  --ntcms-color-brand-100: #fee2e2;
  --ntcms-color-brand-500: var(--accent-brand);
  --ntcms-color-brand-600: var(--accent-brand-hover);
  --ntcms-color-brand-700: #bf8f00;

  --ntcms-color-success-50: #ecfdf3;
  --ntcms-color-success-500: #16a34a;
  --ntcms-color-success-600: #15803d;
  --ntcms-color-warning-50: #fffbeb;
  --ntcms-color-warning-500: #d97706;
  --ntcms-color-warning-600: #b45309;
  --ntcms-color-error-50: #fef2f2;
  --ntcms-color-error-500: #dc2626;
  --ntcms-color-error-600: #b91c1c;
  --ntcms-color-info-50: #eff6ff;
  --ntcms-color-info-500: #2563eb;
  --ntcms-color-info-600: #1d4ed8;

  /* Semantic colors */
  --ntcms-color-surface-canvas: var(--bg-primary);
  --ntcms-color-surface-default: var(--bg-surface);
  --ntcms-color-surface-muted: var(--bg-primary);
  --ntcms-color-surface-raised: var(--bg-elevated);
  --ntcms-color-surface-inverse: var(--ntcms-color-neutral-900);
  --ntcms-color-surface-hover: var(--ntcms-color-neutral-100);
  --ntcms-color-surface-selected: var(--ntcms-color-neutral-200);
  --ntcms-color-surface-disabled: var(--ntcms-color-neutral-100);

  --ntcms-color-text-default: var(--text-primary);
  --ntcms-color-text-muted: var(--text-secondary);
  --ntcms-color-text-subtle: var(--text-muted);
  --ntcms-color-text-inverse: var(--text-inverse);

  --ntcms-color-border-subtle: var(--border-subtle);
  --ntcms-color-border-default: var(--border-subtle);
  --ntcms-color-border-strong: var(--border-strong);
  --ntcms-color-border-focus: var(--border-focus);

  --ntcms-color-accent-default: var(--accent-action);
  --ntcms-color-accent-hover: var(--accent-action-hover);
  --ntcms-color-accent-active: var(--accent-action-hover);
  --ntcms-color-accent-contrast: var(--text-inverse);

  --ntcms-color-state-success: var(--state-success);
  --ntcms-color-state-success-soft: var(--state-success-soft);
  --ntcms-color-state-warning: var(--state-warning);
  --ntcms-color-state-warning-soft: var(--state-warning-soft);
  --ntcms-color-state-error: var(--state-error);
  --ntcms-color-state-error-soft: var(--state-error-soft);
  --ntcms-color-state-info: var(--state-info);
  --ntcms-color-state-info-soft: var(--state-info-soft);

  /* Typography */
  --ntcms-font-family-sans: var(--font-latin);
  --ntcms-font-family-serif: var(--font-latin-serif);
  --ntcms-font-family-mono: var(--font-mono);

  --ntcms-font-size-xs: 0.75rem;
  --ntcms-font-size-sm: 0.875rem;
  --ntcms-font-size-body: 1rem;
  --ntcms-font-size-md: 1rem;
  --ntcms-font-size-lg: 1.125rem;
  --ntcms-font-size-xl: 1.25rem;
  --ntcms-font-size-2xl: 1.5rem;
  --ntcms-font-size-3xl: 1.875rem;
  --ntcms-font-size-4xl: 2.25rem;
  --ntcms-font-size-display: 3rem;

  --ntcms-font-line-height-tight: var(--lh-tight);
  --ntcms-font-line-height-snug: var(--lh-snug);
  --ntcms-font-line-height-body: var(--lh-normal);
  --ntcms-font-line-height-loose: var(--lh-loose);

  --ntcms-font-weight-regular: 400;
  --ntcms-font-weight-medium: 500;
  --ntcms-font-weight-semibold: 600;
  --ntcms-font-weight-bold: 700;

  /* Spacing */
  --ntcms-space-0: var(--space-0);
  --ntcms-space-1: var(--space-1);
  --ntcms-space-2: var(--space-2);
  --ntcms-space-3: var(--space-3);
  --ntcms-space-4: var(--space-4);
  --ntcms-space-5: var(--space-5);
  --ntcms-space-6: var(--space-6);
  --ntcms-space-8: var(--space-8);
  --ntcms-space-10: var(--space-10);
  --ntcms-space-12: var(--space-12);
  --ntcms-space-16: var(--space-16);
  --ntcms-space-20: var(--space-20);
  --ntcms-space-24: var(--space-24);

  /* Radii */
  --ntcms-radius-none: var(--radius-none);
  --ntcms-radius-sm: var(--radius-sm);
  --ntcms-radius-md: var(--radius-md);
  --ntcms-radius-lg: var(--radius-lg);
  --ntcms-radius-xl: var(--radius-xl);
  --ntcms-radius-pill: var(--radius-pill);

  /* Shadows */
  --ntcms-shadow-xs: var(--shadow-xs);
  --ntcms-shadow-sm: var(--shadow-sm);
  --ntcms-shadow-md: var(--shadow-md);
  --ntcms-shadow-lg: var(--shadow-lg);
  --ntcms-shadow-overlay: var(--shadow-overlay);

  /* Borders */
  --ntcms-border-width-0: 0;
  --ntcms-border-width-1: 1px;
  --ntcms-border-width-2: 2px;
  --ntcms-border-width-3: 3px;

  /* Z-index */
  --ntcms-z-base: var(--z-base);
  --ntcms-z-dropdown: var(--z-dropdown);
  --ntcms-z-sticky: var(--z-sticky);
  --ntcms-z-fixed: var(--z-fixed);
  --ntcms-z-overlay: var(--z-overlay);
  --ntcms-z-modal: var(--z-modal);
  --ntcms-z-toast: var(--z-toast);

  /* Motion */
  --ntcms-motion-duration-fast: var(--motion-fast);
  --ntcms-motion-duration-normal: var(--motion-normal);
  --ntcms-motion-duration-slow: var(--motion-slow);
  --ntcms-motion-ease-standard: var(--motion-ease-standard);
  --ntcms-motion-ease-emphasized: var(--motion-ease-emphasized);

  /* Focus */
  --ntcms-color-focus-ring: var(--focus-ring-color);
  --ntcms-focus-ring-width: var(--focus-ring-width);
  --ntcms-focus-ring-offset: var(--focus-ring-offset);
  --ntcms-shadow-focus-ring: var(--focus-ring);

  /* Form states */
  --ntcms-color-form-bg: var(--ntcms-color-surface-default);
  --ntcms-color-form-bg-disabled: var(--ntcms-color-neutral-100);
  --ntcms-color-form-bg-readonly: var(--ntcms-color-neutral-50);
  --ntcms-color-form-border: var(--ntcms-color-border-default);
  --ntcms-color-form-border-hover: var(--ntcms-color-border-strong);
  --ntcms-color-form-border-focus: var(--ntcms-color-border-focus);
  --ntcms-color-form-border-valid: var(--ntcms-color-state-success);
  --ntcms-color-form-border-invalid: var(--ntcms-color-state-error);
  --ntcms-color-form-text: var(--ntcms-color-text-default);
  --ntcms-color-form-text-muted: var(--ntcms-color-text-muted);
  --ntcms-color-form-placeholder: var(--ntcms-color-text-subtle);

  /* Admin editor workspace contract.
     The production editor uses a fluid newsroom workspace so the shell can
     absorb wide screens without horizontal overflow or hard-coded canvas sizes. */
  --ntcms-admin-sidebar-width-fixed: 248px;
  --ntcms-admin-workspace-width: min(100%, 72rem);
  --ntcms-admin-workspace-padding: 24px;
  --ntcms-admin-workspace-content-width: calc(
    var(--ntcms-admin-workspace-width) - (var(--ntcms-admin-workspace-padding) * 2)
  );
  --ntcms-editor-topbar-height: 64px;
  --ntcms-editor-tabbar-height: 44px;
}
html.theme-dark {
  --bg-primary: #020617;
  --bg-surface: #0f172a;
  --bg-elevated: #1e293b;
  --bg-overlay: rgba(2, 6, 23, 0.84);

  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-inverse: #0f172a;

  --border-subtle: rgba(148, 163, 184, 0.16);
  --border-strong: rgba(148, 163, 184, 0.38);
  --border-focus: #facc15;

  --accent-brand: #facc15;
  --accent-brand-hover: #eab308;
  --accent-action: #facc15;
  --accent-action-hover: #eab308;

  --state-success: #4ade80;
  --state-success-bg: rgba(22, 163, 74, 0.16);
  --state-success-soft: rgba(22, 163, 74, 0.16);
  --state-warning: #fbbf24;
  --state-warning-bg: rgba(217, 119, 6, 0.16);
  --state-warning-soft: rgba(217, 119, 6, 0.16);
  --state-error: #f87171;
  --state-error-bg: rgba(220, 38, 38, 0.16);
  --state-error-soft: rgba(220, 38, 38, 0.16);
  --state-info: #60a5fa;
  --state-info-bg: rgba(37, 99, 235, 0.16);
  --state-info-soft: rgba(37, 99, 235, 0.16);

  --focus-ring-color: rgba(250, 204, 21, 0.32);
  --shadow-xs: 0 1px 2px rgba(2, 6, 23, 0.28);
  --shadow-sm: 0 2px 6px rgba(2, 6, 23, 0.32);
  --shadow-md: 0 8px 20px rgba(2, 6, 23, 0.38);
  --shadow-lg: 0 18px 40px rgba(2, 6, 23, 0.44);
  --shadow-overlay: 0 24px 60px rgba(2, 6, 23, 0.58);

  --ntcms-color-surface-canvas: #020617;
  --ntcms-color-surface-default: #0f172a;
  --ntcms-color-surface-muted: #111827;
  --ntcms-color-surface-raised: #1e293b;
  --ntcms-color-surface-inverse: #f8fafc;
  --ntcms-color-surface-hover: #1f2937;
  --ntcms-color-surface-selected: #334155;
  --ntcms-color-surface-disabled: rgba(148, 163, 184, 0.08);

  --ntcms-color-text-default: #f8fafc;
  --ntcms-color-text-muted: #cbd5e1;
  --ntcms-color-text-subtle: #94a3b8;
  --ntcms-color-text-inverse: #0f172a;

  --ntcms-color-border-subtle: rgba(148, 163, 184, 0.16);
  --ntcms-color-border-default: rgba(148, 163, 184, 0.24);
  --ntcms-color-border-strong: rgba(148, 163, 184, 0.38);

  --ntcms-color-accent-default: #f87171;
  --ntcms-color-accent-hover: #ef4444;
  --ntcms-color-accent-active: #dc2626;
  --ntcms-color-accent-contrast: #0f172a;

  --ntcms-color-state-success: #4ade80;
  --ntcms-color-state-success-soft: rgba(22, 163, 74, 0.16);
  --ntcms-color-state-warning: #fbbf24;
  --ntcms-color-state-warning-soft: rgba(217, 119, 6, 0.16);
  --ntcms-color-state-error: #f87171;
  --ntcms-color-state-error-soft: rgba(220, 38, 38, 0.16);
  --ntcms-color-state-info: #60a5fa;
  --ntcms-color-state-info-soft: rgba(37, 99, 235, 0.16);

  --ntcms-color-focus-ring: rgba(248, 113, 113, 0.32);

  --ntcms-color-form-bg: var(--ntcms-color-surface-raised);
  --ntcms-color-form-bg-disabled: rgba(148, 163, 184, 0.12);
  --ntcms-color-form-bg-readonly: rgba(148, 163, 184, 0.08);
  --ntcms-color-form-border: var(--ntcms-color-border-default);
  --ntcms-color-form-border-hover: var(--ntcms-color-border-strong);
  --ntcms-color-form-border-focus: var(--ntcms-color-accent-default);
  --ntcms-color-form-border-valid: var(--ntcms-color-state-success);
  --ntcms-color-form-border-invalid: var(--ntcms-color-state-error);
  --ntcms-color-form-text: var(--ntcms-color-text-default);
  --ntcms-color-form-text-muted: var(--ntcms-color-text-muted);
  --ntcms-color-form-placeholder: var(--ntcms-color-text-subtle);

  --ntcms-shadow-xs: 0 1px 2px rgba(2, 6, 23, 0.28);
  --ntcms-shadow-sm: 0 2px 6px rgba(2, 6, 23, 0.32);
  --ntcms-shadow-md: 0 8px 20px rgba(2, 6, 23, 0.38);
  --ntcms-shadow-lg: 0 18px 40px rgba(2, 6, 23, 0.44);
  --ntcms-shadow-overlay: 0 24px 60px rgba(2, 6, 23, 0.58);
}
@font-face {
  /* `optional` + metric overrides eliminate the swap-induced CLS cascade
     (utility-bar -> branding-row -> nav -> main pushdown ~0.31). Pairs
     with the explicit Devanagari woff2 preload emitted by
     partials/header.php on every page including article view. If the
     font misses the paint deadline, fallback metrics keep line-box
     height stable so no reflow ever fires. */
  font-display: optional;
  font-family: "Noto Sans Devanagari";
  font-style: normal;
  font-weight: 100 900;
  size-adjust: 105%;
  ascent-override: 100%;
  descent-override: 30%;
  line-gap-override: 0%;
  src: url("/assets/fonts/NotoSansDevanagari.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans Bengali";
  font-style: normal;
  font-weight: 400 700;
  src: url("/assets/fonts/NotoSansBengali.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans Tamil";
  font-style: normal;
  font-weight: 400 700;
  src: url("/assets/fonts/NotoSansTamil.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans Telugu";
  font-style: normal;
  font-weight: 400 700;
  src: url("/assets/fonts/NotoSansTelugu.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans Malayalam";
  font-style: normal;
  font-weight: 400 700;
  src: url("/assets/fonts/NotoSansMalayalam.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans Kannada";
  font-style: normal;
  font-weight: 400 700;
  src: url("/assets/fonts/NotoSansKannada.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans Gujarati";
  font-style: normal;
  font-weight: 400 700;
  src: url("/assets/fonts/NotoSansGujarati.woff2") format("woff2");
}
html {
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-latin);
  line-height: var(--lh-normal);
  text-rendering: optimizeLegibility;
}
body {
  background: var(--bg-primary);
  color: var(--text-primary);
}
[lang="hi-IN"],
[lang="bho-IN"],
[lang="awa-IN"],
[lang="mai-IN"],
[lang="mag-IN"],
[lang="mr-IN"] {
  font-family: var(--font-devanagari);
  font-feature-settings: "kern" 1, "liga" 1, "abvs" 1, "blws" 1, "haln" 1;
  line-height: var(--lh-relaxed);
}
[lang="bn-IN"] {
  font-family: var(--font-bengali);
  font-feature-settings: "kern" 1, "liga" 1;
  line-height: var(--lh-relaxed);
}
[lang="ta-IN"] {
  font-family: var(--font-tamil);
  font-feature-settings: "kern" 1, "liga" 1, "cv01" 1, "cv02" 1;
  line-height: var(--lh-relaxed);
}
[lang="te-IN"] {
  font-family: var(--font-telugu);
  font-feature-settings: "kern" 1, "liga" 1;
  line-height: var(--lh-relaxed);
}
[lang="ml-IN"] {
  font-family: var(--font-malayalam);
  font-feature-settings: "kern" 1, "liga" 1, "pres" 1, "blws" 1;
  line-height: var(--lh-loose);
}
[lang="kn-IN"] {
  font-family: var(--font-kannada);
  font-feature-settings: "kern" 1, "liga" 1;
  line-height: var(--lh-relaxed);
}
[lang="gu-IN"] {
  font-family: var(--font-gujarati);
  font-feature-settings: "kern" 1, "liga" 1;
  line-height: var(--lh-relaxed);
}
.indic-text,
.headline-devanagari,
.epaper-reflow-block--devanagari,
.epaper-reflow-block[lang="hi"] {
  font-family: var(--font-devanagari);
  font-feature-settings: "kern" 1, "liga" 1, "abvs" 1, "blws" 1, "haln" 1;
  font-synthesis: none;
  line-height: var(--lh-relaxed);
}
.lh-tight {
  line-height: var(--lh-tight);
}
.lh-snug {
  line-height: var(--lh-snug);
}
.lh-normal {
  line-height: var(--lh-normal);
}
.lh-relaxed {
  line-height: var(--lh-relaxed);
}
.lh-loose {
  line-height: var(--lh-loose);
}
.tap-target {
  min-block-size: var(--tap-target-min);
  min-inline-size: var(--tap-target-min);
}
:where(a, button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: var(--focus-ring-width) solid var(--border-focus);
  outline-offset: var(--focus-ring-offset);
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pad-inline-4 {
  padding-inline: var(--space-4);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-normal: 0ms;
    --motion-slow: 0ms;
    --ntcms-motion-duration-fast: 0ms;
    --ntcms-motion-duration-normal: 0ms;
    --ntcms-motion-duration-slow: 0ms;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ntcms-space-2);
  min-height: var(--tap-target-min);
  padding: 0.625rem var(--ntcms-space-4);
  border: var(--ntcms-border-width-1) solid transparent;
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  font-family: var(--ntcms-font-family-sans);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: var(--ntcms-font-line-height-snug);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition:
    background-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    border-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    box-shadow var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    opacity var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.c-button:hover:not(:disabled):not(.is-disabled) {
  background: var(--ntcms-color-surface-hover);
  border-color: var(--ntcms-color-border-strong);
  color: var(--ntcms-color-text-default);
}
.c-button:active:not(:disabled):not(.is-disabled) {
  background: var(--ntcms-color-surface-selected);
}
.c-button:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
.c-button:disabled,
.c-button.is-disabled {
  background: var(--ntcms-color-surface-disabled);
  border-color: var(--ntcms-color-border-default);
  color: var(--ntcms-color-text-subtle);
  cursor: not-allowed;
  opacity: 0.72;
}
.c-button--primary {
  background: var(--ntcms-color-accent-default);
  border-color: var(--ntcms-color-accent-default);
  color: var(--ntcms-color-accent-contrast);
}
.c-button--primary:hover:not(:disabled):not(.is-disabled) {
  background: var(--ntcms-color-accent-hover);
  border-color: var(--ntcms-color-accent-hover);
  color: var(--ntcms-color-accent-contrast);
}
.c-button--primary:active:not(:disabled):not(.is-disabled) {
  background: var(--ntcms-color-accent-active);
  border-color: var(--ntcms-color-accent-active);
}
.c-button--secondary {
  background: var(--ntcms-color-surface-default);
  border-color: var(--ntcms-color-border-default);
  color: var(--ntcms-color-text-default);
}
.c-button--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--ntcms-color-text-muted);
}
.c-button--ghost:hover:not(:disabled):not(.is-disabled) {
  background: var(--ntcms-color-surface-muted);
  border-color: transparent;
  color: var(--ntcms-color-text-default);
}
.c-button--danger {
  background: var(--ntcms-color-state-error-soft);
  border-color: color-mix(in srgb, var(--ntcms-color-state-error) 28%, transparent);
  color: var(--ntcms-color-state-error);
}
.c-button--danger:hover:not(:disabled):not(.is-disabled) {
  background: color-mix(in srgb, var(--ntcms-color-state-error) 18%, var(--ntcms-color-surface-default));
  border-color: color-mix(in srgb, var(--ntcms-color-state-error) 48%, transparent);
  color: var(--ntcms-color-state-error);
}
.c-button--sm {
  min-height: var(--tap-target-min);
  padding: 0.4375rem var(--ntcms-space-3);
  font-size: var(--ntcms-font-size-xs);
}
.c-button--md {
  min-height: var(--tap-target-min);
}
.c-button--lg {
  min-height: 3rem;
  padding: 0.75rem var(--ntcms-space-5);
  font-size: var(--ntcms-font-size-body);
}
.c-input,
.c-select,
.c-textarea {
  display: block;
  width: 100%;
  min-height: var(--tap-target-min);
  padding: 0.625rem 0.875rem;
  border: var(--ntcms-border-width-1) solid var(--ntcms-color-form-border);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-form-bg);
  color: var(--ntcms-color-form-text);
  font-family: var(--ntcms-font-family-sans);
  font-size: var(--ntcms-font-size-sm);
  line-height: var(--ntcms-font-line-height-body);
  transition:
    background-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    border-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    box-shadow var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.c-input::-moz-placeholder, .c-textarea::-moz-placeholder {
  color: var(--ntcms-color-form-placeholder);
}
.c-input::placeholder,
.c-textarea::placeholder {
  color: var(--ntcms-color-form-placeholder);
}
.c-input:hover:not(:disabled):not([readonly]),
.c-select:hover:not(:disabled):not([readonly]),
.c-textarea:hover:not(:disabled):not([readonly]) {
  border-color: var(--ntcms-color-form-border-hover);
}
.c-input:focus-visible,
.c-select:focus-visible,
.c-textarea:focus-visible {
  outline: none;
  border-color: var(--ntcms-color-form-border-focus);
  box-shadow: var(--ntcms-shadow-focus-ring);
}
.c-input:disabled,
.c-select:disabled,
.c-textarea:disabled,
.c-input.is-disabled,
.c-select.is-disabled,
.c-textarea.is-disabled {
  background: var(--ntcms-color-form-bg-disabled);
  color: var(--ntcms-color-form-text-muted);
  cursor: not-allowed;
}
.c-input[readonly],
.c-select[readonly],
.c-textarea[readonly],
.c-input.is-readonly,
.c-select.is-readonly,
.c-textarea.is-readonly {
  background: var(--ntcms-color-form-bg-readonly);
  color: var(--ntcms-color-form-text-muted);
}
.c-input[aria-invalid="true"],
.c-select[aria-invalid="true"],
.c-textarea[aria-invalid="true"],
.c-input.is-invalid,
.c-select.is-invalid,
.c-textarea.is-invalid {
  border-color: var(--ntcms-color-form-border-invalid);
  box-shadow: 0 0 0 var(--ntcms-focus-ring-width) color-mix(in srgb, var(--ntcms-color-state-error) 20%, transparent);
}
.c-input.is-valid,
.c-select.is-valid,
.c-textarea.is-valid {
  border-color: var(--ntcms-color-form-border-valid);
  box-shadow: 0 0 0 var(--ntcms-focus-ring-width) color-mix(in srgb, var(--ntcms-color-state-success) 18%, transparent);
}
.c-input--sm,
.c-select--sm,
.c-textarea--sm {
  min-height: var(--tap-target-min);
  padding: 0.4375rem 0.75rem;
  font-size: var(--ntcms-font-size-xs);
}
.c-input--lg,
.c-select--lg,
.c-textarea--lg {
  min-height: 3rem;
  padding: 0.75rem var(--ntcms-space-4);
  font-size: var(--ntcms-font-size-body);
}
.c-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 2.5rem;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ntcms-color-text-muted) 50%),
    linear-gradient(135deg, var(--ntcms-color-text-muted) 50%, transparent 50%);
  background-position:
    calc(100% - 1rem) calc(50% - 0.125rem),
    calc(100% - 0.6875rem) calc(50% - 0.125rem);
  background-size: 0.375rem 0.375rem, 0.375rem 0.375rem;
  background-repeat: no-repeat;
}
.c-select[multiple],
.c-select[size]:not([size="1"]) {
  min-height: auto;
  padding-right: 0.875rem;
  background-image: none;
}
.c-textarea {
  min-height: 7rem;
  resize: vertical;
}
.c-checkbox,
.c-radio {
  inline-size: 1rem;
  block-size: 1rem;
  margin: 0;
  border: var(--ntcms-border-width-1) solid var(--ntcms-color-form-border);
  background: var(--ntcms-color-form-bg);
  accent-color: var(--ntcms-color-accent-default);
  cursor: pointer;
  transition:
    border-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    box-shadow var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    opacity var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.c-checkbox {
  border-radius: var(--ntcms-radius-sm);
}
.c-radio {
  border-radius: var(--ntcms-radius-pill);
}
.c-checkbox:focus-visible,
.c-radio:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
.c-checkbox[aria-invalid="true"],
.c-radio[aria-invalid="true"],
.c-checkbox.is-invalid,
.c-radio.is-invalid {
  border-color: var(--ntcms-color-form-border-invalid);
  box-shadow: 0 0 0 var(--ntcms-focus-ring-width) color-mix(in srgb, var(--ntcms-color-state-error) 20%, transparent);
}
.c-checkbox:disabled,
.c-radio:disabled,
.c-checkbox.is-disabled,
.c-radio.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.c-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ntcms-space-1);
  min-height: 1.5rem;
  padding: 0.1875rem 0.625rem;
  border: var(--ntcms-border-width-1) solid transparent;
  border-radius: var(--ntcms-radius-pill);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-family: var(--ntcms-font-family-sans);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}
.c-badge--neutral {
  background: var(--ntcms-color-surface-muted);
  border-color: var(--ntcms-color-border-subtle);
  color: var(--ntcms-color-text-default);
}
.c-badge--accent {
  background: var(--ntcms-color-brand-50);
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 20%, transparent);
  color: var(--ntcms-color-accent-default);
}
.c-badge--success {
  background: var(--ntcms-color-state-success-soft);
  border-color: color-mix(in srgb, var(--ntcms-color-state-success) 22%, transparent);
  color: var(--ntcms-color-state-success);
}
.c-badge--warning {
  background: var(--ntcms-color-state-warning-soft);
  border-color: color-mix(in srgb, var(--ntcms-color-state-warning) 24%, transparent);
  color: var(--ntcms-color-state-warning);
}
.c-badge--error {
  background: var(--ntcms-color-state-error-soft);
  border-color: color-mix(in srgb, var(--ntcms-color-state-error) 22%, transparent);
  color: var(--ntcms-color-state-error);
}
.c-badge--info {
  background: var(--ntcms-color-state-info-soft);
  border-color: color-mix(in srgb, var(--ntcms-color-state-info) 22%, transparent);
  color: var(--ntcms-color-state-info);
}
.c-badge--sm {
  min-height: 1.25rem;
  padding: 0.125rem 0.5rem;
}
.c-badge--lg {
  min-height: 1.75rem;
  padding: 0.25rem 0.75rem;
  font-size: var(--ntcms-font-size-sm);
}
.c-alert {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-2);
  padding: var(--ntcms-space-4);
  border: var(--ntcms-border-width-1) solid var(--ntcms-color-border-default);
  border-inline-start-width: var(--ntcms-border-width-3);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  box-shadow: var(--ntcms-shadow-xs);
}
.c-alert > :last-child {
  margin-bottom: 0;
}
.c-alert a {
  color: inherit;
  text-decoration: underline;
}
.c-alert__title {
  margin: 0;
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: var(--ntcms-font-line-height-snug);
}
.c-alert__body {
  margin: 0;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.c-alert--info {
  border-color: color-mix(in srgb, var(--ntcms-color-state-info) 20%, var(--ntcms-color-border-default));
  border-inline-start-color: var(--ntcms-color-state-info);
  background: var(--ntcms-color-state-info-soft);
}
.c-alert--success {
  border-color: color-mix(in srgb, var(--ntcms-color-state-success) 20%, var(--ntcms-color-border-default));
  border-inline-start-color: var(--ntcms-color-state-success);
  background: var(--ntcms-color-state-success-soft);
}
.c-alert--warning {
  border-color: color-mix(in srgb, var(--ntcms-color-state-warning) 24%, var(--ntcms-color-border-default));
  border-inline-start-color: var(--ntcms-color-state-warning);
  background: var(--ntcms-color-state-warning-soft);
}
.c-alert--error {
  border-color: color-mix(in srgb, var(--ntcms-color-state-error) 22%, var(--ntcms-color-border-default));
  border-inline-start-color: var(--ntcms-color-state-error);
  background: var(--ntcms-color-state-error-soft);
}
.c-card {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-3);
  padding: var(--ntcms-space-4);
  border: var(--ntcms-border-width-1) solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  box-shadow: var(--ntcms-shadow-sm);
  transition:
    border-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    background-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    box-shadow var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    transform var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.c-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.c-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--ntcms-space-2);
  min-inline-size: 0;
}
.c-card__eyebrow {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  line-height: var(--ntcms-font-line-height-snug);
  text-transform: uppercase;
}
.c-card__title {
  margin: 0;
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-lg);
  font-weight: var(--ntcms-font-weight-bold);
  line-height: var(--ntcms-font-line-height-snug);
}
.c-card__excerpt {
  margin: 0;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  line-height: var(--ntcms-font-line-height-body);
}
.c-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ntcms-space-2);
  min-inline-size: 0;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  line-height: var(--ntcms-font-line-height-snug);
}
.c-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ntcms-space-2);
}
.c-card__title-link,
.c-card__media-link {
  color: inherit;
  text-decoration: none;
}
.c-card__title-link:hover,
.c-card__title-link:focus-visible {
  color: var(--ntcms-color-accent-default);
}
.c-card__flag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ntcms-space-2);
}
.c-card__flag {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.55rem;
  border-radius: var(--ntcms-radius-pill);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 92%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}
.c-card__flag--accent {
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 12%, var(--ntcms-color-surface-default));
  color: color-mix(in srgb, var(--ntcms-color-accent-default) 78%, var(--ntcms-color-text-default));
}
.c-card__flag--live {
  background: color-mix(in srgb, var(--ntcms-color-state-error-bg) 88%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-state-error-text);
}
.c-card__flag--premium {
  background: color-mix(in srgb, var(--ntcms-color-state-warning-bg) 92%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-state-warning-text);
}
.c-card__meta-divider {
  color: color-mix(in srgb, var(--ntcms-color-text-muted) 60%, transparent);
}
.c-card__author {
  display: inline-flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  min-inline-size: 0;
}
.c-card__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 12%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-accent-default);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-bold);
  flex-shrink: 0;
  overflow: hidden;
}
.c-card__avatar img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-card__rank {
  color: color-mix(in srgb, var(--ntcms-color-accent-default) 88%, var(--ntcms-color-text-default));
  font-size: clamp(1.5rem, 1.1rem + 1vw, 2.1rem);
  font-weight: var(--ntcms-font-weight-bold);
  line-height: 1;
  flex-shrink: 0;
}
.c-card__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: var(--ntcms-border-width-1) solid color-mix(in srgb, var(--ntcms-color-border-default) 88%, transparent);
  border-radius: var(--ntcms-radius-md);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 12%, transparent), transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-muted) 92%, var(--ntcms-color-surface-default)) 0%, var(--ntcms-color-surface-muted) 100%);
  color: var(--ntcms-color-accent-default);
  flex-shrink: 0;
}
.c-card__media--square {
  inline-size: 4.5rem;
  aspect-ratio: 1 / 1;
}
.c-card__media--wide {
  inline-size: 100%;
  aspect-ratio: 16 / 9;
}
.c-card__media--portrait {
  inline-size: 100%;
  aspect-ratio: 3 / 4;
}
.c-card__icon {
  font-size: 1.375rem;
}
.c-card__thumb,
.c-card__media > img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-card__thumb {
  transition: transform var(--ntcms-motion-duration-normal) var(--ntcms-motion-ease-standard);
}
.c-card--featured {
  padding: var(--ntcms-space-5);
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 28%, var(--ntcms-color-border-default));
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 12%, transparent), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 94%, var(--ntcms-color-brand-50)) 0%, var(--ntcms-color-surface-default) 100%);
  box-shadow: var(--ntcms-shadow-md);
}
.c-card--featured .c-card__title {
  font-size: var(--ntcms-font-size-xl);
}
.c-card--thumbnail {
  flex-direction: row;
  align-items: stretch;
  gap: var(--ntcms-space-4);
}
.c-card--compact {
  gap: var(--ntcms-space-2);
  padding: var(--ntcms-space-3);
  border-radius: var(--ntcms-radius-md);
  box-shadow: var(--ntcms-shadow-xs);
}
.c-card--builder {
  gap: var(--ntcms-space-4);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 92%, var(--ntcms-color-surface-muted));
}
.c-card--panel {
  padding: var(--ntcms-space-5);
  border-color: color-mix(in srgb, var(--ntcms-color-border-default) 72%, transparent);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 8%, transparent), transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 94%, var(--ntcms-color-surface-muted)) 0%, var(--ntcms-color-surface-default) 100%);
  box-shadow: var(--ntcms-shadow-md);
}
.c-card--overlay {
  position: relative;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--ntcms-radius-xl);
  background: #0f172a;
  box-shadow: var(--ntcms-shadow-lg);
}
.c-card--overlay .c-card__body {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--ntcms-space-5);
  gap: var(--ntcms-space-2);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.72) 58%, rgba(15, 23, 42, 0.95) 100%);
}
.c-card--overlay .c-card__eyebrow,
.c-card--overlay .c-card__title,
.c-card--overlay .c-card__excerpt,
.c-card--overlay .c-card__meta,
.c-card--overlay .c-card__title-link {
  color: var(--ntcms-color-text-inverse);
}
.c-card--builder:hover {
  border-color: var(--ntcms-color-border-strong);
  box-shadow: var(--ntcms-shadow-md);
}
.c-card--interactive {
  position: relative;
}
.c-card--interactive:hover {
  border-color: var(--ntcms-color-border-strong);
  box-shadow: var(--ntcms-shadow-md);
  transform: translateY(-2px);
}
.c-card--interactive:hover .c-card__thumb,
.c-card--interactive:focus-within .c-card__thumb {
  transform: scale(1.03);
}
.c-card--selected,
.c-card.is-selected,
.c-card:focus-within {
  border-color: var(--ntcms-color-accent-default);
  box-shadow: var(--ntcms-shadow-focus-ring), var(--ntcms-shadow-md);
}
@media (max-width: 767.98px) {
  .c-card__header {
    flex-direction: column;
    align-items: stretch;
  }

  .c-card--thumbnail {
    flex-direction: column;
  }

  .c-card__actions {
    width: 100%;
  }
}
.c-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: var(--ntcms-border-width-1) solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-xs);
}
.c-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  color: var(--ntcms-color-text-default);
  font-family: var(--ntcms-font-family-sans);
  font-size: var(--ntcms-font-size-sm);
  line-height: var(--ntcms-font-line-height-body);
}
.c-table caption {
  padding: var(--ntcms-space-4);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  text-align: left;
}
.c-table thead th {
  padding: var(--ntcms-space-3) var(--ntcms-space-4);
  border-bottom: var(--ntcms-border-width-1) solid var(--ntcms-color-border-default);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
.c-table tbody td {
  padding: var(--ntcms-space-3) var(--ntcms-space-4);
  border-bottom: var(--ntcms-border-width-1) solid var(--ntcms-color-border-subtle);
  vertical-align: top;
}
.c-table tbody tr:last-child td {
  border-bottom: 0;
}
.c-table--hover tbody tr:hover {
  background: var(--ntcms-color-surface-hover);
}
.c-table--dense thead th,
.c-table--dense tbody td {
  padding: var(--ntcms-space-2) var(--ntcms-space-3);
}
.c-table__empty-row td,
.c-table td.c-table__empty {
  padding-block: var(--ntcms-space-8);
  color: var(--ntcms-color-text-muted);
  text-align: center;
}
/*
 * Voice TTS player widget — reader article surface.
 * Bundle: Voice TTS Session 4 (Bharat ki BBC accessibility channel).
 *
 * Minimal, low-chrome inline player. Designed to dock above an article body
 * without competing with the headline. Inherits site type tokens; respects
 * prefers-reduced-motion. Tested across hi/ta/te/bn/mr/ml/kn/gu/en labels.
 */
.voice-player-widget {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.875rem;
    margin: 0.75rem 0 1rem;
    background: var(--vp-bg, #f5f7fa);
    border: 1px solid var(--vp-border, #d9dfe6);
    border-radius: 999px;
    color: var(--vp-fg, #1f2937);
    font-size: 0.95rem;
    line-height: 1.2;
    max-width: 100%;
    flex-wrap: wrap;
}
.voice-player-widget[hidden] {
    display: none !important;
}
.voice-player-widget__play {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--vp-cta-bg, #1a73e8);
    color: var(--vp-cta-fg, #fff);
    border: 0;
    border-radius: 999px;
    padding: 0.4rem 0.875rem;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.15s ease;
}
.voice-player-widget__play:hover,
.voice-player-widget__play:focus-visible {
    background: var(--vp-cta-bg-hover, #1557b0);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.voice-player-widget__play svg {
    flex: none;
}
.voice-player-widget__play[aria-pressed="true"] {
    background: var(--vp-cta-bg-active, #0f3a73);
}
.voice-player-widget__skip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: transparent;
    color: var(--vp-fg, #1f2937);
    border: 1px solid var(--vp-border, #d9dfe6);
    border-radius: 999px;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.voice-player-widget__skip:hover,
.voice-player-widget__skip:focus-visible {
    background: var(--vp-skip-hover-bg, #ebeef2);
    border-color: var(--vp-skip-hover-border, #b7bfca);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.voice-player-widget__skip svg {
    flex: none;
    opacity: 0.85;
}
.voice-player-widget__skip-label {
    font-weight: 600;
}
.voice-player-widget__loading,
.voice-player-widget__error {
    font-size: 0.875rem;
    color: var(--vp-meta-fg, #5b6470);
}
.voice-player-widget__error {
    color: var(--vp-error-fg, #b3261e);
}
.voice-player-widget__time {
    font-variant-numeric: tabular-nums;
    font-size: 0.85rem;
    color: var(--vp-meta-fg, #5b6470);
}
.voice-player-widget__speed,
.voice-player-widget__voice {
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    border: 1px solid var(--vp-border, #d9dfe6);
    background: #fff;
    color: var(--vp-fg, #1f2937);
}
.voice-player-widget__noscript {
    font-size: 0.85rem;
    color: var(--vp-meta-fg, #5b6470);
}
@media (prefers-reduced-motion: reduce) {
    .voice-player-widget__play,
    .voice-player-widget__skip {
        transition: none;
    }
}
@media (prefers-color-scheme: dark) {
    .voice-player-widget {
        --vp-bg: #1f2329;
        --vp-border: #2c333c;
        --vp-fg: #e6e9ee;
        --vp-meta-fg: #9aa3ad;
        --vp-skip-hover-bg: #2c333c;
        --vp-skip-hover-border: #3c4452;
    }
    .voice-player-widget__speed,
    .voice-player-widget__voice {
        background: #2c333c;
        color: #e6e9ee;
    }
}
@media (max-width: 480px) {
    .voice-player-widget {
        gap: 0.5rem;
        padding: 0.5rem 0.625rem;
        font-size: 0.875rem;
    }
    .voice-player-widget__skip {
        padding: 0.3rem 0.45rem;
    }
    .voice-player-widget__skip-label {
        display: none;
    }
}
/*
 * AI / synthetic content disclosure badge — reader article surface.
 * Tier 1 (BBC-grade) — required by India IT Rules 2025 + BBC Guideline #14.
 *
 * Design intent: visible enough that a reader cannot miss it, but quiet
 * enough that it does not steal attention from the lede. Severity tiers
 * (high / medium / low) modulate accent color — synthetic image gets the
 * loudest treatment, copy-edit assist the quietest.
 */
.article-ai-disclosure {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.75rem 0.875rem;
    margin: 0.75rem 0 1rem;
    background: var(--ai-disc-bg, #f4f7fb);
    border-left: 4px solid var(--ai-disc-accent, #5b6470);
    border-radius: 6px;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--ai-disc-fg, #1f2937);
}
.article-ai-disclosure--severity-high {
    --ai-disc-accent: #d97706;
    --ai-disc-bg: #fff7ed;
}
.article-ai-disclosure--severity-medium {
    --ai-disc-accent: #1a73e8;
    --ai-disc-bg: #eff6ff;
}
.article-ai-disclosure--severity-low {
    --ai-disc-accent: #6b7280;
    --ai-disc-bg: #f4f7fb;
}
.article-ai-disclosure__icon {
    flex: none;
    color: var(--ai-disc-accent);
    margin-top: 0.125rem;
}
.article-ai-disclosure__title {
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ai-disc-accent);
    margin-bottom: 0.25rem;
}
.article-ai-disclosure__intro {
    color: var(--ai-disc-fg-muted, #5b6470);
}
.article-ai-disclosure__items {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0 0 0 0.25rem;
}
.article-ai-disclosure__item {
    display: inline;
    font-weight: 600;
}
.article-ai-disclosure__item:not(:last-child)::after {
    content: ", ";
    font-weight: 400;
    color: var(--ai-disc-fg-muted, #5b6470);
}
.article-ai-disclosure__copy {
    margin: 0.4rem 0 0;
    color: var(--ai-disc-fg, #1f2937);
}
.article-ai-disclosure__policy {
    display: inline-block;
    margin-top: 0.4rem;
    color: var(--ai-disc-accent);
    font-weight: 600;
    text-decoration: none;
}
.article-ai-disclosure__policy:hover,
.article-ai-disclosure__policy:focus-visible {
    text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
    .article-ai-disclosure--severity-high {
        --ai-disc-bg: #2a1f12;
        --ai-disc-accent: #f59e0b;
    }
    .article-ai-disclosure--severity-medium {
        --ai-disc-bg: #16243a;
        --ai-disc-accent: #60a5fa;
    }
    .article-ai-disclosure--severity-low {
        --ai-disc-bg: #1f232a;
        --ai-disc-accent: #9aa3ad;
    }
    .article-ai-disclosure {
        --ai-disc-fg: #e6e9ee;
        --ai-disc-fg-muted: #9aa3ad;
    }
}
@media (max-width: 480px) {
    .article-ai-disclosure {
        padding: 0.625rem 0.75rem;
        font-size: 0.85rem;
    }
}
/*
 * Right-of-reply transparency block.
 * Tier 1 (BBC-grade) — required by BBC Guideline #4 + IPSO Code Clause 2.
 *
 * Visual treatment is sober + restrained — readers should recognise it as a
 * formal disclosure, not a marketing callout. Status-tinted left border:
 *   response_received   = green   (best outcome — voice present)
 *   declined_to_comment = blue    (formal stance recorded)
 *   contacted_no_response = amber (subject contacted but silent)
 *   waived              = orange  (editor took responsibility)
 */
.article-right-of-reply {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.85rem 1rem;
    margin: 0.75rem 0 1.25rem;
    background: var(--ror-bg, #f8fafc);
    border-left: 4px solid var(--ror-accent, #475569);
    border-radius: 6px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--ror-fg, #1f2937);
}
.article-right-of-reply--response_received {
    --ror-accent: #16a34a;
    --ror-bg: #f0fdf4;
}
.article-right-of-reply--declined_to_comment {
    --ror-accent: #2563eb;
    --ror-bg: #eff6ff;
}
.article-right-of-reply--contacted_no_response {
    --ror-accent: #d97706;
    --ror-bg: #fff7ed;
}
.article-right-of-reply--waived {
    --ror-accent: #ea580c;
    --ror-bg: #fff5f0;
}
.article-right-of-reply__icon {
    flex: none;
    color: var(--ror-accent);
    margin-top: 0.125rem;
}
.article-right-of-reply__title {
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ror-accent);
    margin-bottom: 0.35rem;
}
.article-right-of-reply__intro {
    margin: 0 0 0.4rem;
    color: var(--ror-fg-muted, #475569);
}
.article-right-of-reply__subject {
    color: var(--ror-fg, #1f2937);
}
.article-right-of-reply__status {
    margin: 0 0 0.5rem;
    color: var(--ror-fg, #1f2937);
}
.article-right-of-reply__response {
    margin: 0.5rem 0;
    padding: 0.6rem 0.85rem;
    background: rgba(255, 255, 255, 0.6);
    border-left: 3px solid var(--ror-accent);
    border-radius: 4px;
}
.article-right-of-reply__response-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ror-fg-muted, #475569);
    margin-bottom: 0.25rem;
}
.article-right-of-reply__response p {
    margin: 0;
    font-style: italic;
}
.article-right-of-reply__waiver-note {
    margin: 0.4rem 0;
    font-style: italic;
    color: var(--ror-fg, #1f2937);
}
.article-right-of-reply__meta {
    margin: 0.4rem 0 0;
}
.article-right-of-reply__standards-link {
    display: inline-block;
    margin-top: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ror-accent);
    text-decoration: none;
}
.article-right-of-reply__standards-link:hover,
.article-right-of-reply__standards-link:focus-visible {
    text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
    .article-right-of-reply {
        --ror-fg: #e6e9ee;
        --ror-fg-muted: #9aa3ad;
    }
    .article-right-of-reply--response_received { --ror-bg: #0f2218; --ror-accent: #4ade80; }
    .article-right-of-reply--declined_to_comment { --ror-bg: #16243a; --ror-accent: #60a5fa; }
    .article-right-of-reply--contacted_no_response { --ror-bg: #2a1f12; --ror-accent: #f59e0b; }
    .article-right-of-reply--waived { --ror-bg: #2a1813; --ror-accent: #fb923c; }
    .article-right-of-reply__response { background: rgba(0, 0, 0, 0.25); }
}
@media (max-width: 480px) {
    .article-right-of-reply {
        padding: 0.7rem 0.85rem;
        font-size: 0.88rem;
    }
}
/*
 * Conflict-of-interest disclosure badge.
 * Tier 1 (BBC-grade) — BBC Guideline #15 / IPSO #1 / PCI #11.
 *
 * Visual treatment is purposefully louder than the AI disclosure — COI is
 * a credibility issue and the reader should notice it. Severity-tinted
 * left border + subtle banner.
 */
.article-coi-disclosure {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.85rem 1rem;
    margin: 0.75rem 0 1.25rem;
    background: var(--coi-bg, #fff8e1);
    border-left: 4px solid var(--coi-accent, #b45309);
    border-radius: 6px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--coi-fg, #1f2937);
}
.article-coi-disclosure--severity-high {
    --coi-accent: #b91c1c;
    --coi-bg: #fef2f2;
}
.article-coi-disclosure--severity-medium {
    --coi-accent: #b45309;
    --coi-bg: #fff8e1;
}
.article-coi-disclosure--severity-low {
    --coi-accent: #6b7280;
    --coi-bg: #f9fafb;
}
.article-coi-disclosure__icon {
    flex: none;
    color: var(--coi-accent);
    margin-top: 0.125rem;
}
.article-coi-disclosure__title {
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--coi-accent);
    margin-bottom: 0.3rem;
}
.article-coi-disclosure__intro {
    color: var(--coi-fg-muted, #4b5563);
}
.article-coi-disclosure__items {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0 0 0 0.25rem;
}
.article-coi-disclosure__item {
    display: inline;
    font-weight: 600;
}
.article-coi-disclosure__item:not(:last-child)::after {
    content: ", ";
    font-weight: 400;
    color: var(--coi-fg-muted, #4b5563);
}
.article-coi-disclosure__copy {
    margin: 0.4rem 0 0;
}
.article-coi-disclosure__policy {
    display: inline-block;
    margin-top: 0.4rem;
    color: var(--coi-accent);
    font-weight: 600;
    text-decoration: none;
}
.article-coi-disclosure__policy:hover,
.article-coi-disclosure__policy:focus-visible {
    text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
    .article-coi-disclosure--severity-high { --coi-bg: #2a1313; --coi-accent: #f87171; }
    .article-coi-disclosure--severity-medium { --coi-bg: #2a2113; --coi-accent: #fbbf24; }
    .article-coi-disclosure--severity-low { --coi-bg: #1f2329; --coi-accent: #9aa3ad; }
    .article-coi-disclosure {
        --coi-fg: #e6e9ee;
        --coi-fg-muted: #9aa3ad;
    }
}
@media (max-width: 480px) {
    .article-coi-disclosure {
        padding: 0.7rem 0.85rem;
        font-size: 0.88rem;
    }
}
.article-recirc-strip {
  border-top: 1px solid #d9dee8;
  border-bottom: 1px solid #d9dee8;
  margin: 0 0 2.5rem;
  padding: 1.35rem 0 1.45rem;
}
.article-recirc-strip__header {
  align-items: baseline;
  display: flex;
  gap: 0.85rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.article-recirc-strip__kicker {
  color: #b00020;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}
.article-recirc-strip__title {
  color: #101828;
  font-family: var(--font-heading, Georgia, serif);
  font-size: 1.45rem;
  line-height: 1.15;
  margin: 0;
}
.article-recirc-strip__rail {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.article-recirc-card {
  background: #fff;
  min-width: 0;
}
.article-recirc-card__link {
  color: #101828;
  display: grid;
  gap: 0.4rem;
  min-height: 100%;
  padding: 0 1rem;
  text-decoration: none;
}
.article-recirc-card:not(:first-child) .article-recirc-card__link {
  border-left: 1px solid #e5e9f0;
}
.article-recirc-card__rank {
  color: #b00020;
  font-family: var(--font-heading, Georgia, serif);
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1;
}
.article-recirc-card__section {
  color: #5b667a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-recirc-card__title {
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.22;
}
.article-recirc-card__date {
  color: #667085;
  font-size: 0.82rem;
}
.article-recirc-card__link:hover .article-recirc-card__title,
.article-recirc-card__link:focus-visible .article-recirc-card__title {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .article-recirc-strip {
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    overflow: hidden;
    padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
  }

  .article-recirc-strip__header {
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
  }

  .article-recirc-strip__rail {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    padding: 0 calc(var(--bs-gutter-x, 1.5rem) * 0.5) 0.35rem 0;
    scroll-snap-type: x mandatory;
  }

  .article-recirc-card {
    border: 1px solid #e5e9f0;
    border-radius: 8px;
    flex: 0 0 min(78vw, 19rem);
    scroll-snap-align: start;
  }

  .article-recirc-card__link {
    border-left: 0 !important;
    padding: 1rem;
  }
}
.article-mobile-share-bar {
  display: none;
}
@media (max-width: 768px) {
  .article-mobile-share-bar {
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid #d9dee8;
    bottom: 0;
    box-shadow: 0 -10px 28px rgba(15, 23, 42, 0.12);
    display: block;
    left: 0;
    padding: 0.45rem 0 calc(0.45rem + env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 1079;
  }

  .article-mobile-share-bar__inner {
    display: grid;
    gap: 0.2rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 34rem;
    padding: 0 0.5rem;
  }

  .article-mobile-share-bar__form {
    display: contents;
    margin: 0;
  }

  .article-mobile-share-bar__button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #172033;
    display: inline-flex;
    flex-direction: column;
    font-size: 0.72rem;
    font-weight: 800;
    gap: 0.12rem;
    justify-content: center;
    min-height: 3rem;
    padding: 0.35rem 0.25rem;
    text-decoration: none;
  }

  .article-mobile-share-bar__button i {
    color: #173b67;
    font-size: 1.18rem;
    line-height: 1;
  }

  .article-mobile-share-bar__button.is-active i,
  .article-mobile-share-bar__button[aria-pressed="true"] i {
    color: #b00020;
  }

  .article-mobile-share-bar__button:focus-visible {
    box-shadow: 0 0 0 3px rgba(23, 59, 103, 0.25);
    outline: 0;
  }

  /* R1.QW1 — WhatsApp primary share CTA. India = ~90% reader shares via WA;
     visual prominence (green tint + bold label) makes the intent obvious. */
  .article-mobile-share-bar__button--whatsapp i {
    color: #25d366;
  }

  .article-mobile-share-bar__button--whatsapp span {
    color: #128c7e;
    font-weight: 900;
  }

  .article-mobile-share-bar__button--whatsapp:focus-visible {
    box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.35);
  }

  .article-page-shell {
    padding-bottom: calc(4.2rem + env(safe-area-inset-bottom));
  }
}
.article-toc-shell {
  background: #f8fafc;
  border: 1px solid #d9e2ef;
  border-left: 4px solid #173b67;
  border-radius: 0 8px 8px 0;
  margin: 1.5rem 0 2rem;
  padding: 1.1rem 1.25rem;
}
.article-toc-shell .toc-container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.article-toc-shell h3 {
  color: #172033 !important;
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  margin-bottom: 0.75rem !important;
}
.article-toc-shell a {
  color: #172033 !important;
}
.article-toc-shell a:hover,
.article-toc-shell a:focus-visible {
  color: #b00020 !important;
}
.article-shell--layout-longform .article-content > p:first-of-type::first-letter,
.article-shell--layout-opinion .article-content > p:first-of-type::first-letter,
.article-shell--layout-analysis .article-content > p:first-of-type::first-letter,
.article-shell--layout-profile .article-content > p:first-of-type::first-letter {
  color: #101828;
  float: left;
  font-family: var(--font-heading, Georgia, serif);
  font-size: 4.5rem;
  font-weight: 800;
  line-height: 0.82;
  margin: 0.08rem 0.52rem 0 0;
}
.article-shell--layout-longform .article-content > p:first-of-type,
.article-shell--layout-opinion .article-content > p:first-of-type,
.article-shell--layout-analysis .article-content > p:first-of-type,
.article-shell--layout-profile .article-content > p:first-of-type {
  min-height: 4rem;
}
.article-content .news-pull-quote {
  border: 0;
  color: #101828;
  font-family: var(--font-heading, Georgia, serif);
  margin: 2rem 0 2rem;
  padding: 0.5rem 0 0.5rem 1.4rem;
  position: relative;
}
.article-content .news-pull-quote::before {
  color: #b00020;
  content: "“";
  font-family: Georgia, serif;
  font-size: 4rem;
  left: 0;
  line-height: 1;
  opacity: 0.75;
  position: absolute;
  top: -0.35rem;
}
.article-content .news-pull-quote p {
  font-size: clamp(1.35rem, 1.1rem + 0.85vw, 2rem);
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  padding-left: 2.2rem;
}
.article-content .news-pull-quote cite {
  color: #667085;
  display: block;
  font-family: var(--font-body, system-ui, sans-serif);
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 700;
  margin-top: 0.75rem;
  padding-left: 2.2rem;
}
.article-continuing-coverage {
  border: 1px solid #d9dee8;
  border-radius: 8px;
  margin: 0 0 2.5rem;
  padding: 1.25rem;
}
.article-continuing-coverage__header {
  border-bottom: 1px solid #e5e9f0;
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
}
.article-continuing-coverage__kicker {
  color: #b00020;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 0.25rem;
  text-transform: uppercase;
}
.article-continuing-coverage__title {
  color: #101828;
  font-family: var(--font-heading, Georgia, serif);
  font-size: 1.55rem;
  line-height: 1.12;
  margin: 0;
}
.article-continuing-coverage__dek {
  color: #667085;
  font-size: 0.92rem;
  margin: 0.35rem 0 0;
}
.article-continuing-coverage__grid {
  display: grid;
  gap: 0;
}
.article-continuing-coverage__item {
  padding: 0.9rem 0;
}
.article-continuing-coverage__item + .article-continuing-coverage__item {
  border-top: 1px solid #e5e9f0;
}
.article-continuing-coverage__section {
  color: #b00020;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-continuing-coverage__headline {
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0.2rem 0;
}
.article-continuing-coverage__headline a {
  color: #101828;
  text-decoration: none;
}
.article-continuing-coverage__headline a:hover,
.article-continuing-coverage__headline a:focus-visible {
  text-decoration: underline;
}
.article-continuing-coverage__date {
  color: #667085;
  font-size: 0.84rem;
}
@media (min-width: 900px) {
  .article-content .news-pull-quote {
    margin-left: -4rem;
    max-width: 34rem;
  }
}
@media (max-width: 768px) {
  .article-shell--layout-longform .article-content > p:first-of-type::first-letter,
  .article-shell--layout-opinion .article-content > p:first-of-type::first-letter,
  .article-shell--layout-analysis .article-content > p:first-of-type::first-letter,
  .article-shell--layout-profile .article-content > p:first-of-type::first-letter {
    font-size: 3.35rem;
    margin-right: 0.42rem;
  }

  .article-content .news-pull-quote {
    margin: 1.7rem 0;
    padding-left: 0.25rem;
  }

  .article-content .news-pull-quote p,
  .article-content .news-pull-quote cite {
    padding-left: 2rem;
  }
}
.article-embed-consent {
  position: relative;
  display: grid;
  min-height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: #111827;
  color: #fff;
}
.article-embed-consent__thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.45;
}
.article-embed-consent__panel {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 0.65rem;
  min-height: 14rem;
  padding: 1.5rem;
  text-align: center;
}
.article-embed-consent__kicker {
  color: #fde68a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-embed-consent__title {
  max-width: 38rem;
  margin: 0;
  font-size: clamp(1.25rem, 1.05rem + 1vw, 1.9rem);
  line-height: 1.15;
}
.article-embed-consent__copy {
  max-width: 34rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.5;
}
.article-embed-consent__button {
  min-height: 2.75rem;
  padding: 0.65rem 1rem;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #111827;
  font-weight: 800;
}
.article-embed-consent__button:focus-visible {
  outline: 3px solid #fde68a;
  outline-offset: 3px;
}
.article-page-shell [data-embed-consent] iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 14rem;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .article-page-shell *,
  .article-page-shell *::before,
  .article-page-shell *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}
.article-page-shell .article-meta-actions {
  color: #172033;
}
.article-page-shell .article-meta-action {
  color: #243149;
  border-color: rgba(36, 49, 73, 0.22);
}
.article-page-shell .article-meta-action:hover,
.article-page-shell .article-meta-action:focus-visible {
  color: #0b1f3a;
  border-color: rgba(11, 31, 58, 0.42);
}
/* R1.QW1 — WhatsApp gets a dedicated green-tinted CTA so reader's eye lands
   on it before the generic share dropdown. India share-rate optimization. */
.article-page-shell .article-meta-action--whatsapp,
.article-meta-action--whatsapp {
  border-color: rgba(37, 211, 102, 0.45);
  color: #128c7e;
}
.article-meta-action--whatsapp i {
  color: #25d366;
}
.article-page-shell .article-meta-action--whatsapp:hover,
.article-page-shell .article-meta-action--whatsapp:focus-visible,
.article-meta-action--whatsapp:hover,
.article-meta-action--whatsapp:focus-visible {
  background-color: rgba(37, 211, 102, 0.12);
  border-color: #25d366;
  color: #075e54;
}
.article-page-shell .dropdown-divider,
.article-page-shell hr {
  border-color: rgba(23, 32, 51, 0.46);
  opacity: 1;
}
.article-inline-ad {
  display: none;
  min-height: 0;
  margin: 2rem 0;
  border-top: 1px solid rgba(23, 32, 51, 0.18);
  border-bottom: 1px solid rgba(23, 32, 51, 0.18);
}
.article-inline-ad[data-slot]::before {
  content: "Advertisement";
  display: block;
  padding: 0.5rem 0;
  color: #5b6678;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-page-shell.article-inline-ads-enabled .article-inline-ad {
  display: block;
  min-height: 90px;
}
/* R1.QW2 — Top-bar 1-tap language chip switcher.
   Native-script chips (हिं, த, తె, ਪੰ, ...) so native readers can
   eye-find their language without expanding a dropdown. Active chip
   gets a filled fill; inactive chips stay subtle so chrome doesn't
   compete with editorial. */
.lang-chip-switcher {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.lang-chip-switcher__chip {
  align-items: center;
  background-color: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  color: #243149;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1;
  min-height: 1.65rem;
  min-width: 2.1rem;
  padding: 0.3rem 0.65rem;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.lang-chip-switcher__chip:hover,
.lang-chip-switcher__chip:focus-visible {
  background-color: rgba(15, 23, 42, 0.08);
  border-color: rgba(15, 23, 42, 0.28);
  color: #0b1f3a;
  outline: 0;
  text-decoration: none;
}
.lang-chip-switcher__chip.is-active {
  background-color: #0b1f3a;
  border-color: #0b1f3a;
  color: #fff;
}
.lang-chip-switcher__chip.is-active:hover,
.lang-chip-switcher__chip.is-active:focus-visible {
  background-color: #172a4a;
  border-color: #172a4a;
  color: #fff;
}
/* Native-script labels can be slightly larger to remain readable
   alongside Latin-script ones (Devanagari/Tamil/Telugu glyphs are
   visually shorter at the same px size). */
.lang-chip-switcher__label {
  font-feature-settings: "kern" 1, "liga" 1;
}
/* Compact variant for narrow surfaces (mobile drawer, slim utility bar). */
.lang-chip-switcher--compact .lang-chip-switcher__chip {
  font-size: 0.72rem;
  min-height: 1.45rem;
  min-width: 1.85rem;
  padding: 0.25rem 0.5rem;
}
/* R1.QW3 — Daily habit rail.
   Horizontal-scroll chip rail above-fold on the homepage. Touch-first
   on mobile (snap scroll, hide scrollbar), wraps to a tidy row on
   desktop. Each chip has a colored icon medallion + Hindi primary
   label + English subtitle. */
.daily-habit-rail {
  background: linear-gradient(180deg, #fafbfd 0%, #f3f5f9 100%);
  border-bottom: 1px solid #e3e8f0;
  padding: 0.65rem 0;
}
.daily-habit-rail__container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.daily-habit-rail__scroll {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.55rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.daily-habit-rail__scroll::-webkit-scrollbar {
  display: none;
}
.daily-habit-rail__chip {
  align-items: center;
  background: #ffffff;
  border: 1px solid #e3e8f0;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  color: #172033;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.55rem;
  min-width: 9.5rem;
  padding: 0.5rem 0.8rem 0.5rem 0.55rem;
  scroll-snap-align: start;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.daily-habit-rail__chip:hover,
.daily-habit-rail__chip:focus-visible {
  border-color: rgba(15, 23, 42, 0.25);
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
  color: #0b1f3a;
  outline: 0;
  text-decoration: none;
  transform: translateY(-1px);
}
.daily-habit-rail__icon {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.1rem;
  height: 2.1rem;
  justify-content: center;
  line-height: 1;
  width: 2.1rem;
}
.daily-habit-rail__text {
  display: inline-flex;
  flex-direction: column;
  gap: 0.05rem;
  line-height: 1.1;
  min-width: 0;
}
.daily-habit-rail__title {
  color: #0b1f3a;
  font-size: 0.95rem;
  font-weight: 800;
}
.daily-habit-rail__sub {
  color: #5a6778;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
/* Tone medallions — keep saturation low so chrome stays editorial-first. */
.daily-habit-rail__chip--amber .daily-habit-rail__icon { background: #fef3c7; color: #b45309; }
.daily-habit-rail__chip--navy  .daily-habit-rail__icon { background: #dbeafe; color: #1d4ed8; }
.daily-habit-rail__chip--red   .daily-habit-rail__icon { background: #fee2e2; color: #b91c1c; }
.daily-habit-rail__chip--green .daily-habit-rail__icon { background: #d1fae5; color: #047857; }
.daily-habit-rail__chip--magenta .daily-habit-rail__icon { background: #fce7f3; color: #be185d; }
.daily-habit-rail__chip--teal  .daily-habit-rail__icon { background: #ccfbf1; color: #0f766e; }
.daily-habit-rail__chip--purple .daily-habit-rail__icon { background: #ede9fe; color: #6d28d9; }
@media (min-width: 992px) {
  .daily-habit-rail {
    padding: 0.85rem 0;
  }

  /* Desktop: all habit links stay on one scannable row. */
  .daily-habit-rail__scroll {
    flex-wrap: nowrap;
    gap: 0.55rem;
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .daily-habit-rail__chip {
    flex: 1 1 calc((100% - 3.3rem) / 7);
    min-width: 0;
    padding: 0.46rem 0.58rem;
  }

  .daily-habit-rail__icon {
    height: 1.95rem;
    width: 1.95rem;
  }

  .daily-habit-rail__title {
    font-size: 0.86rem;
  }

  .daily-habit-rail__sub {
    font-size: 0.62rem;
  }
}
/* R2.A — Prominent "Listen to this article" banner.
   Sits below byline + above body. Gradient panel + play-icon medallion
   make it feel like a podcast pill, not a tiny chrome button. India
   commute + low-literacy + accessibility unlock. */
.article-listen-banner {
  margin: 0.75rem 0 1.1rem;
}
.article-listen-banner__button {
  align-items: center;
  background: linear-gradient(135deg, #f1f6ff 0%, #e8f0ff 100%);
  border: 1px solid #c9d8ee;
  border-radius: 14px;
  color: #0b1f3a;
  cursor: pointer;
  display: flex;
  gap: 0.85rem;
  padding: 0.7rem 0.95rem;
  text-align: left;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  width: 100%;
}
.article-listen-banner__button:hover,
.article-listen-banner__button:focus-visible {
  background: linear-gradient(135deg, #e6efff 0%, #d8e4f8 100%);
  border-color: #99b4dd;
  box-shadow: 0 4px 14px rgba(11, 31, 58, 0.08);
  outline: 0;
  transform: translateY(-1px);
}
.article-listen-banner__button.is-listening {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-color: #d97706;
  color: #7c2d12;
}
.article-listen-banner__icon {
  align-items: center;
  background: #0b1f3a;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.45rem;
  height: 2.6rem;
  justify-content: center;
  line-height: 1;
  width: 2.6rem;
}
.article-listen-banner__button.is-listening .article-listen-banner__icon {
  background: #b45309;
  /* Pulse so the user knows audio is live. */
  animation: article-listen-pulse 1.4s ease-in-out infinite;
}
@keyframes article-listen-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(180, 83, 9, 0.55); }
  50%      { box-shadow: 0 0 0 9px rgba(180, 83, 9, 0); }
}
.article-listen-banner__text {
  display: inline-flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
.article-listen-banner__title {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
}
.article-listen-banner__sub {
  color: #5a6778;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.article-listen-banner__hint {
  color: #5a6778;
  flex: 0 0 auto;
  font-size: 1.2rem;
  line-height: 1;
}
@media (prefers-reduced-motion: reduce) {
  .article-listen-banner__button.is-listening .article-listen-banner__icon {
    animation: none;
  }
}
/* R2.C — Social channels bar (WhatsApp + Telegram).
   Slim one-line strip just under the site header.
   Dismissible per session via close button. */
.social-channel-bar {
  align-items: center;
  background: #f0fdf4;
  border-bottom: 1px solid #bbf7d0;
  display: flex;
  justify-content: center;
  min-height: 38px;
  padding: 0 0.75rem;
  position: relative;
}
.social-channel-bar__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 auto;
  max-width: 80rem;
  padding: 0.4rem 0;
  width: 100%;
}
.social-channel-bar__label {
  color: #374151;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
/* Shared pill button */
.social-channel-bar__btn {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.3rem;
  padding: 0.22rem 0.7rem;
  text-decoration: none;
  transition: opacity 0.15s ease, transform 0.1s ease;
  white-space: nowrap;
}
.social-channel-bar__btn:hover {
  opacity: 0.88;
  text-decoration: none;
  transform: translateY(-1px);
}
/* WhatsApp — green */
.social-channel-bar__btn--wa {
  background: #25d366;
  color: #fff;
}
.social-channel-bar__btn--wa:hover {
  color: #fff;
}
/* Telegram — blue */
.social-channel-bar__btn--tg {
  background: #229ed9;
  color: #fff;
}
.social-channel-bar__btn--tg:hover {
  color: #fff;
}
/* Close button */
.social-channel-bar__close {
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 0.2rem 0.25rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.social-channel-bar__close:hover {
  color: #374151;
}
@media (max-width: 480px) {
  .social-channel-bar__label {
    display: none;
  }
}
/* Article social channel join CTA — shown after article body.
   "Hamare saath judo" — WhatsApp + Telegram channel join card. */
.article-social-channel-cta {
  background: #f8faff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #25d366;
  border-radius: 10px;
  margin: 1.75rem 0 1.5rem;
  padding: 1rem 1.25rem;
}
.article-social-channel-cta__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  justify-content: space-between;
}
.article-social-channel-cta__text {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.article-social-channel-cta__title {
  font-size: 0.95rem;
  font-weight: 800;
  color: #1a202c;
  line-height: 1.2;
}
.article-social-channel-cta__sub {
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.3;
}
.article-social-channel-cta__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-shrink: 0;
}
.article-social-channel-cta__btn {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.8rem;
  font-weight: 700;
  gap: 0.4rem;
  padding: 0.45rem 1rem;
  text-decoration: none;
  transition: opacity 0.15s, transform 0.1s;
  white-space: nowrap;
}
.article-social-channel-cta__btn:hover {
  opacity: 0.88;
  text-decoration: none;
  transform: translateY(-1px);
}
.article-social-channel-cta__btn--wa {
  background: #25d366;
  color: #fff;
}
.article-social-channel-cta__btn--wa:hover { color: #fff; }
.article-social-channel-cta__btn--tg {
  background: #229ed9;
  color: #fff;
}
.article-social-channel-cta__btn--tg:hover { color: #fff; }
@media (max-width: 480px) {
  .article-social-channel-cta__btns {
    width: 100%;
  }
  .article-social-channel-cta__btn {
    flex: 1;
    justify-content: center;
  }
}
/* R2.B — First-visit topic follow onboarding modal. */
.topic-onboarding-modal[hidden] {
  display: none !important;
}
body.topic-onboarding-open {
  overflow: hidden;
}
.topic-onboarding-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 1080;
}
.topic-onboarding-modal__backdrop {
  background: rgba(11, 31, 58, 0.6);
  cursor: pointer;
  inset: 0;
  position: absolute;
}
.topic-onboarding-modal__panel {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.32);
  max-height: calc(100vh - 2rem);
  max-width: 32rem;
  overflow-y: auto;
  padding: 1.75rem 1.5rem 1.25rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.topic-onboarding-modal__close {
  background: transparent;
  border: 0;
  color: #5a6778;
  cursor: pointer;
  font-size: 1.1rem;
  padding: 0.35rem;
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}
.topic-onboarding-modal__close:hover,
.topic-onboarding-modal__close:focus-visible {
  color: #0b1f3a;
  outline: 0;
}
.topic-onboarding-modal__head {
  margin-bottom: 1.1rem;
}
.topic-onboarding-modal__title {
  color: #0b1f3a;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 0.35rem;
}
.topic-onboarding-modal__sub {
  color: #5a6778;
  font-size: 0.92rem;
  line-height: 1.4;
  margin: 0;
}
.topic-onboarding-modal__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}
.topic-onboarding-chip {
  background: #f4f6fa;
  border: 1.5px solid #d4dae3;
  border-radius: 999px;
  color: #243149;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.45rem 0.95rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
.topic-onboarding-chip:hover {
  background: #e6ecf5;
  border-color: #94a4be;
}
.topic-onboarding-chip[aria-pressed="true"] {
  background: #0b1f3a;
  border-color: #0b1f3a;
  color: #fff;
  transform: scale(1.04);
}
.topic-onboarding-chip[aria-pressed="true"]:hover {
  background: #172a4a;
  border-color: #172a4a;
}
.topic-onboarding-modal__foot {
  align-items: center;
  border-top: 1px solid #e3e8f0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: space-between;
  padding-top: 1rem;
}
.topic-onboarding-modal__count {
  color: #5a6778;
  font-size: 0.82rem;
  font-weight: 700;
}
.topic-onboarding-modal__count.is-met {
  color: #047857;
}
.topic-onboarding-modal__actions {
  display: inline-flex;
  gap: 0.5rem;
}
.topic-onboarding-btn {
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 800;
  padding: 0.6rem 1.1rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.topic-onboarding-btn--ghost {
  background: transparent;
  color: #5a6778;
}
.topic-onboarding-btn--ghost:hover {
  color: #0b1f3a;
}
.topic-onboarding-btn--primary {
  background: #0b1f3a;
  color: #fff;
}
.topic-onboarding-btn--primary:hover:not([disabled]) {
  background: #172a4a;
}
.topic-onboarding-btn--primary[disabled] {
  background: #cbd2dc;
  cursor: not-allowed;
}
/* R3.10 — Lite mode (data-saver) visual rules.
   Activated by <html data-lite-mode="1">. Suppresses heavy chrome,
   keeps text-first journalism functional on 2G/3G + Bharat tier-3/4. */
/* Toggle chip in header utility bar. */
.lite-mode-toggle {
  align-items: center;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  color: #5a6778;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 700;
  gap: 0.3rem;
  padding: 0.25rem 0.65rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.lite-mode-toggle:hover,
.lite-mode-toggle:focus-visible {
  background-color: rgba(15, 23, 42, 0.08);
  border-color: rgba(15, 23, 42, 0.28);
  color: #0b1f3a;
  outline: 0;
}
.lite-mode-toggle.is-active {
  background-color: #d1fae5;
  border-color: #047857;
  color: #065f46;
}
.lite-mode-toggle.is-active:hover {
  background-color: #a7f3d0;
}
.homepage-utility-bar--regional .lite-mode-toggle {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.72);
}
.homepage-utility-bar--regional .lite-mode-toggle:hover,
.homepage-utility-bar--regional .lite-mode-toggle:focus-visible {
  background-color: rgba(37, 99, 235, 0.28);
  border-color: rgba(147, 197, 253, 0.72);
  color: #ffffff;
}
.homepage-utility-bar--regional .lite-mode-toggle.is-active {
  background-color: rgba(5, 150, 105, 0.26);
  border-color: rgba(110, 231, 183, 0.72);
  color: #d1fae5;
}
.homepage-utility-bar--regional .lite-mode-toggle.is-active:hover,
.homepage-utility-bar--regional .lite-mode-toggle.is-active:focus-visible {
  background-color: rgba(5, 150, 105, 0.38);
  color: #ffffff;
}
.lite-mode-toggle i {
  font-size: 0.95rem;
  line-height: 1;
}
/* ─── Lite mode CSS rules (active only when html[data-lite-mode="1"]) ─── */
html[data-lite-mode="1"] {
  /* Disable all CSS animations + transitions to save CPU on low-end devices.
     Reduced motion has a similar effect; lite mode is broader. */
}
html[data-lite-mode="1"] *,
html[data-lite-mode="1"] *::before,
html[data-lite-mode="1"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
}
/* Hide background gradients that ship as base64-encoded inline SVG
   or background-image declarations. Solid colors remain. */
html[data-lite-mode="1"] .article-listen-banner__button,
html[data-lite-mode="1"] .wa-channel-strip,
html[data-lite-mode="1"] .daily-habit-rail {
  background: #f4f6fa !important;
  color: #0b1f3a;
}
html[data-lite-mode="1"] .wa-channel-strip {
  background: #128c7e !important; /* keep brand recognition; flat green is cheap */
}
html[data-lite-mode="1"] .wa-channel-strip__link {
  background: #128c7e !important;
  color: #fff;
}
/* Suppress autoplay + lazy-loaded heavy video posters. Use a placeholder
   with a play icon and a "Tap to load video" label so the reader explicitly
   spends their data when they actually want to watch. */
html[data-lite-mode="1"] video[autoplay] {
  display: none !important;
}
html[data-lite-mode="1"] iframe[src*="youtube"],
html[data-lite-mode="1"] iframe[src*="vimeo"],
html[data-lite-mode="1"] iframe[src*="twitter.com"],
html[data-lite-mode="1"] iframe[src*="instagram.com"] {
  /* Replace the embed with a tappable placeholder using the parent's
     padding hack. CSS-only — graceful degradation when JS off. */
  background: #e6ecf5;
  min-height: 4rem;
}
/* Hide non-critical decorative imagery on listing pages. Article body
   imagery stays — that is editorial, not decoration. */
html[data-lite-mode="1"] .author-avatar,
html[data-lite-mode="1"] .article-card__avatar,
html[data-lite-mode="1"] .homepage-utility-social img {
  display: none !important;
}
/* Dim editorial/listing imagery without hiding it. The reader still sees
   story context, while Lite mode visibly reduces image prominence. */
html[data-lite-mode="1"] :where(
  .article-hero-hz,
  .article-hero img,
  .article-hero-figure img,
  .media-family-hero-image,
  .longform-hero-image,
  .article-content img,
  .news-image-block img,
  .c-card__media img,
  .c-card__thumb,
  .homepage-hero-image,
  .homepage-hero-image-link img,
  .homepage-photo-hero-image,
  .homepage-classic-card-image,
  .homepage-grid-card-image,
  .nr-card__media img,
  .recipe-hero-media img
) {
  filter: saturate(0.72) brightness(0.78) contrast(0.92) !important;
  opacity: 0.82;
}
/* Drop heavy shadows + blurs that force GPU compositing on low-end SoCs. */
html[data-lite-mode="1"] .article-listen-banner__button,
html[data-lite-mode="1"] .topic-onboarding-modal__panel,
html[data-lite-mode="1"] .daily-habit-rail__chip {
  box-shadow: none !important;
  filter: none !important;
}
/* Surface a lite-mode active banner so the reader knows why imagery
   is degraded. Tappable to switch off via the JS handler. */
html[data-lite-mode="1"] body::before {
  background: #d1fae5;
  border-bottom: 1px solid #6ee7b7;
  color: #065f46;
  content: "⚡ Lite mode on — images and animations are dimmed. Tap the Lite button in the header to switch off.";
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.35rem 0.75rem;
  text-align: center;
}
/* R3.9 — Welcome-back rail (homepage, logged-in only).
   Personalized strip above the editorial fold: greeting, reading-day
   streak, saved + following counts, followed-topic chips. */
.welcome-back-rail {
  background: linear-gradient(180deg, #fff9e6 0%, #fefbf0 100%);
  border-bottom: 1px solid #fcd34d40;
  padding: 0.7rem 0;
}
.welcome-back-rail__container {
  padding-left: 0.85rem;
  padding-right: 0.85rem;
}
.welcome-back-rail__row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  justify-content: space-between;
}
.welcome-back-rail__greet {
  align-items: center;
  color: #0b1f3a;
  display: inline-flex;
  font-weight: 800;
  gap: 0.65rem;
  min-width: 0;
}
.welcome-back-rail__hi {
  font-size: 1rem;
}
.welcome-back-rail__streak {
  align-items: center;
  background: #fef3c7;
  border: 1px solid #fde68a;
  border-radius: 999px;
  color: #92400e;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 800;
  gap: 0.25rem;
  padding: 0.2rem 0.55rem;
  text-transform: uppercase;
}
.welcome-back-rail__streak i {
  color: #ea580c;
  font-size: 0.85rem;
}
.welcome-back-rail__stats {
  display: inline-flex;
  gap: 0.5rem;
}
.welcome-back-rail__stat {
  align-items: center;
  background: #fff;
  border: 1px solid #fcd34d;
  border-radius: 12px;
  color: #0b1f3a;
  display: inline-flex;
  font-size: 0.78rem;
  gap: 0.35rem;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.welcome-back-rail__stat:hover,
.welcome-back-rail__stat:focus-visible {
  background-color: #fff7e0;
  border-color: #f59e0b;
  color: #0b1f3a;
  outline: 0;
  text-decoration: none;
}
.welcome-back-rail__stat i {
  color: #b45309;
  font-size: 0.95rem;
}
.welcome-back-rail__stat strong {
  font-size: 0.95rem;
  font-weight: 800;
}
.welcome-back-rail__stat span {
  color: #5a6778;
  font-weight: 600;
}
.welcome-back-rail__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}
.welcome-back-rail__chip {
  background: #fff;
  border: 1px solid #fcd34d80;
  border-radius: 999px;
  color: #92400e;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.22rem 0.6rem;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.welcome-back-rail__chip:hover,
.welcome-back-rail__chip:focus-visible {
  background-color: #fef3c7;
  border-color: #f59e0b;
  color: #7c2d12;
  outline: 0;
  text-decoration: none;
}
.welcome-back-rail__chip--more {
  background: transparent;
  color: #5a6778;
  font-weight: 600;
}
/* R3.12 — Festival / event themes.
   A single CSS module supports all themes via:
     - The .festival-banner block (strip rendered by festival_banner.php)
     - body[data-festival-theme="<key>"] hooks for theme-wide accents
   --festival-accent is set inline per-theme; rules below consume it. */
.festival-banner {
  background: color-mix(in srgb, var(--festival-accent, #d97706) 10%, #fff);
  border-bottom: 2px solid var(--festival-accent, #d97706);
  padding: 0.55rem 0;
}
.festival-banner__inner {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  padding-left: 0.85rem;
  padding-right: 0.85rem;
}
.festival-banner__icon {
  align-items: center;
  background: var(--festival-accent, #d97706);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.1rem;
  height: 2.1rem;
  justify-content: center;
  line-height: 1;
  width: 2.1rem;
}
.festival-banner__text {
  display: inline-flex;
  flex-direction: column;
  gap: 0.05rem;
  line-height: 1.2;
  min-width: 0;
}
.festival-banner__hi {
  color: color-mix(in srgb, var(--festival-accent, #d97706) 85%, #0b1f3a);
  font-size: 0.95rem;
  font-weight: 800;
}
.festival-banner__en {
  color: #5a6778;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
/* Theme-specific accents — applied to the publisher masthead +
   homepage hero rails when active. Keep restrained (border + accent
   color); editorial content remains the visual hero. */
body[data-festival-theme="diwali"] .article-listen-banner__icon,
body[data-festival-theme="diwali"] .daily-habit-rail__chip:focus-visible,
body[data-festival-theme="diwali"] .daily-habit-rail__chip:hover {
  border-color: #d97706;
}
body[data-festival-theme="holi"] .article-listen-banner__icon {
  background: #db2777;
}
body[data-festival-theme="independence_day"] .article-listen-banner__icon,
body[data-festival-theme="republic_day"] .article-listen-banner__icon {
  background: linear-gradient(180deg, #f97316 0%, #fff 33%, #fff 67%, #15803d 100%);
  color: #0b1f3a;
}
body[data-festival-theme="ipl"] .article-listen-banner__icon {
  background: #7c3aed;
}
body[data-festival-theme="election"] .article-listen-banner__icon {
  background: #0369a1;
}
/* Subtle twinkly diya animation for diwali — opt-in via reduced-motion
   honor, so it never bothers accessibility users. */
body[data-festival-theme="diwali"] .festival-banner__icon {
  animation: festival-diya-twinkle 2.4s ease-in-out infinite;
}
@keyframes festival-diya-twinkle {
  0%, 100% { box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.45); }
  50%      { box-shadow: 0 0 0 6px rgba(217, 119, 6, 0); }
}
@media (prefers-reduced-motion: reduce) {
  body[data-festival-theme] .festival-banner__icon {
    animation: none !important;
  }
}
/* Lite mode also kills the twinkle (CPU saver). */
html[data-lite-mode="1"] body[data-festival-theme] .festival-banner__icon {
  animation: none !important;
}
/* R4.13 — PWA install bottom sheet + iOS instructions modal. */
.pwa-install-prompt[hidden],
.pwa-install-ios[hidden] {
  display: none !important;
}
/* ── Bottom sheet (Android / Chrome / Edge beforeinstallprompt path) ── */
.pwa-install-prompt {
  bottom: 0;
  left: 0;
  padding: 0.75rem 0.85rem calc(0.75rem + env(safe-area-inset-bottom));
  position: fixed;
  right: 0;
  z-index: 1085;
}
.pwa-install-prompt__card {
  align-items: center;
  background: #fff;
  border: 1px solid #d4dae3;
  border-radius: 16px;
  box-shadow: 0 12px 38px rgba(15, 23, 42, 0.18);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0 auto;
  max-width: 32rem;
  padding: 0.8rem 0.95rem;
}
.pwa-install-prompt__icon {
  align-items: center;
  background: #0b1f3a;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.3rem;
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  width: 2.5rem;
}
.pwa-install-prompt__copy {
  display: inline-flex;
  flex: 1 1 12rem;
  flex-direction: column;
  gap: 0.15rem;
  line-height: 1.25;
  min-width: 0;
}
.pwa-install-prompt__title {
  color: #0b1f3a;
  font-size: 0.95rem;
  font-weight: 800;
}
.pwa-install-prompt__sub {
  color: #5a6778;
  font-size: 0.78rem;
  font-weight: 600;
}
.pwa-install-prompt__actions {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.4rem;
  margin-left: auto;
}
.pwa-install-prompt__btn {
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 800;
  padding: 0.5rem 0.95rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.pwa-install-prompt__btn--ghost {
  background: transparent;
  color: #5a6778;
}
.pwa-install-prompt__btn--ghost:hover {
  color: #0b1f3a;
}
.pwa-install-prompt__btn--primary {
  background: #0b1f3a;
  color: #fff;
}
.pwa-install-prompt__btn--primary:hover {
  background: #172a4a;
}
/* ── iOS instructions modal ── */
.pwa-install-ios {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 1086;
}
.pwa-install-ios__backdrop {
  background: rgba(11, 31, 58, 0.6);
  cursor: pointer;
  inset: 0;
  position: absolute;
}
.pwa-install-ios__panel {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.32);
  max-width: 24rem;
  padding: 1.6rem 1.4rem 1.25rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.pwa-install-ios__close {
  background: transparent;
  border: 0;
  color: #5a6778;
  cursor: pointer;
  font-size: 1.05rem;
  padding: 0.3rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.pwa-install-ios__close:hover {
  color: #0b1f3a;
}
.pwa-install-ios__title {
  color: #0b1f3a;
  font-size: 1.2rem;
  font-weight: 800;
  margin: 0 0 0.85rem;
}
.pwa-install-ios__steps {
  color: #243149;
  font-size: 0.92rem;
  line-height: 1.55;
  margin: 0 0 1rem;
  padding-left: 1.15rem;
}
.pwa-install-ios__steps li + li { margin-top: 0.35rem; }
.pwa-install-ios__steps i {
  color: #1d4ed8;
  margin: 0 0.15rem;
}
.pwa-install-ios__hint {
  color: #5a6778;
  font-size: 0.82rem;
  margin: 0;
}
/* Lite mode: drop shadows + animations from the install surfaces. */
html[data-lite-mode="1"] .pwa-install-prompt__card,
html[data-lite-mode="1"] .pwa-install-ios__panel {
  box-shadow: none !important;
}
/* P1.10 — Public AI transparency register. */
.ai-transparency {
  color: #0b1f3a;
  max-width: 56rem;
}
.ai-transparency__hero {
  border-bottom: 1px solid #d4dae3;
  padding-bottom: 1.5rem;
}
.ai-transparency__eyebrow {
  color: #6d28d9;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
}
.ai-transparency__title {
  color: #0b1f3a;
  font-size: 2.1rem;
  font-weight: 900;
  line-height: 1.15;
  margin: 0 0 0.85rem;
}
.ai-transparency__lede {
  color: #243149;
  font-size: 1.05rem;
  line-height: 1.55;
  margin: 0 0 1rem;
  max-width: 44rem;
}
.ai-transparency__metabar {
  color: #5a6778;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 1.25rem;
}
.ai-transparency__section { margin-top: 2.25rem; }
.ai-transparency__section h2 {
  font-size: 1.45rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.ai-transparency__grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  margin-top: 1rem;
}
.ai-transparency__card {
  background: #f4f6fa;
  border: 1px solid #d4dae3;
  border-left: 4px solid #5a6778;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.85rem 0.95rem;
}
.ai-transparency__card--sev-high   { border-left-color: #b91c1c; }
.ai-transparency__card--sev-medium { border-left-color: #b45309; }
.ai-transparency__card--sev-low    { border-left-color: #047857; }
.ai-transparency__pill {
  background: rgba(15, 23, 42, 0.06);
  border-radius: 999px;
  color: #243149;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 0.15rem 0.55rem;
  width: -moz-max-content;
  width: max-content;
}
.ai-transparency__risk-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.ai-transparency__risk {
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.25rem 0.75rem;
}
.ai-transparency__risk--critical { background: #fee2e2; color: #991b1b; }
.ai-transparency__risk--high     { background: #fef3c7; color: #92400e; }
.ai-transparency__risk--medium   { background: #dbeafe; color: #1d4ed8; }
.ai-transparency__risk--low      { background: #d1fae5; color: #065f46; }
.ai-transparency__table {
  border-collapse: collapse;
  margin-top: 1rem;
  width: 100%;
}
.ai-transparency__table th,
.ai-transparency__table td {
  border-bottom: 1px solid #e3e8f0;
  padding: 0.7rem 0.6rem;
  text-align: left;
  vertical-align: top;
}
.ai-transparency__table th {
  background: #f4f6fa;
  color: #5a6778;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.ai-transparency__table code {
  background: rgba(15, 23, 42, 0.05);
  border-radius: 4px;
  font-size: 0.82rem;
  padding: 0.08rem 0.35rem;
}
.ai-transparency__badge {
  background: #fef3c7;
  border: 1px solid #fde68a;
  border-radius: 999px;
  color: #92400e;
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 800;
  margin-left: 0.4rem;
  padding: 0.1rem 0.5rem;
}
.ai-transparency__forbidden {
  margin: 0;
  padding-left: 1.05rem;
}
.ai-transparency__forbidden li { margin-bottom: 0.2rem; }
.ai-transparency__list {
  color: #243149;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
  padding-left: 1.15rem;
}
.ai-transparency__list li + li { margin-top: 0.35rem; }
.ai-transparency__list--strong { font-weight: 600; }
.ai-transparency__foot {
  border-top: 1px solid #d4dae3;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
}
@media (max-width: 640px) {
  .ai-transparency__title { font-size: 1.65rem; }
  .ai-transparency__table th, .ai-transparency__table td { padding: 0.5rem 0.4rem; font-size: 0.85rem; }
}
/* P1.8 — Podcast landing page. */
.podcast-landing {
  max-width: 48rem;
}
.podcast-landing__hero {
  border-bottom: 1px solid #d4dae3;
  padding-bottom: 1.5rem;
}
.podcast-landing__title {
  color: #0b1f3a;
  font-size: 2rem;
  font-weight: 900;
  margin: 0 0 0.4rem;
}
.podcast-landing__lede {
  color: #243149;
  font-size: 1.02rem;
  line-height: 1.5;
  margin: 0 0 1.05rem;
  max-width: 38rem;
}
.podcast-landing__subscribe {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.podcast-landing__cta {
  align-items: center;
  background: #fff;
  border: 1px solid #d4dae3;
  border-radius: 999px;
  color: #243149;
  display: inline-flex;
  font-size: 0.85rem;
  font-weight: 700;
  gap: 0.35rem;
  padding: 0.4rem 0.85rem;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.podcast-landing__cta:hover {
  background: #f4f6fa;
  border-color: #94a4be;
  color: #0b1f3a;
  text-decoration: none;
}
.podcast-landing__cta--primary {
  background: #f97316;
  border-color: #f97316;
  color: #fff;
}
.podcast-landing__cta--primary:hover {
  background: #ea580c;
  border-color: #ea580c;
  color: #fff;
}
.podcast-landing__hint {
  margin-top: 0.55rem;
}
.podcast-landing__episodes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.podcast-landing__episode {
  border-bottom: 1px solid #e3e8f0;
  padding: 1.25rem 0;
}
.podcast-landing__episode:last-child { border-bottom: 0; }
.podcast-landing__episode-link {
  color: inherit;
  text-decoration: none;
}
.podcast-landing__episode-title {
  color: #0b1f3a;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 0.35rem;
}
.podcast-landing__episode-link:hover .podcast-landing__episode-title {
  text-decoration: underline;
}
.podcast-landing__episode-meta {
  color: #5a6778;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.78rem;
  font-weight: 600;
  gap: 0.85rem;
  margin-bottom: 0.55rem;
}
.podcast-landing__episode-excerpt {
  color: #243149;
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0 0 0.65rem;
}
.podcast-landing__episode-audio {
  width: 100%;
}
.podcast-landing__empty {
  color: #5a6778;
  font-size: 1rem;
  padding: 2rem 0;
  text-align: center;
}
/* P1.4 — Live ticker (cross-liveblog flagship strip). */
.live-ticker {
  background: #0b1f3a;
  color: #fff;
  overflow: hidden;
  padding: 0.45rem 0;
}
.live-ticker__inner {
  align-items: stretch;
  display: flex;
  gap: 0.85rem;
}
.live-ticker__badge {
  align-items: center;
  background: #b91c1c;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.7rem;
  font-weight: 900;
  gap: 0.35rem;
  letter-spacing: 0.12em;
  padding: 0.3rem 0.55rem;
}
.live-ticker__pulse {
  background: #fff;
  border-radius: 999px;
  display: inline-block;
  height: 0.55rem;
  width: 0.55rem;
  animation: live-ticker-pulse 1.4s ease-in-out infinite;
}
@keyframes live-ticker-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.45; transform: scale(0.75); }
}
.live-ticker__feed {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 1.4rem;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.live-ticker__feed::-webkit-scrollbar {
  display: none;
}
.live-ticker__item {
  align-items: center;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.85rem;
  gap: 0.55rem;
  line-height: 1.3;
  max-width: 32rem;
  padding: 0.15rem 0.25rem;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.live-ticker__item:hover,
.live-ticker__item:focus-visible {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
  outline: 0;
  text-decoration: none;
}
.live-ticker__item strong {
  color: #fef3c7;
  font-weight: 800;
  white-space: nowrap;
}
.live-ticker__item span {
  color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-ticker__source {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
}
/* New-item flash: brief gold underline so reader notices arrivals. */
.live-ticker__item.is-new {
  animation: live-ticker-arrive 1.8s ease-out;
}
@keyframes live-ticker-arrive {
  0%   { background-color: rgba(254, 243, 199, 0.4); }
  100% { background-color: transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .live-ticker__pulse,
  .live-ticker__item.is-new {
    animation: none !important;
  }
}
html[data-lite-mode="1"] .live-ticker__pulse,
html[data-lite-mode="1"] .live-ticker__item.is-new {
  animation: none !important;
}
/* P1.7 — Bundles commerce landing page. */
.bundles-landing {
  max-width: 64rem;
}
.bundles-landing__hero {
  border-bottom: 1px solid #d4dae3;
  padding-bottom: 1.5rem;
}
.bundles-landing__eyebrow {
  color: #6d28d9;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
}
.bundles-landing__title {
  color: #0b1f3a;
  font-size: 2.05rem;
  font-weight: 900;
  line-height: 1.18;
  margin: 0 0 0.7rem;
}
.bundles-landing__lede {
  color: #243149;
  font-size: 1.05rem;
  line-height: 1.55;
  margin: 0;
  max-width: 44rem;
}
.bundles-landing__grid {
  display: grid;
  gap: 1.1rem;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  margin-top: 1.75rem;
}
.bundles-card {
  --bundle-accent: #0b1f3a;
  background: #fff;
  border: 1px solid #d4dae3;
  border-radius: 16px;
  border-top: 4px solid var(--bundle-accent);
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.1rem 1.1rem;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.bundles-card:hover {
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.10);
  transform: translateY(-2px);
}
.bundles-card__head {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  margin-bottom: 0.7rem;
}
.bundles-card__icon {
  align-items: center;
  background: color-mix(in srgb, var(--bundle-accent) 12%, #fff);
  border-radius: 12px;
  color: var(--bundle-accent);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.35rem;
  height: 2.6rem;
  justify-content: center;
  line-height: 1;
  width: 2.6rem;
}
.bundles-card__heads {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}
.bundles-card__name {
  color: #0b1f3a;
  font-size: 1.15rem;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
}
.bundles-card__name-hi {
  color: #5a6778;
  font-size: 0.82rem;
  font-weight: 700;
  margin-top: 0.05rem;
}
.bundles-card__owned {
  align-items: center;
  background: #d1fae5;
  border-radius: 999px;
  color: #065f46;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.7rem;
  font-weight: 800;
  gap: 0.25rem;
  letter-spacing: 0.04em;
  padding: 0.2rem 0.55rem;
  text-transform: uppercase;
}
.bundles-card__lede {
  color: #243149;
  font-size: 0.95rem;
  line-height: 1.45;
  margin: 0 0 0.35rem;
}
.bundles-card__lede-hi {
  color: #5a6778;
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0 0 0.85rem;
}
.bundles-card__features {
  color: #243149;
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0 0 1.1rem;
  padding-left: 1.05rem;
}
.bundles-card__features li + li { margin-top: 0.15rem; }
.bundles-card__price {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.95rem;
}
.bundles-card__amount {
  color: var(--bundle-accent);
  font-size: 1.65rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.bundles-card__period {
  color: #5a6778;
  font-size: 0.85rem;
  font-weight: 600;
}
.bundles-card__intro {
  background: #fef3c7;
  border-radius: 8px;
  color: #92400e;
  font-size: 1.35rem;
  font-weight: 900;
  padding: 0.05rem 0.45rem;
}
.bundles-card__intro-meta {
  color: #5a6778;
  font-size: 0.78rem;
  font-weight: 600;
}
.bundles-card__cta {
  align-items: center;
  background: var(--bundle-accent);
  border-radius: 10px;
  color: #fff;
  display: inline-flex;
  font-size: 0.92rem;
  font-weight: 800;
  gap: 0.35rem;
  justify-content: center;
  margin-top: auto;
  padding: 0.7rem 0.9rem;
  text-decoration: none;
  transition: filter 0.15s ease;
}
.bundles-card__cta:hover,
.bundles-card__cta:focus-visible {
  color: #fff;
  filter: brightness(1.1);
  outline: 0;
  text-decoration: none;
}
.bundles-card__cta--manage {
  background: #fff;
  border: 1.5px solid var(--bundle-accent);
  color: var(--bundle-accent);
}
.bundles-card__cta--manage:hover {
  background: color-mix(in srgb, var(--bundle-accent) 6%, #fff);
  color: var(--bundle-accent);
}
.bundles-landing__foot {
  border-top: 1px solid #d4dae3;
  padding-top: 1.5rem;
}
html[data-lite-mode="1"] .bundles-card:hover {
  box-shadow: none !important;
  transform: none !important;
}
/*
 * Indic typography presets — Track D (Codex audit follow-up).
 *
 * Per-locale typography variables driven from
 * config/indic_typography_presets.php. The PHP service
 * (IndicTypographyService) is the runtime side; this CSS file is the
 * paint-time side. Both are validated against the same contract by
 * IndicTypographyPresetsContractTest so they cannot drift apart.
 *
 * Selector strategy:
 *   Both the bare locale (lang="hi") AND the IN variant (lang="hi-IN")
 *   are matched, since articles produced via different content
 *   pipelines emit either form. CSS attribute selectors are case-
 *   insensitive in modern browsers but we declare both for clarity.
 *
 * Why per-locale variables instead of one rule per selector:
 *   The apply_to_selectors set in the config can grow; each new selector
 *   shouldn't require duplicating rules per locale. The variable layer
 *   declared on the [lang=...] attribute gives nested elements automatic
 *   inheritance.
 *
 * Visual measure (max-width) is intentionally only applied to article
 * body containers (.article-content, .article-body), NOT to lang="hi"
 * universally — landing-page grids should not collapse to 40em.
 */
/* ---- ENGLISH (baseline) ---- */
[lang="en"], [lang="en-IN"], [lang="en-US"] {
  --reader-font-stack: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;
  --reader-serif-stack: Georgia, "Times New Roman", serif;
  --reader-line-height-body: 1.65;
  --reader-line-height-heading: 1.2;
  --reader-headline-weight: 700;
  --reader-headline-letter-spacing: -0.018em;
  --reader-measure-em: 36em;
  --reader-font-size-scale: 1.0;
  --reader-font-feature-settings: "kern" 1, "liga" 1;
  --reader-word-break: normal;
}
/* ---- HINDI / MARATHI / DEVANAGARI ---- */
[lang="hi"], [lang="hi-IN"],
[lang="mr"], [lang="mr-IN"],
[lang="bho"], [lang="bho-IN"],
[lang="awa"], [lang="awa-IN"],
[lang="mai"], [lang="mai-IN"],
[lang="mag"], [lang="mag-IN"] {
  --reader-font-stack: "Noto Sans Devanagari", "Mukta", "Hind", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Devanagari", Georgia, serif;
  --reader-line-height-body: 1.78;
  --reader-line-height-heading: 1.32;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 40em;
  --reader-font-size-scale: 0.96;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "abvs" 1, "blws" 1, "haln" 1;
  --reader-word-break: keep-all;
  font-synthesis: none;
}
/* ---- BENGALI ---- */
[lang="bn"], [lang="bn-IN"], [lang="bn-BD"] {
  --reader-font-stack: "Noto Sans Bengali", "Hind Siliguri", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Bengali", Georgia, serif;
  --reader-line-height-body: 1.82;
  --reader-line-height-heading: 1.34;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 40em;
  --reader-font-size-scale: 0.95;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "akhn" 1, "blws" 1;
  --reader-word-break: normal;
}
/* ---- TAMIL ---- */
[lang="ta"], [lang="ta-IN"] {
  --reader-font-stack: "Noto Sans Tamil", "Hind Madurai", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Tamil", Georgia, serif;
  --reader-line-height-body: 1.72;
  --reader-line-height-heading: 1.28;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 40em;
  --reader-font-size-scale: 0.97;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "cv01" 1, "cv02" 1, "akhn" 1;
  --reader-word-break: normal;
}
/* ---- TELUGU ---- */
[lang="te"], [lang="te-IN"] {
  --reader-font-stack: "Noto Sans Telugu", "Hind Guntur", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Telugu", Georgia, serif;
  --reader-line-height-body: 1.76;
  --reader-line-height-heading: 1.30;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 40em;
  --reader-font-size-scale: 0.96;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "akhn" 1, "blwf" 1;
  --reader-word-break: normal;
}
/* ---- MALAYALAM ---- */
[lang="ml"], [lang="ml-IN"] {
  --reader-font-stack: "Noto Sans Malayalam", "Manjari", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Malayalam", Georgia, serif;
  --reader-line-height-body: 1.86;
  --reader-line-height-heading: 1.36;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 40em;
  --reader-font-size-scale: 0.95;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "pres" 1, "blws" 1, "akhn" 1;
  --reader-word-break: normal;
}
/* ---- KANNADA ---- */
[lang="kn"], [lang="kn-IN"] {
  --reader-font-stack: "Noto Sans Kannada", "Hind Vadodara", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Kannada", Georgia, serif;
  --reader-line-height-body: 1.76;
  --reader-line-height-heading: 1.30;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 40em;
  --reader-font-size-scale: 0.96;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "akhn" 1, "blwf" 1;
  --reader-word-break: normal;
}
/* ---- PUNJABI / GURMUKHI (G1.1) ---- */
/* Gurmukhi shares Devanagari's shirorekha; descenders are shorter so
   line-height can be slightly tighter than hi/mr. LTR script. */
[lang="pa"], [lang="pa-IN"] {
  --reader-font-stack: "Noto Sans Gurmukhi", "Mukta Mahee", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Gurmukhi", Georgia, serif;
  --reader-line-height-body: 1.74;
  --reader-line-height-heading: 1.28;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 40em;
  --reader-font-size-scale: 0.97;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "abvs" 1, "blws" 1;
  --reader-word-break: keep-all;
  font-synthesis: none;
}
/* ---- URDU / NASTALIQ — RTL (G1.1) ---- */
/*
 * Urdu is the only RTL locale in the supported set. Three layers of
 * RTL application:
 *   1. direction + text-align on the [lang="ur"] element itself.
 *   2. CSS logical properties (margin-inline-start etc.) cascade naturally.
 *   3. The PHP renderer adds dir="rtl" to <article lang="ur"> — see
 *      core_content.php where $articleLangBase drives the lang attribute.
 *
 * Nastaliq line-height must be at least 2.0 — the diagonal calligraphic
 * strokes have far more vertical travel than any LTR Indic script.
 * Rendering at 1.8 (Hindi value) causes catastrophic text overflow.
 *
 * font-size-scale 1.05: Nastaliq glyphs sit visually smaller than
 * Latin at the same px size — bump compensates.
 */
[lang="ur"], [lang="ur-IN"], [lang="ur-PK"] {
  --reader-font-stack: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Alvi Nastaleeq", system-ui, serif;
  --reader-serif-stack: "Noto Nastaliq Urdu", Georgia, serif;
  --reader-line-height-body: 2.10;
  --reader-line-height-heading: 1.60;
  --reader-headline-weight: 600;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 36em;
  --reader-font-size-scale: 1.05;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "init" 1, "medi" 1, "fina" 1;
  --reader-word-break: normal;
  direction: rtl;
  text-align: right;
  font-synthesis: none;
}
/* RTL layout flips for Urdu article containers */
[lang="ur"] .article-content,
[lang="ur-IN"] .article-content,
[lang="ur"] .article-body,
[lang="ur-IN"] .article-body {
  direction: rtl;
  text-align: right;
  /* Logical margin: reading starts at the right edge */
  margin-inline-start: auto;
  margin-inline-end: 0;
}
/* Urdu headlines right-aligned */
[lang="ur"] .headline-stack,
[lang="ur-IN"] .headline-stack,
[lang="ur"] .article-reading-document h1,
[lang="ur-IN"] .article-reading-document h1 {
  text-align: right;
}
/* Toolbar / byline row: reverse flex direction for RTL article context */
[lang="ur"] .article-byline-card,
[lang="ur-IN"] .article-byline-card {
  direction: rtl;
}
/* Arabic punctuation (۔) after Urdu content — mirror the danda fix */
[lang="ur"] .article-content,
[lang="ur-IN"] .article-content {
  -webkit-text-size-adjust: 100%;
}
/* ---- GUJARATI (no shirorekha → tighter than Devanagari) ---- */
[lang="gu"], [lang="gu-IN"] {
  --reader-font-stack: "Noto Sans Gujarati", "Hind Vadodara", system-ui, sans-serif;
  --reader-serif-stack: "Noto Serif Gujarati", Georgia, serif;
  --reader-line-height-body: 1.70;
  --reader-line-height-heading: 1.26;
  --reader-headline-weight: 620;
  --reader-headline-letter-spacing: 0;
  --reader-measure-em: 38em;
  --reader-font-size-scale: 0.97;
  --reader-font-feature-settings: "kern" 1, "liga" 1, "abvs" 1;
  --reader-word-break: normal;
}
/*
 * Application — apply the per-locale variables to article body containers.
 * Headings get a tighter line-height variant; body text gets the relaxed one.
 *
 * Listed selectors must stay in sync with
 * config/indic_typography_presets.php → apply_to_selectors. The contract
 * test asserts parity.
 */
.article-content,
.article-reading-document .article-body,
.article-body,
.headline-stack {
  font-family: var(--reader-font-stack, inherit);
  font-feature-settings: var(--reader-font-feature-settings, "kern" 1, "liga" 1);
  word-break: var(--reader-word-break, normal);
}
.article-content,
.article-body {
  line-height: var(--reader-line-height-body, 1.65);
  font-size: calc(1em * var(--reader-font-size-scale, 1));
  max-width: var(--reader-measure-em, 36em);
}
.headline-stack,
.article-reading-document h1,
.article-reading-document h2,
.article-reading-document h3 {
  line-height: var(--reader-line-height-heading, 1.2);
}
/* Devanagari danda (।) needs full normal space after — never collapse. */
[lang="hi"] .article-content,
[lang="mr"] .article-content,
[lang="hi-IN"] .article-content,
[lang="mr-IN"] .article-content {
  /* CSS-only is limited; the real fix is editorial discipline, but this
     keeps any auto-collapsed whitespace from pulling the danda tight. */
  -webkit-text-size-adjust: 100%;
}
/* Tabular numerals on data-rich blocks (cricket scoreboards, election
   results, market tickers, byline timestamps). */
.article-content [data-numeric-tabular],
.article-content time,
.article-content .article-byline-time,
.article-reading-document time {
  font-feature-settings: var(--reader-font-feature-settings, "kern" 1, "liga" 1), "tnum" 1, "lnum" 1;
}
/* matra-clip safety: card and story titles need a little descender room so
   Devanagari vowel marks are not clipped by tight card grids. */
.nr-card__title,
.publisher-story-card__title,
.photo-story-card-title,
.headline-stack__title,
.article-card__title {
  padding-block-end: 0.08em;
  overflow: visible;
}
/* Reduced-motion + high-contrast respects: don't tweak the font weight for
   accessibility users — just preserve the fallback baseline. */
@media (prefers-reduced-motion: reduce) {
  .article-content {
    -webkit-text-size-adjust: 100%;
  }
}
@media (prefers-contrast: more) {
  .article-content {
    color: inherit;
  }
}
/* ===========================================================
 * Newsroom-grade admin sidebar (NYT / Bloomberg / CNN console
 * pattern). Group sections share the same visual weight; no
 * privileged floating cards. Heading rows carry a small accent
 * pip + uppercase letter-spaced label. Active rows get a left-
 * edge accent bar matching the editorial-pulse severity stripe
 * language used across the dashboard widgets.
 * =========================================================== */
/* Section header: uppercase tracking, accent pip, subtle top
   divider so groups read as discrete chapters of the IA. */
.l-admin-shell .l-admin-sidebar .sidebar-heading {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  margin: var(--ntcms-space-3) var(--ntcms-space-3) var(--ntcms-space-1);
  padding-top: var(--ntcms-space-2);
  color: color-mix(in srgb, var(--ntcms-color-text-inverse) 56%, var(--ntcms-color-text-subtle));
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
/* The FIRST section heading sits right under the brand header — it
   doesn't need top margin/padding to separate from "previous group"
   because there is no previous group. Zero out the gap so the rail
   reads cleanly under the brand without a dead band of empty space. */
.l-admin-shell .l-admin-sidebar .sidebar-nav > section:first-child .sidebar-heading,
.l-admin-shell .l-admin-sidebar .sidebar-nav > .sidebar-quick-create:first-child .sidebar-heading {
  margin-top: var(--ntcms-space-2);
  padding-top: 0;
  border-top: 0;
}
/* Subtle horizontal divider above each group label EXCEPT the
   first child. Keeps groups visually distinct without a heavy
   border between every link. */
.l-admin-shell .l-admin-sidebar .sidebar-nav > section + section .sidebar-heading,
.l-admin-shell .l-admin-sidebar .sidebar-all-tools__body > section + section .sidebar-heading {
  border-top: 1px solid color-mix(in srgb, var(--ntcms-color-text-inverse) 8%, transparent);
}
/* Plain small-caps section heading — no decorative marker.
   The pip experiment was confusing (looked like a notification
   badge, especially when the active-state turned it accent-blue). */
.l-admin-shell .l-admin-sidebar .sidebar-heading::before {
  display: none;
}
/* Active section heading: kept as a subtle text-color shift only,
   no glyph. The accent left-bar on the active nav-link itself is
   the unambiguous "you are here" marker. */
.l-admin-shell .l-admin-sidebar .sidebar-heading.is-active {
  color: color-mix(in srgb, var(--ntcms-color-text-inverse) 78%, var(--ntcms-color-text-subtle));
}
/* Nav link: denser (2.25rem min height was 2.75), tighter padding,
   smaller indent. Mirrors NYT/Bloomberg console rail proportions. */
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  min-block-size: 2.125rem;
  margin-inline: var(--ntcms-space-2);
  padding: 0.375rem var(--ntcms-space-2);
  border: 1px solid transparent;
  border-radius: var(--ntcms-radius-md);
  color: color-mix(in srgb, var(--ntcms-color-text-inverse) 78%, var(--ntcms-color-text-subtle));
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-medium);
  line-height: var(--ntcms-font-line-height-snug);
  text-decoration: none;
  transition:
    background-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    border-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link i {
  inline-size: 1rem;
  color: color-mix(in srgb, var(--ntcms-color-text-inverse) 56%, transparent);
  font-size: 0.9375rem;
  text-align: center;
  flex-shrink: 0;
}
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--ntcms-color-text-inverse);
}
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link:hover i {
  color: var(--ntcms-color-text-inverse);
}
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
/* Active row — solid accent left-edge bar (3px) instead of the
   earlier card-glow. Cleaner, faster to scan, matches the dashboard
   widget severity-stripe language. */
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link.active {
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 12%, rgba(255, 255, 255, 0.04));
  color: var(--ntcms-color-text-inverse);
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link.active::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block: 0.375rem;
  inline-size: 0.1875rem;
  border-radius: var(--ntcms-radius-pill);
  background: var(--ntcms-color-accent-default);
}
.l-admin-shell .l-admin-sidebar .sidebar-nav .nav-link.active i {
  color: var(--ntcms-color-accent-default);
}
/* Quick Create section — explicitly NEUTRALIZED. No floating
   white card, no gradient, no shadow. Reads as a regular nav
   group ("Create" / "नया") indistinguishable from Newsroom,
   Publish, Media, etc. Keeps the .sidebar-quick-create class
   so per-environment overrides keep working but defaults match
   the rail. */
.l-admin-shell .l-admin-sidebar .sidebar-quick-create {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
}
.l-admin-shell .l-admin-sidebar .sidebar-quick-create .sidebar-heading {
  margin: var(--ntcms-space-3) var(--ntcms-space-3) var(--ntcms-space-1);
  padding-top: var(--ntcms-space-2);
  color: color-mix(in srgb, var(--ntcms-color-text-inverse) 56%, var(--ntcms-color-text-subtle));
}
.l-admin-shell .l-admin-sidebar .sidebar-quick-create .nav-link {
  color: color-mix(in srgb, var(--ntcms-color-text-inverse) 78%, var(--ntcms-color-text-subtle));
}
.l-admin-shell .l-admin-sidebar .sidebar-quick-create .nav-link:hover {
  color: var(--ntcms-color-text-inverse);
  background: rgba(255, 255, 255, 0.06);
}
.l-admin-shell .l-admin-sidebar .sidebar-quick-create .nav-link.active {
  color: var(--ntcms-color-text-inverse);
}
/* All Tools disclosure CSS removed alongside the template removal —
   the disclosure was duplicating the main nav for admin role and the
   command palette covers tool discovery for non-admin roles. */
.l-admin-shell .l-admin-topbar__actions {
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-3);
}
.l-admin-shell .l-admin-topbar__toggle,
.l-admin-shell .l-admin-topbar__site-link,
.l-admin-shell .l-admin-topbar__icon-action {
  position: relative;
  flex-shrink: 0;
}
.l-admin-shell .l-admin-topbar__icon-action {
  min-inline-size: 2.5rem;
  padding-inline: 0.75rem;
}
.l-admin-shell .l-admin-topbar__count {
  position: absolute;
  inset-inline-end: 0.125rem;
  inset-block-start: 0.125rem;
  transform: translate(40%, -40%);
  min-inline-size: 1.25rem;
  padding-inline: 0.3125rem;
  justify-content: center;
  pointer-events: none;
}
.l-admin-shell .l-admin-topbar__user-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--ntcms-space-3);
  min-block-size: 2.75rem;
  padding: 0.375rem var(--ntcms-space-2);
  border-radius: var(--ntcms-radius-pill);
  color: var(--ntcms-color-text-default);
  text-decoration: none;
  transition:
    background-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    box-shadow var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.l-admin-shell .l-admin-topbar__user-trigger:hover {
  background: var(--ntcms-color-surface-hover);
}
.l-admin-shell .l-admin-topbar__user-trigger:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
.l-admin-shell .l-admin-topbar__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  border-radius: var(--ntcms-radius-pill);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 18%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-accent-default);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-bold);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ntcms-color-accent-default) 14%, transparent);
}
.l-admin-shell .l-admin-topbar__user-name {
  display: inline-flex;
  align-items: center;
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-admin-shell .l-admin-topbar__menu-panel {
  min-inline-size: min(24rem, calc(100vw - 2rem));
  margin-top: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-overlay);
}
.l-admin-shell .l-admin-topbar__menu-panel .dropdown-item:focus-visible,
.l-admin-shell .l-admin-topbar__menu-panel a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--ntcms-color-accent-default);
}
/* ============================================================
 * NTCMS Admin Newsroom System
 * Single source of truth for the newsroom-grade design language
 * across the admin shell. Pages MUST compose from these named
 * BEM classes — no ad-hoc tw-* utility soup repeated per page.
 *
 * Reference patterns: NYT internal newsroom, Bloomberg Terminal,
 * Times of India editorial console, BBC News content tools.
 *
 * Naming: c-newsroom-{component}__{element}--{modifier}
 *
 *   c-newsroom-page          → page shell wrapper
 *   c-newsroom-page__hero    → small-caps overline + subtitle hero
 *   c-newsroom-section       → grouped content block
 *   c-newsroom-section__head → small-caps header bar with count
 *   c-newsroom-card          → generic content card / tile
 *   c-newsroom-card--tile    → click-through selector tile
 *   c-newsroom-stripe--{tier}→ left-edge severity stripe
 *   c-newsroom-pill--{tone}  → small-caps status pill
 *   c-newsroom-chip          → metadata chip (sections, surfaces)
 *   c-newsroom-velocity--{t} → HOT / WARM / OK / COLD chip
 *   c-newsroom-mode-pill     → editor-mode pill (hybrid/structured)
 *   c-newsroom-kpi-tile      → big-number KPI card
 *   c-newsroom-wire          → dark wire-style bar (breaking news)
 *   c-newsroom-pulse-dot     → animated severity dot (live signal)
 *   c-newsroom-divider-list  → divide-y row list
 * ============================================================ */
/* ── Page shell + hero ─────────────────────────────────────── */
.c-newsroom-page {
  min-block-size: 100vh;
  padding: var(--ntcms-space-4);
  background: var(--ntcms-color-surface-canvas);
  color: var(--ntcms-color-text-default);
}
.c-newsroom-page__hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  margin-block-end: var(--ntcms-space-4);
}
.c-newsroom-page__hero-text {
  min-inline-size: 0;
}
.c-newsroom-page__overline {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ntcms-color-text-muted);
}
.c-newsroom-page__title {
  margin: 0.125rem 0 0;
  font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: var(--ntcms-font-line-height-tight);
  color: var(--ntcms-color-text-default);
}
.c-newsroom-page__subtitle {
  margin: 0.125rem 0 0;
  max-inline-size: 38rem;
  font-size: var(--ntcms-font-size-sm);
  color: var(--ntcms-color-text-muted);
  line-height: var(--ntcms-font-line-height-body);
}
.c-newsroom-page__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
/* ── Section block ─────────────────────────────────────────── */
.c-newsroom-section {
  margin-block-end: var(--ntcms-space-5);
}
.c-newsroom-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  margin-block-end: 0.625rem;
}
.c-newsroom-section__title {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ntcms-color-text-muted);
}
.c-newsroom-section__count {
  font-size: 0.6875rem;
  color: var(--ntcms-color-text-muted);
  font-variant-numeric: tabular-nums;
}
.c-newsroom-section__action {
  font-size: 0.6875rem;
  color: var(--ntcms-color-text-muted);
  text-decoration: none;
}
.c-newsroom-section__action:hover {
  color: var(--ntcms-color-text-default);
}
/* ── Card / tile ───────────────────────────────────────────── */
.c-newsroom-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
/* When a c-newsroom-card wraps a Bootstrap-style .card-body / .card-header /
   .card-footer (typical in the article editor's 40+ legacy form sections),
   suppress the outer card's padding so the inner Bootstrap padding does
   the work. Avoids the double-pad that would otherwise show after we
   convert the editor sections from .card to .c-newsroom-card. */
.c-newsroom-card:has(> .card-body),
.c-newsroom-card:has(> .card-header),
.c-newsroom-card:has(> .card-footer) {
  padding: 0;
}
/* Soft nested card — no border, muted background. For inner containers
   used in grids (h-100), AI result panels, and "card mt-3 border-0
   bg-light" style helpers in the article editor. */
.c-newsroom-card--soft {
  border: 0;
  background: var(--ntcms-color-surface-muted);
}
/* Full-height variant for grid-cell cards. */
.c-newsroom-card--fill {
  height: 100%;
}
/* Flush variant — zero padding so wrapped content (tables, full-bleed
   image media, edge-to-edge bulk toolbars) hugs the card edges. */
.c-newsroom-card--flush {
  padding: 0;
  overflow: hidden; /* keeps rounded corners crisp around tables */
}
/* Section header inside a c-newsroom-card. Replaces Bootstrap's
   .card-header.bg-{warning|info|success|light}-subtle which gave each
   form section a different accent color and made the editor look
   patchworky. NYT/Bloomberg pattern: one neutral header bar across
   every section, with the title carrying small-caps tracking. */
.c-newsroom-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-block-end: 1px solid var(--ntcms-color-border-subtle);
  background: var(--ntcms-color-surface-muted);
  border-start-start-radius: var(--ntcms-radius-md);
  border-start-end-radius: var(--ntcms-radius-md);
}
.c-newsroom-card__header-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ntcms-color-text-muted);
}
.c-newsroom-card__header-title i {
  font-size: 0.875rem;
  color: var(--ntcms-color-text-default);
}
.c-newsroom-card__header-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
/* Tab row — replaces Bootstrap nav nav-tabs which uses heavy borders
   + bottom-border tab-bar visuals. Newsroom pattern: text tabs with
   a subtle active underline + count chip per tab. Used on the
   Articles list (All / Drafts / Pending Review / Published / Rejected)
   and any future filter-by-status surfaces. */
.c-newsroom-tab-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-block-end: 0.75rem;
  padding: 0;
  list-style: none;
  border-block-end: 1px solid var(--ntcms-color-border-subtle);
}
.c-newsroom-tab-row__item {
  margin: 0;
}
.c-newsroom-tab-row__link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border: 0;
  border-block-end: 2px solid transparent;
  background: transparent;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-medium);
  text-decoration: none;
  transition:
    color 150ms ease,
    border-color 150ms ease;
}
.c-newsroom-tab-row__link:hover {
  color: var(--ntcms-color-text-default);
}
.c-newsroom-tab-row__link.is-active {
  color: var(--ntcms-color-text-default);
  border-block-end-color: var(--ntcms-color-accent-default);
  font-weight: var(--ntcms-font-weight-semibold);
}
.c-newsroom-tab-row__link.is-active::before {
  display: none;
}
.c-newsroom-tab-row__count {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.375rem;
  border-radius: 9999px;
  background: var(--ntcms-color-surface-muted);
  font-size: 0.625rem;
  font-weight: var(--ntcms-font-weight-semibold);
  color: var(--ntcms-color-text-muted);
}
.c-newsroom-tab-row__link.is-active .c-newsroom-tab-row__count {
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 18%, transparent);
  color: var(--ntcms-color-accent-default);
}
/* Global underline suppression inside newsroom cards. Browsers + Bootstrap
   default to text-decoration: underline on every <a>, which makes every
   card row look like a wall of underlined text. NYT/Bloomberg console
   pattern: zero underlines anywhere by default; rely on color + weight
   + hover background for affordance. !important is needed because some
   ancestor rule (Bootstrap's a:hover or a global :where(a) rule) wins
   the cascade otherwise. */
.c-newsroom-card a,
.c-newsroom-card a:hover,
.c-newsroom-card a:focus,
.c-newsroom-card a *,
.c-newsroom-card a:hover *,
.c-newsroom-kpi,
.c-newsroom-kpi *,
.c-newsroom-kpi:hover,
.c-newsroom-kpi:hover *,
.c-newsroom-wire a,
.c-newsroom-wire a *,
.c-newsroom-wire a:hover,
.c-newsroom-wire a:hover *,
.c-newsroom-section__action,
.c-newsroom-section__action:hover {
  text-decoration: none !important;
}
/* Subtle hover affordance for in-card links — color shift instead of
   underline. */
.c-newsroom-card a:hover {
  color: var(--ntcms-color-accent-default);
}
/* Catch-all for dashboard pulse chips + any [data-widget] section that
   hasn't been refactored to c-newsroom-card yet. Same intent: no
   underlines on dashboard surfaces. */
[data-testid^="dashboard-pulse-chip"],
[data-testid^="dashboard-pulse-chip"]:hover,
[data-testid^="dashboard-pulse-chip"] *,
[data-widget] a,
[data-widget] a:hover,
[data-widget] a *,
[data-widget] a:hover * {
  text-decoration: none !important;
}
/* Click-through tile (selector cards). Whole card is an <a>;
   underlines explicitly suppressed so descendant text doesn't
   render link-styled. */
.c-newsroom-card--tile {
  padding: var(--ntcms-space-4);
  border-radius: var(--ntcms-radius-lg);
  text-decoration: none;
  color: inherit;
  transition:
    transform 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease;
}
.c-newsroom-card--tile,
.c-newsroom-card--tile *,
.c-newsroom-card--tile:hover,
.c-newsroom-card--tile:hover * {
  text-decoration: none !important;
}
.c-newsroom-card--tile:hover {
  transform: translateY(-2px);
  border-color: var(--ntcms-color-accent-default);
  box-shadow: var(--ntcms-shadow-elevated);
}
.c-newsroom-card--tile:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
.c-newsroom-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-2);
  margin-block-end: 0.75rem;
}
.c-newsroom-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-accent-default);
  box-shadow: inset 0 0 0 1px var(--ntcms-color-border-subtle);
  font-size: 1.125rem;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.c-newsroom-card--tile:hover .c-newsroom-card__icon {
  background: var(--ntcms-color-accent-default);
  color: var(--ntcms-color-accent-contrast, #fff);
  box-shadow: inset 0 0 0 1px var(--ntcms-color-accent-default);
}
.c-newsroom-card__title {
  margin: 0 0 0.25rem;
  font-size: var(--ntcms-font-size-md);
  font-weight: var(--ntcms-font-weight-semibold);
  color: var(--ntcms-color-text-default);
}
.c-newsroom-card--tile:hover .c-newsroom-card__title {
  color: var(--ntcms-color-accent-default);
}
.c-newsroom-card__desc {
  margin: 0;
  flex: 1;
  font-size: var(--ntcms-font-size-xs);
  color: var(--ntcms-color-text-muted);
  line-height: var(--ntcms-font-line-height-body);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-newsroom-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-block-start: 0.75rem;
  padding-block-start: 0.625rem;
  border-block-start: 1px solid var(--ntcms-color-border-subtle);
}
/* ── Tile grid (responsive) ────────────────────────────────── */
.c-newsroom-tile-grid {
  display: grid;
  gap: var(--ntcms-space-3);
  grid-template-columns: 1fr;
}
@media (min-width: 640px)  { .c-newsroom-tile-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .c-newsroom-tile-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1280px) { .c-newsroom-tile-grid { grid-template-columns: repeat(4, 1fr); } }
/* ── Severity stripe (left edge, used in row lists) ────────── */
.c-newsroom-stripe {
  position: absolute;
  inset-block: 0.5rem;
  inset-inline-start: 0;
  inline-size: 0.1875rem;
  border-radius: var(--ntcms-radius-pill);
  background: var(--ntcms-color-border-default);
}
.c-newsroom-stripe--critical { background: #f43f5e; /* rose-500 */ }
.c-newsroom-stripe--warn     { background: #f59e0b; /* amber-500 */ }
.c-newsroom-stripe--ok       { background: #10b981; /* emerald-500 */ }
.c-newsroom-stripe--info     { background: #0ea5e9; /* sky-500 */ }
.c-newsroom-stripe--brand    { background: var(--ntcms-color-accent-default); }
/* ── Status pill (small-caps tracking) ─────────────────────── */
.c-newsroom-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.c-newsroom-pill--critical { background: #fee2e2; color: #9f1239; }
/* rose */
.c-newsroom-pill--warn     { background: #fef3c7; color: #92400e; }
/* amber */
.c-newsroom-pill--ok       { background: #d1fae5; color: #065f46; }
/* emerald */
.c-newsroom-pill--info     { background: #e0f2fe; color: #075985; }
/* sky */
.c-newsroom-pill--neutral  { background: var(--ntcms-color-surface-muted); color: var(--ntcms-color-text-muted); }
/* ── Velocity chip (HOT / WARM / OK / COLD) ────────────────── */
.c-newsroom-velocity {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  border-radius: 0.1875rem;
  font-size: 0.625rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.06em;
}
.c-newsroom-velocity--hot  { background: #fee2e2; color: #b91c1c; }
.c-newsroom-velocity--warm { background: #fef3c7; color: #92400e; }
.c-newsroom-velocity--ok   { background: #d1fae5; color: #047857; }
.c-newsroom-velocity--cold { background: var(--ntcms-color-surface-muted); color: var(--ntcms-color-text-muted); }
/* ── Editor-mode pill (hybrid / structured) ────────────────── */
.c-newsroom-mode-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.625rem;
  font-weight: var(--ntcms-font-weight-medium);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px;
}
.c-newsroom-mode-pill--hybrid     { box-shadow-color: #bae6fd; background: #f0f9ff; color: #075985; box-shadow: inset 0 0 0 1px #bae6fd; }
.c-newsroom-mode-pill--structured { background: var(--ntcms-color-surface-muted); color: var(--ntcms-color-text-muted); box-shadow: inset 0 0 0 1px var(--ntcms-color-border-subtle); }
/* ── Metadata chip ────────────────────────────────────────── */
.c-newsroom-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.375rem;
  border-radius: 0.1875rem;
  background: var(--ntcms-color-surface-muted);
  font-size: 0.625rem;
  font-weight: var(--ntcms-font-weight-medium);
  color: var(--ntcms-color-text-muted);
  text-decoration: none;
}
/* ── KPI tile (big-number metric card) ─────────────────────── */
.c-newsroom-kpi {
  position: relative;
  display: block;
  padding: 0.75rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: box-shadow 150ms ease;
}
.c-newsroom-kpi:hover { box-shadow: var(--ntcms-shadow-elevated); }
.c-newsroom-kpi__bar {
  position: absolute; inset-block-start: 0; inset-inline: 0;
  block-size: 0.25rem; background: var(--ntcms-color-border-default);
}
.c-newsroom-kpi__bar--ok       { background: #10b981; }
.c-newsroom-kpi__bar--warn     { background: #f59e0b; }
.c-newsroom-kpi__bar--critical { background: #f43f5e; }
.c-newsroom-kpi__bar--info     { background: #0ea5e9; }
.c-newsroom-kpi__bar--brand    { background: var(--ntcms-color-accent-default); }
.c-newsroom-kpi__label {
  display: block;
  margin-block-start: 0.25rem;
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ntcms-color-text-muted);
}
.c-newsroom-kpi__value {
  display: block;
  margin-block-start: 0.25rem;
  font-size: 1.5rem;
  font-weight: var(--ntcms-font-weight-bold);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.c-newsroom-kpi__value--ok       { color: #047857; }
.c-newsroom-kpi__value--warn     { color: #92400e; }
.c-newsroom-kpi__value--critical { color: #b91c1c; }
.c-newsroom-kpi__meta {
  display: block;
  margin-block-start: 0.25rem;
  font-size: var(--ntcms-font-size-xs);
  color: var(--ntcms-color-text-muted);
}
/* ── Wire bar (dark breaking-news strip) ───────────────────── */
.c-newsroom-wire {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-block-end: 0.75rem;
  border-radius: var(--ntcms-radius-md);
  background: #0f172a;
  color: #fff;
  overflow: hidden;
}
.c-newsroom-wire__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #e11d48;
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.c-newsroom-wire__body {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.75rem;
  min-inline-size: 0;
  padding: 0.5rem 0.75rem;
  font-size: var(--ntcms-font-size-sm);
}
.c-newsroom-wire__metric {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0.375rem 0.75rem;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.c-newsroom-wire__metric-value {
  margin-block-start: 0.125rem;
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0;
  text-transform: none;
  color: #fff;
}
/* ── Pulse dot (animated live signal) ──────────────────────── */
.c-newsroom-pulse-dot {
  display: inline-block;
  inline-size: 0.5rem;
  block-size: 0.5rem;
  border-radius: 9999px;
  background: var(--ntcms-color-text-muted);
}
.c-newsroom-pulse-dot--live { background: #f43f5e; animation: c-newsroom-pulse 1.5s ease-in-out infinite; }
.c-newsroom-pulse-dot--ok   { background: #10b981; animation: c-newsroom-pulse 1.5s ease-in-out infinite; }
.c-newsroom-pulse-dot--warn { background: #f59e0b; }
.c-newsroom-pulse-dot--idle { background: var(--ntcms-color-border-default); }
@keyframes c-newsroom-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}
/* ── Divider list (divide-y rows) ──────────────────────────── */
.c-newsroom-divider-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-newsroom-divider-list > li {
  position: relative;
  padding-block: 0.625rem;
  border-block-end: 1px solid var(--ntcms-color-border-subtle);
}
.c-newsroom-divider-list > li:last-child {
  border-block-end: 0;
}
/* ── Filter shell ──────────────────────────────────────────── */
.c-newsroom-filter {
  margin-block-end: 0.75rem;
  padding: 0.75rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
.c-newsroom-filter__label {
  display: block;
  margin-block-end: 0.25rem;
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ntcms-color-text-muted);
}
/* ── Empty state shell ─────────────────────────────────────── */
.c-newsroom-empty {
  padding: var(--ntcms-space-8);
  text-align: center;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
.c-newsroom-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-block-end: 0.5rem;
  inline-size: 3rem;
  block-size: 3rem;
  border-radius: 9999px;
  background: #d1fae5;
  color: #047857;
  font-size: 1.5rem;
}
.c-newsroom-empty__title {
  margin: 0;
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
  color: var(--ntcms-color-text-default);
}
.c-newsroom-empty__hint {
  margin: 0.25rem 0 0;
  font-size: var(--ntcms-font-size-xs);
  color: var(--ntcms-color-text-muted);
}
/*
 * NTCMS U1 admin compatibility bridge
 * U3: admin data density
 * U2-R: writer-first editor restructure
 * U4: professional writer-first editor workspace
 */
.u3-density-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
}
.u3-audit-drawer {
  max-width: min(100%, 28rem);
  overflow-wrap: anywhere;
}
.status-badge--probe {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}
[data-admin-table-density=compact] table,
table[data-admin-table-density=compact] {
  font-size: .875rem;
}
[data-admin-table-density=compact] th,
[data-admin-table-density=compact] td {
  padding-block: .45rem;
}
.l-editor-screen .l-editor-workspace.article-compose-layout {
  display: grid;
  grid-template-areas:"main inspector";
  /* U2-R writer-first contract: inspector pane is capped at 300px so the
     writing canvas stays dominant on tighter desktops. Scanner asserts
     this exact shape (cli/scan_admin_ui_hygiene.php → editorWriterFirstLayout). */
  grid-template-columns:minmax(0,1fr) 300px;
  gap: 1.25rem;
  align-items: start;
  overflow-x:hidden;
}
.l-editor-screen .article-compose-main {
  grid-area: main;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.l-editor-screen .article-compose-inspector {
  grid-area: inspector;
  min-width: 0;
  max-width:300px;
}
.l-editor-screen .article-compose-outline {
  display:none!important;
}
.l-editor-screen .article-compose-main>[data-editor-slot=body-structured] {
  order:3!important;
}
.l-editor-screen .article-compose-main>.row[data-editor-slot-group=story-headline-row] {
  order:1!important;
}
.l-editor-screen .article-compose-main>[data-editor-slot=deck] {
  order:2!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar {
  display: grid;
  grid-template-areas:"chips actions";
  grid-template-columns:minmax(0,1fr) auto;
  align-items: center;
  gap: 1rem;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__identity {
  min-width: 0;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-topbar {
  display:none!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-layout {
  grid-template-columns:minmax(0,1fr) 300px;
  min-width:0;
  overflow-x:hidden;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-main>* {
  order:50!important;
  min-width: 0;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-main>[data-editor-slot=body-structured] {
  order:3!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-main>.row[data-editor-slot-group=story-headline-row] {
  order:1!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-main>[data-editor-slot=deck] {
  order:2!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-document {
  min-height:56vh!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector__section {
  overflow:visible!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector .row>* {
  max-width:100%!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector .form-control {
  overflow-wrap:anywhere!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector select[multiple].form-select {
  max-height:180px!important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .guest-avatar-picker__filename {
  overflow: hidden;
  text-overflow:ellipsis!important;
  white-space: nowrap;
}
.c-cockpit-shell {
  display: block;
}
.c-cockpit-toolbar {
  min-width: 0;
}
.c-cockpit-timeline {
  min-width: 0;
}
.c-cockpit-inspector {
  min-width: 0;
}
/* U19: editor final writer-first polish */
.c-cockpit-shell[data-u19-editor-polish=writer-first] {
  overflow-x:hidden;
}
.c-cockpit-shell[data-u19-editor-polish=writer-first] .c-cockpit-shell__grid {
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(18rem,var(--ntcms-editor-right-rail-width,25rem));
  gap:1rem;
  align-items:start;
  min-width:0;
}
.c-cockpit-shell[data-u19-editor-polish=writer-first] .article-compose-layout {
  grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);
  min-width:0;
}
.c-cockpit-shell[data-u19-editor-polish=writer-first] .c-cockpit-shell__right,
.c-cockpit-shell[data-u19-editor-polish=writer-first] .article-compose-inspector {
  max-width:25rem;
  overflow-x:hidden;
}
.c-cockpit-shell[data-u19-editor-polish=writer-first] .c-cockpit-shell__right {
  position:sticky;
  top:1rem;
}
.c-cockpit-shell[data-u19-editor-polish=writer-first] .article-compose-main>[data-editor-slot=body-structured] {
  order:3;
}
.c-cockpit-shell[data-u19-editor-polish=writer-first] :is(
  .c-cockpit-shell__canvas,
  .c-cockpit-shell__right,
  .c-cockpit-shell__workflow,
  .article-compose-main,
  .article-compose-inspector,
  .article-compose-inspector__section
) {
  min-width:0;
  max-width:100%;
}
/* U12: mobile reporter/editor workflow */
.c-editor-mobile-actionbar {
  display:none;
}
@media (max-width:991.98px) {
  .l-editor-screen[data-u12-mobile-editor] {
    padding-bottom:6.75rem;
  }

  .l-editor-screen[data-u12-mobile-editor] .l-editor-workspace.article-compose-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"main" "inspector";
    gap:1rem;
  }

  .l-editor-screen[data-u12-mobile-editor] .article-compose-main {
    grid-area:main;
  }

  .l-editor-screen[data-u12-mobile-editor] .article-compose-inspector {
    grid-area:inspector;
    max-width:100%;
  }

  .c-cockpit-shell[data-u19-editor-polish=writer-first] .c-cockpit-shell__grid,
  .c-cockpit-shell[data-u19-editor-polish=writer-first] .article-compose-layout {
    grid-template-columns:minmax(0,1fr);
  }

  .c-cockpit-shell[data-u19-editor-polish=writer-first] .c-cockpit-shell__right {
    position:static;
  }

  .article-compose-inspector-tabs,
  .c-cockpit-inspector__tabs {
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:thin;
  }

  .article-compose-inspector-tab,
  .c-cockpit-inspector__tab {
    flex:0 0 auto;
    white-space:nowrap;
  }

  .c-editor-mobile-actionbar {
    position:fixed;
    z-index:1050;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:.5rem;
    padding:.625rem .875rem;
    min-height:44px;
    border-top:1px solid var(--ntcms-color-border-default);
    background:var(--ntcms-color-surface-default);
    box-shadow:0 -.5rem 1.5rem rgb(15 23 42 / 14%);
  }

  .c-editor-mobile-actionbar__status,
  .c-editor-mobile-actionbar__steps,
  .c-editor-mobile-actionbar__actions {
    display:flex;
    align-items:center;
    gap:.5rem;
    min-width:0;
    overflow-x:auto;
  }

  .c-editor-mobile-actionbar a,
  .c-editor-mobile-actionbar button {
    min-height:44px;
  }
}
@media (max-width:767.98px) {
  .l-editor-screen[data-u12-mobile-editor] :is(
    .row,
    .article-media-hero,
    #featured-image-metadata,
    .article-attribution-preview-grid,
    .article-taxonomy-preview-grid,
    .article-media-preview-grid,
    .article-seo-preview-grid,
    .article-trust-preview-grid,
    .article-workflow-assignment-preview-grid,
    .article-publishing-preview-grid,
    .article-corrections-preview-grid,
    .article-story-core__preview-grid,
    .article-distribution-preview-grid,
    .article-monetization-preview-grid,
    .article-engagement-preview-grid,
    .article-analytics-preview-grid,
    .article-ai-audit-summary-grid,
    .article-audit-summary-grid
  ) {
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }

  .l-editor-screen[data-u12-mobile-editor] .row > * {
    width:100%;
    max-width:100%;
    flex:0 0 100%;
  }
}
/* U15: performance evidence console layer */
.c-performance-evidence-strip {
  display:grid;
  gap:1rem;
  padding:1rem;
  border:1px solid var(--ntcms-color-border-default);
  border-radius:var(--ntcms-radius-lg);
  background:var(--ntcms-color-surface-default);
}
.c-performance-evidence-strip__header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
}
.c-performance-evidence-strip__eyebrow {
  margin:0 0 .25rem;
  color:var(--ntcms-color-text-muted);
  font-size:var(--ntcms-font-size-xs);
  font-weight:var(--ntcms-font-weight-semibold);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.c-performance-evidence-strip__title,
.c-performance-evidence-strip__subtitle {
  margin:0;
}
.c-performance-evidence-strip__tiles {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));
  gap:.75rem;
}
.c-performance-evidence-strip__tile {
  min-width:0;
  padding:.875rem;
  border:1px solid var(--ntcms-color-border-subtle);
  border-radius:var(--ntcms-radius-md);
  background:var(--ntcms-color-surface-muted);
}
.c-performance-evidence-strip__links {
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
}
@media (max-width:768px) {
  .c-performance-evidence-strip__header,
  .c-performance-evidence-strip__links {
    align-items:stretch;
    flex-direction:column;
  }
}
/* U14: unified analytics command surfaces */
.c-analytics-command-shell {
  display: grid;
  gap: 1rem;
}
.c-analytics-command-shell__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: .75rem;
}
.c-analytics-command-shell__links {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}
@media (max-width:768px) {
  .c-analytics-command-shell__links {
    align-items: stretch;
    flex-direction: column;
  }
}
@media (max-width: 991.98px) {
  .l-editor-screen .l-editor-workspace.article-compose-layout,
  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-layout {
    display: block;
  }
}
/* ============================================================
 * NTCMS Article Reader Polish
 * World-class newsroom reader styling — NYT / BBC / Reuters /
 * Bloomberg patterns. Targets the public-facing article view
 * (.article-content + supporting .article-* classes from
 * app/Views/article/renderers/shared/*).
 *
 * Scope is purely VISUAL — does not change any HTML structure
 * or JS hook on the article view, so editor data flow + share
 * menu + save / follow buttons keep working.
 *
 * Reference patterns:
 *   - NYT: serif body 18-19px, 65ch reading width, generous
 *     leading, kicker > headline > deck > byline rhythm,
 *     sticky share rail on desktop only.
 *   - BBC: dense byline-row with avatar + name + dateline on a
 *     single horizontal line, "Updated" badge inline.
 *   - Reuters: subtle CTA strips with low-contrast borders,
 *     not loud "Add us on Google" promo blocks.
 * ============================================================ */
/* ── Reading progress bar (slim, sticky top) ───────────────── */
.article-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: var(--ntcms-color-accent-default);
  z-index: 1100;
  transition: width 80ms linear;
  pointer-events: none;
}
/* ── Article container width (newsroom-grade reading rhythm) ── */
.article-reading-body {
  width: min(100%, 650px);
  max-width: 650px;
  margin-inline: auto;
}
.article-content {
  max-width: 38rem; /* ~720px — accommodates Devanagari + Latin comfortably */
  margin-inline: auto;
  padding-inline: 1rem;
}
/* U23: reader article experience closure */
.reader-article-experience-strip {
  max-width: 760px;
  margin: 0 auto 1rem;
  padding: 0.75rem 0;
  border-block: 1px solid var(--ntcms-color-border-subtle);
}
.reader-article-experience-strip__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
[data-u23-reader-body] {
  max-width:760px;
  margin-inline: auto;
}
/* U24: reader front page excellence */
.reader-front-page-excellence {
  margin-block: 1rem 1.5rem;
}
.reader-front-page-excellence__rhythm {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
[data-u24-story-card] {
  min-width: 0;
}
/* The article hero (image, video) can break out wider than the
   text column for impact, matching NYT / Atlantic patterns. */
.article-hero,
.article-hero-media,
.article-hero-figure {
  max-width: min(60rem, 100%);
  margin-inline: auto;
}
/* Hero image: rounded corners, subtle shadow, comfortable bottom
   spacing before headline area. */
.article-hero img,
.article-hero-figure img {
  border-radius: var(--ntcms-radius-md);
  box-shadow: 0 1px 0 rgba(0,0,0,0.04), 0 8px 24px rgba(15, 23, 42, 0.08);
}
/* ── Kicker row (category · read time · premium) ───────────── */
.article-kicker-row {
  font-size: 0.6875rem;
  letter-spacing: 0.14em;
  color: var(--ntcms-color-text-muted);
  margin-block-end: 0.875rem;
  gap: 0.5rem;
}
.article-kicker-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.article-kicker-separator {
  color: color-mix(in srgb, var(--ntcms-color-text-muted) 50%, transparent);
}
.article-kicker-item-premium {
  color: var(--ntcms-color-accent-default);
  font-weight: var(--ntcms-font-weight-bold);
}
/* ── Headline stack — generous breathing room ──────────────── */
.article-title-stack {
  max-width: 100%;
  margin-inline: auto;
  margin-block: 0.5rem 1.25rem;
}
.blog-post-title {
  font-family: var(--ntcms-font-family-serif);
  font-size: clamp(1.75rem, 1.5rem + 1.6vw, 2.75rem);
  line-height: 1.18;
  letter-spacing: var(--reader-headline-letter-spacing, -0.018em);
  font-weight: var(--reader-headline-weight, var(--ntcms-font-weight-bold));
  margin: 0 0 0.625rem;
  text-wrap: normal;
}
.article-reading-document[data-reader-text-size="sm"] .article-content {
  font-size: 0.95rem;
}
.article-reading-document[data-reader-text-size="md"] .article-content {
  font-size: 1rem;
}
.article-reading-document[data-reader-text-size="lg"] .article-content {
  font-size: 1.125rem;
}
.article-reading-document[data-reader-text-size="xl"] .article-content {
  font-size: 1.25rem;
}
.article-subheading {
  font-family: var(--ntcms-font-family-serif);
  font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem);
  line-height: 1.45;
  font-weight: var(--ntcms-font-weight-medium);
  color: var(--ntcms-color-text-muted);
  margin: 0;
  text-wrap: pretty;
}
.article-status-flag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  margin-block-end: 0.625rem;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.article-status-flag-breaking {
  background: #e11d48;
  color: #fff;
  animation: article-breaking-pulse 1.4s ease-in-out infinite;
}
.article-status-flag-live {
  background: #f59e0b;
  color: #fff;
}
@keyframes article-breaking-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.7; }
}
/* ── Byline row — compact horizontal NYT/BBC pattern ────────── */
.article-byline-card {
  max-width: 42rem;
  margin-inline: auto;
  margin-block: 1.25rem 1.25rem;
  padding-block: 0.875rem;
  border-block: 1px solid var(--ntcms-color-border-subtle);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.article-byline-primary {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1 auto;
  min-width: 0;
}
.article-byline-avatar {
  flex-shrink: 0;
}
.article-byline-avatar-image,
.article-byline-avatar-placeholder {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 9999px;
}
.article-byline-avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-muted);
}
.article-byline-text {
  min-width: 0;
  flex: 1 1 auto;
}
.article-byline-name-line {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.article-byline-prefix {
  font-size: 0.875rem;
  color: var(--ntcms-color-text-muted);
}
.article-byline-name-row {
  display: inline-flex;
  align-items: baseline;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.article-byline-name-link {
  font-size: 0.9375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  color: var(--ntcms-color-text-default);
  text-decoration: none;
}
.article-byline-name-link:hover {
  color: var(--ntcms-color-accent-default);
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.06em;
}
.article-byline-name-separator {
  color: var(--ntcms-color-text-muted);
}
.article-byline-verified {
  display: inline-flex;
  align-items: center;
}
.article-byline-social {
  color: var(--ntcms-color-text-muted);
  text-decoration: none;
  font-size: 0.9375rem;
  margin-inline-start: 0.25rem;
}
.article-byline-social:hover {
  color: var(--ntcms-color-text-default);
}
.article-byline-dates {
  margin-block-start: 0.125rem;
  font-size: 0.75rem;
  color: var(--ntcms-color-text-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.article-byline-date-item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
}
.article-byline-date-label {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.6875rem;
}
.article-byline-date-value {
  font-variant-numeric: tabular-nums;
}
/* ── Meta actions cluster (save / follow / TTS / share) ────── */
.article-meta-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.article-meta-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: 9999px;
  border: 0;
  background: transparent;
  color: var(--ntcms-color-text-muted);
  font-size: 1rem;
  transition: background-color 150ms ease, color 150ms ease;
}
.article-meta-action:hover {
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
}
.article-meta-action:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
/* ── Featured CTA banner — borderless, accent-text link only ──
   The previous treatment used a solid pill button on a light bg
   which still read as a loud promo. NYT pattern for these "save
   us in your search results" prompts is a single sentence with a
   text-link CTA at the end — same line, accent color. */
.article-featured-cta-box {
  max-width: 42rem;
  margin-inline: auto;
  margin-block: 1.25rem 1.5rem;
  padding: 0.625rem 0;
  border: 0;
  border-block: 1px solid var(--ntcms-color-border-subtle);
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
.article-featured-cta-text {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ntcms-color-text-muted);
  flex: 1 1 auto;
  min-width: 14rem;
}
.article-featured-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ntcms-color-accent-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
  text-decoration: none;
  white-space: nowrap;
}
.article-featured-cta-button:hover {
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.06em;
  background: transparent;
}
.article-featured-cta-arrow {
  font-size: 0.875rem;
  transition: transform 150ms ease;
}
.article-featured-cta-button:hover .article-featured-cta-arrow {
  transform: translate(0.125rem, -0.125rem);
}
/* ── Trust & transparency block — newsroom-grade card ─────── */
.article-trust-section,
[data-trust-transparency] {
  max-width: 42rem;
  margin-inline: auto;
  margin-block: 2rem 1.25rem;
  padding: 1rem 1.125rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
  display: grid;
  gap: 1rem;
}
@media (min-width: 720px) {
  .article-trust-section,
  [data-trust-transparency] {
    grid-template-columns: 1fr 1fr;
  }
}
/* ── About author footer card ──────────────────────────────────
   NYT/BBC/CNN pattern: minimal "Author" footer block. No role
   overline (was a hardcoded "Reporter" — wrong for editors /
   admins / columnists / guest contributors). Just avatar + name
   with verified mark + beat + bio + tasteful "View profile"
   link aligned right. Slightly tighter padding than a generic
   card to read as "footer signature", not a "promotional block". */
.article-author-card,
.article-about-author {
  max-width: 42rem;
  margin-inline: auto;
  margin-block: 2.25rem 1rem;
  padding: 1rem 1.125rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
  display: block;
}
/* Belt-and-suspenders: legacy themes that still emit the
   .directory-kicker label. Hide cleanly so old + new markup
   converge on the same look. */
.article-author-card .directory-kicker {
  display: none;
}
/* Inner layout: avatar left, body right. */
.article-author-card__layout {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.article-author-card__media {
  flex-shrink: 0;
}
.article-author-card__media .avatar-lg,
.article-author-card__media .avatar-lg-placeholder,
.article-author-card .article-byline-avatar-image {
  width: 2.75rem !important;
  height: 2.75rem !important;
}
.article-author-card__media .avatar-lg-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-muted);
}
.article-author-card__media .avatar-lg-placeholder i {
  font-size: 1.25rem !important;
}
.article-author-card__body {
  flex: 1 1 auto;
  min-width: 0;
}
.article-author-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.article-author-card__identity {
  min-width: 0;
}
.article-author-card__title {
  font-size: 1.125rem;
  font-weight: var(--ntcms-font-weight-bold);
  font-family: var(--ntcms-font-family-serif);
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
  color: var(--ntcms-color-text-default);
}
.article-author-card__title a {
  text-decoration: none;
  color: inherit;
}
.article-author-card__title a:hover {
  color: var(--ntcms-color-accent-default);
}
/* Credentials row — Role · Beat. Sits directly under the name,
   matching NYT/BBC/CNN/TOI byline footer pattern:
       Sarah Smith
       North America Editor · Politics
   Role is the publication-grade title (Editor / Reporter / Columnist
   / Contributor / Guest Contributor); beat is the coverage area. */
.article-author-card__credentials {
  margin: 0.1875rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--ntcms-color-text-muted);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.375rem;
}
.article-author-card__role {
  font-weight: var(--ntcms-font-weight-semibold);
  color: color-mix(in srgb, var(--ntcms-color-text-default) 70%, var(--ntcms-color-text-muted));
}
.article-author-card__beat {
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-medium);
  color: var(--ntcms-color-text-muted);
  /* Override earlier all-caps treatment — beats render as
     inline title-case in this context, matching NYT pattern. */
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
}
.article-author-card__credentials-divider {
  color: color-mix(in srgb, var(--ntcms-color-text-muted) 60%, transparent);
}
.article-author-card__cta {
  flex-shrink: 0;
}
.article-author-card__cta a {
  font-size: 0.8125rem;
  color: var(--ntcms-color-accent-default);
  text-decoration: none;
  font-weight: var(--ntcms-font-weight-semibold);
  white-space: nowrap;
}
.article-author-card__cta a:hover {
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.06em;
}
.article-author-card__bio {
  margin: 0.5rem 0 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: color-mix(in srgb, var(--ntcms-color-text-default) 85%, var(--ntcms-color-text-muted));
}
.article-author-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-block-start: 0.625rem;
}
.article-author-card__social {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.5rem;
  border-radius: 9999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-muted);
  font-size: 0.6875rem;
  text-decoration: none;
}
.article-author-card__social:hover {
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 14%, var(--ntcms-color-surface-muted));
  color: var(--ntcms-color-text-default);
}
.article-author-card__verified {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  flex-shrink: 0;
}
.article-author-card__verified svg {
  width: 0.875rem;
  height: 0.875rem;
}
/* ── Tag chip cluster ──────────────────────────────────────── */
.article-tags,
.article-tag-list {
  max-width: 42rem;
  margin-inline: auto;
  margin-block: 1.5rem 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.article-tags a,
.article-tag-list a,
.article-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  background: var(--ntcms-color-surface-muted);
  font-size: 0.75rem;
  color: var(--ntcms-color-text-muted);
  text-decoration: none;
}
.article-tags a:hover,
.article-tag-list a:hover {
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 14%, var(--ntcms-color-surface-muted));
  color: var(--ntcms-color-text-default);
}
/* ── Recommended reads section ─────────────────────────────── */
.article-related,
.article-recommendations,
.article-from-your-library {
  max-width: 60rem;
  margin-inline: auto;
  margin-block: 2.5rem;
}
.article-related h2,
.article-recommendations h2,
.article-from-your-library h2,
.article-related-title {
  font-size: 0.6875rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ntcms-color-text-muted);
  margin-block-end: 0.75rem;
}
/* ── Comments section spacing ──────────────────────────────── */
.article-comments-section,
#comments-section {
  max-width: 42rem;
  margin-inline: auto;
  margin-block: 2rem;
}
/* ── Devanagari / Bengali / Tamil reader sizing ─────────────
   Indic scripts need slightly more leading and a touch more
   size for the same perceptual readability as Latin. */
.article-content[lang="hi"],
.article-content[lang="hi-IN"],
.article-content[lang="mr"],
.article-content[lang="bn"],
.article-content[lang="ta"],
.article-content[lang="te"],
.article-content[lang="ml"],
.article-content[lang="kn"],
.article-content[lang="gu"] {
  font-size: clamp(1.06rem, 1rem + 0.3vw, 1.18rem);
  line-height: 1.85;
}
/* ── Sticky share rail (desktop only) ──────────────────────── */
@media (min-width: 1024px) {
  .article-share-rail {
    position: sticky;
    top: 5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}
/* ── First-paragraph drop-in for that "we're a real newspaper"
       feel. Subtle — only kicks in for long-form articles. */
.article-content > p:first-of-type::first-letter {
  /* Drop cap is opt-in via .article-content--dropcap, leave default off */
  font-size: inherit;
}
.article-content--dropcap > p:first-of-type::first-letter {
  font-family: "Noto Sans Devanagari", var(--ntcms-font-family-sans);
  float: left;
  font-size: 3.4em;
  line-height: 0.9;
  margin: 0.06em 0.18em 0 0;
  font-weight: var(--ntcms-font-weight-bold);
  color: var(--ntcms-color-text-default);
}
/* U6: reader trust notice + Indic reading polish */
.article-page-shell .reader-trust-notice {
  margin-block: 1rem;
  padding: 1rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
}
.article-page-shell .reader-trust-notice--correction {
  border-left: 4px solid #2563eb;
}
.article-page-shell .reader-trust-notice--retraction {
  border-left: 4px solid #dc2626;
}
.article-page-shell .article-primary-shell:lang(hi-IN),
.article-page-shell .article-primary-shell:lang(mr-IN) {
  font-family: var(--font-devanagari);
  line-height: 1.72;
}
.article-page-shell .article-reading-body[lang="hi-IN"] .article-content {
  font-family: var(--font-devanagari);
  letter-spacing: 0;
  line-height: 1.92;
}
/* U18: reader publisher polish */
body.u18-reader-polish {
  background: var(--ntcms-color-surface-subtle, #f8fafc);
}
body.u18-reader-polish .reader-surface-article,
body.u18-reader-polish.reader-surface-article .article-page-shell {
  max-width: 1180px;
  margin-inline: auto;
}
body.u18-reader-polish.reader-script-indic,
body.u18-reader-polish .reader-script-indic {
  font-family: var(--font-devanagari);
}
body.u18-reader-polish.reader-script-indic .article-content,
body.u18-reader-polish .reader-script-indic .article-content {
  line-height: 1.72;
}
body.u18-reader-polish .live-desk-shell,
body.u18-reader-polish .epaper-archive-shell {
  max-width: 1180px;
  margin-inline: auto;
}
/* U7: live reader experience hardening */
.article-page-shell .live-reader-experience {
  --ntcms-u7-contract: "U7: live reader experience hardening";
  display: grid;
  gap: 1rem;
  max-width: 42rem;
  margin: 1.5rem auto;
}
.article-page-shell .live-reader-briefing {
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
  padding: 1rem;
}
.article-page-shell .live-reader-refresh-note {
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
}
/* U8: media reader experience hardening */
.article-page-shell .media-reader-access-strip {
  --ntcms-u8-contract: "U8: media reader experience hardening";
  align-items: center;
  background: var(--ntcms-color-surface-muted);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  color: var(--ntcms-color-text-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  margin-block: 0.75rem;
  padding: 0.625rem 0.75rem;
}
.article-page-shell .media-reader-access-strip a {
  color: var(--ntcms-color-text-default);
  font-weight: var(--ntcms-font-weight-semibold);
  text-decoration: none;
}
.article-page-shell .media-reader-access-strip a:hover {
  color: var(--ntcms-color-accent-default);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
.article-page-shell .photo-story-gallery-noscript {
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  color: var(--ntcms-color-text-muted);
  margin-block: 1rem;
  padding: 0.875rem 1rem;
}
/* U13: live event reader templates */
.article-page-shell .live-event-template {
  --ntcms-u13-contract: "U13: live event reader templates";
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  display: grid;
  gap: 0.75rem;
  margin-block: 1rem;
  padding: 1rem;
}
.article-page-shell .live-event-template--cricket {
  background: color-mix(in srgb, #16a34a 7%, var(--ntcms-color-surface-default));
}
.article-page-shell .live-event-template--election {
  background: color-mix(in srgb, #2563eb 7%, var(--ntcms-color-surface-default));
}
.article-page-shell .live-event-template--breaking {
  background: color-mix(in srgb, #dc2626 7%, var(--ntcms-color-surface-default));
}
.live-desk-template-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* U11: publisher-class reader frontend polish */
.homepage-main[data-u11-publisher-home] {
  min-width: 0;
}
.publisher-section-page[data-u11-publisher-section] {
  max-width: 1180px;
}
.publisher-section-page[data-u11-publisher-section="category"] {
  width: min(100% - 2rem, 1040px);
  max-width: 1040px;
  margin-inline: auto;
}
.publisher-section-page[data-u11-publisher-section="category"] .discovery-reader-bar,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-main,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-actions,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-list {
  width: min(100%, 820px);
  max-width: 820px;
  margin-inline: auto;
}
.publisher-section-layout {
  display: block;
  min-width: 0;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero {
  display: grid;
  gap: 1.2rem;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__actions,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__actions {
  margin-top: 0.15rem;
  overflow-x: auto;
  padding-bottom: 0.1rem;
  scrollbar-width: none;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__actions::-webkit-scrollbar {
  display: none;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-actions {
  margin-top: 1rem;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__count {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.9rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.2;
  white-space: nowrap;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__actions .btn,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  border-radius: 999px;
  padding: 0.34rem 0.72rem;
  font-size: 0.86rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: none;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__actions .btn-dark {
  background: var(--ntcms-color-text-default);
  border-color: var(--ntcms-color-text-default);
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__actions .btn-outline-dark,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-section-hero__actions .btn-outline-secondary {
  background: var(--ntcms-color-surface-default);
  border-color: var(--ntcms-color-border-strong);
  color: var(--ntcms-color-text-default);
}
.publisher-story-list {
  display: grid;
  gap: 1rem;
}
.publisher-story-card {
  display: grid;
  grid-template-columns: minmax(9rem,15rem) minmax(0,1fr);
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
.publisher-story-card--lead {
  grid-template-columns: minmax(12rem,20rem) minmax(0,1fr);
}
.publisher-story-card__media,
.publisher-story-card__image {
  display: block;
  width: 100%;
  min-width: 0;
}
.publisher-story-card__image {
  aspect-ratio: 16/10;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--ntcms-radius-sm);
}
.publisher-story-card__body {
  min-width: 0;
}
.publisher-story-card__meta,
.publisher-story-card__footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.publisher-story-card__section {
  color: var(--ntcms-color-accent-default);
  font-weight: var(--ntcms-font-weight-bold);
}
.publisher-story-card__title {
  margin: 0.35rem 0;
  font-size: clamp(1.2rem,1.05rem + .45vw,1.65rem);
  line-height: 1.15;
}
.publisher-story-card__title a {
  color: inherit;
  text-decoration: none;
}
.publisher-story-card__excerpt {
  margin: 0 0 0.75rem;
  color: var(--ntcms-color-text-muted);
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-list {
  gap: 0.75rem;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card {
  grid-template-columns: 220px minmax(0,1fr);
  gap: 0.875rem;
  min-height: 152px;
  padding: 0.75rem;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card--lead {
  grid-template-columns: 240px minmax(0,1fr);
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__media {
  align-self: stretch;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__image {
  height: 100%;
  max-height: 190px;
  aspect-ratio: 4/3;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__title {
  margin-block: 0.25rem;
  font-size: clamp(1rem,0.96rem + .22vw,1.24rem);
  line-height: 1.28;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__excerpt {
  display: -webkit-box;
  margin-bottom: 0.5rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 0.92rem;
  line-height: 1.5;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__meta,
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__footer {
  font-size: 0.78rem;
}
.publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__footer {
  margin-top: auto;
}
.public-listing-story-list {
  gap: 0.85rem;
}
.public-listing-story-list .publisher-story-card {
  border-radius: 12px;
  box-shadow: none;
}
.public-listing-story-list .publisher-story-card__meta,
.public-listing-story-list .publisher-story-card__footer {
  color: var(--ntcms-color-text-muted);
  font-size: 0.8rem;
}
.public-listing-story-list .publisher-story-card__section {
  color: var(--ntcms-color-accent-default);
}
.public-listing-story-list .publisher-story-card__title {
  letter-spacing: 0;
}
.public-listing-story-list .publisher-story-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.public-listing-story-list--photo,
.public-listing-story-list--featured {
  width: min(100%, 920px);
}
.public-pagination .pagination,
.search-pagination-nav .pagination,
.author-profile-pagination .pagination {
  width: min(100%, 820px);
  max-width: 820px;
  margin-inline: auto;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.public-pagination .pagination .page-link,
.search-pagination-nav .pagination .page-link,
.author-profile-pagination .pagination .page-link,
.archive-shell .pagination .page-link,
.directory-shell .pagination .page-link,
.photo-story-directory .pagination .page-link {
  min-width: 2.35rem;
  min-height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ntcms-color-border-subtle) !important;
  border-radius: 999px !important;
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  font-weight: var(--ntcms-font-weight-semibold);
  box-shadow: none !important;
}
.public-pagination .pagination .page-link:hover,
.public-pagination .pagination .page-link:focus-visible,
.search-pagination-nav .pagination .page-link:hover,
.search-pagination-nav .pagination .page-link:focus-visible,
.author-profile-pagination .pagination .page-link:hover,
.author-profile-pagination .pagination .page-link:focus-visible,
.archive-shell .pagination .page-link:hover,
.archive-shell .pagination .page-link:focus-visible,
.directory-shell .pagination .page-link:hover,
.directory-shell .pagination .page-link:focus-visible,
.photo-story-directory .pagination .page-link:hover,
.photo-story-directory .pagination .page-link:focus-visible {
  border-color: var(--ntcms-color-accent-default) !important;
  background: rgba(220, 38, 38, 0.06);
  color: var(--ntcms-color-accent-default);
}
.public-pagination .pagination .page-item.active .page-link,
.search-pagination-nav .pagination .page-item.active .page-link,
.author-profile-pagination .pagination .page-item.active .page-link,
.archive-shell .pagination .page-item.active .page-link,
.directory-shell .pagination .page-item.active .page-link,
.photo-story-directory .pagination .page-item.active .page-link {
  border-color: var(--ntcms-color-accent-default) !important;
  background: var(--ntcms-color-accent-default);
  color: var(--ntcms-color-accent-contrast);
}
.public-pagination .pagination .page-item.disabled .page-link,
.search-pagination-nav .pagination .page-item.disabled .page-link,
.author-profile-pagination .pagination .page-item.disabled .page-link {
  color: var(--ntcms-color-text-subtle);
  background: var(--ntcms-color-surface-subtle);
}
.publisher-section-page[data-u11-publisher-section="category"] .pagination {
  width: min(100%, 820px);
  max-width: 820px;
  margin-inline: auto;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.publisher-section-page[data-u11-publisher-section="category"] .pagination .page-link {
  border-color: var(--ntcms-color-border-subtle);
  color: var(--ntcms-color-text-default);
  font-weight: var(--ntcms-font-weight-semibold);
  box-shadow: none;
}
.publisher-section-page[data-u11-publisher-section="category"] .pagination .page-link:hover,
.publisher-section-page[data-u11-publisher-section="category"] .pagination .page-link:focus-visible {
  border-color: var(--ntcms-color-border-strong);
  background: var(--ntcms-color-surface-hover);
  color: var(--ntcms-color-text-default);
}
.publisher-section-page[data-u11-publisher-section="category"] .pagination .page-item.active .page-link {
  border-color: var(--ntcms-color-text-default);
  background: var(--ntcms-color-text-default);
  color: var(--ntcms-color-text-inverse);
}
.article-page-shell .publisher-reader-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-block: 1rem;
  padding: 1rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
.article-page-shell .publisher-reader-tools__main,
.article-page-shell .publisher-reader-tools__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
/* U10: revenue reader experience hardening */
.revenue-reader-assurance {
  display: grid;
  gap: 1rem;
  margin-block: 1rem;
  padding: 1.125rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
.revenue-reader-assurance__benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.revenue-reader-assurance__benefits li {
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-muted);
}
.revenue-reader-assurance__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.625rem 1rem;
  border-radius: 999px;
  background: var(--ntcms-color-accent-default);
  color: #fff;
  font-weight: var(--ntcms-font-weight-bold);
  text-decoration: none;
}
.revenue-reader-assurance__links {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media (max-width:768px) {
  .publisher-story-card,
  .publisher-story-card--lead {
    grid-template-columns: 1fr;
  }

  .publisher-section-page[data-u11-publisher-section="category"] {
    width: min(100% - 1rem, 1040px);
  }

  .publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card,
  .publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card--lead {
    grid-template-columns: minmax(6.75rem,32vw) minmax(0,1fr);
    gap: 0.625rem;
    min-height: 132px;
  }

  .publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__image {
    max-height: 150px;
    aspect-ratio: 3/4;
  }

  .publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__title {
    font-size: clamp(0.95rem,0.88rem + .45vw,1.08rem);
  }

  .publisher-section-page[data-u11-publisher-section="category"] .publisher-story-card__excerpt {
    -webkit-line-clamp: 2;
  }

  .article-page-shell .publisher-reader-tools,
  .revenue-reader-assurance__links {
    align-items: stretch;
    flex-direction: column;
  }
}
.photo-story-page {
  background: #fff;
  color: #111827;
}
.photo-story-page__inner {
  width: min(100% - 2rem, 980px);
  margin-inline: auto;
  padding: clamp(1.8rem, 3vw, 2.6rem) 0 clamp(2.6rem, 4vw, 3.5rem);
}
.photo-story-page__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  margin-bottom: clamp(1.1rem, 2vw, 1.7rem);
  color: #64748b;
  font-family: var(--ntcms-font-family-sans);
  font-size: 0.82rem;
  font-weight: 700;
}
.photo-story-page__breadcrumbs a {
  color: #2563eb;
  text-decoration: none;
}
.photo-story-page__breadcrumbs a:hover {
  color: #b91c1c;
}
.photo-story-document {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.4rem);
}
.photo-story-hero {
  display: grid;
  gap: 0.75rem;
  max-width: 720px;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}
.photo-story-hero__label {
  width: -moz-fit-content;
  width: fit-content;
  color: #b91c1c;
  font-family: var(--ntcms-font-family-sans);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.photo-story-hero h1 {
  margin: 0;
  max-width: 21ch;
  color: #111827;
  font-family: var(--ntcms-font-family-sans);
  font-size: clamp(2rem, 3.2vw, 3rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0;
}
.photo-story-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  align-items: center;
  color: #64748b;
  font-family: var(--ntcms-font-family-sans);
  font-size: 0.86rem;
  font-weight: 700;
}
.photo-story-hero__meta span + span::before {
  content: "";
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.75rem;
  border-radius: 999px;
  background: #cbd5e1;
  vertical-align: middle;
}
.photo-story-hero p {
  margin: 0;
  max-width: 680px;
  color: #475569;
  font-family: var(--ntcms-font-family-sans);
  font-size: clamp(1rem, 1.1vw, 1.12rem);
  line-height: 1.62;
}
.photo-story-sequence {
  display: grid;
  gap: 1.1rem;
}
.photo-story-frame {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
  gap: clamp(0.9rem, 2vw, 1.35rem);
  align-items: stretch;
  margin: 0;
  padding: 0.9rem;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
.photo-story-frame__media {
  position: relative;
  overflow: hidden;
  min-height: clamp(240px, 38vw, 470px);
  border-radius: 6px;
  background: #f1f5f9;
}
.photo-story-frame__media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.photo-story-frame__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(240px, 38vw, 470px);
  -o-object-fit: cover;
     object-fit: cover;
}
.photo-story-frame__missing {
  display: grid;
  min-height: clamp(240px, 38vw, 470px);
  place-items: center;
  padding: 1rem;
  color: #94a3b8;
  background: #f1f5f9;
}
.photo-story-frame__missing span {
  font-family: var(--ntcms-font-family-sans);
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  font-weight: 800;
  line-height: 1;
  opacity: 0.4;
}
.photo-story-frame__caption {
  display: grid;
  align-content: end;
  gap: 0.7rem;
  padding: 0.1rem 0;
  font-family: var(--ntcms-font-family-sans);
}
.photo-story-frame__index {
  color: #b91c1c;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.photo-story-frame__caption h2 {
  margin: 0;
  color: #111827;
  font-family: var(--ntcms-font-family-sans);
  font-size: clamp(1.08rem, 1.6vw, 1.42rem);
  font-weight: 750;
  line-height: 1.24;
  letter-spacing: 0;
}
.photo-story-frame__caption p {
  margin: 0.55rem 0 0;
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 700;
}
.photo-story-empty {
  padding: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 8px;
  background: #fff;
  color: #475569;
  font-family: var(--ntcms-font-family-sans);
}
.photo-story-share {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  align-items: center;
  justify-content: space-between;
  max-width: 760px;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
  font-family: var(--ntcms-font-family-sans);
}
.photo-story-share h2 {
  margin: 0;
  color: #111827;
  font-size: 1rem;
  font-weight: 800;
}
.photo-story-share__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.photo-story-share__actions a,
.photo-story-share__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.15rem;
  padding: 0.42rem 0.72rem;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 999px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 800;
  text-decoration: none;
}
.photo-story-share__actions a:hover,
.photo-story-share__actions button:hover {
  border-color: #111827;
  background: #111827;
  color: #fff;
}
@media (max-width: 820px) {
  .photo-story-page__inner {
    width: min(100% - 1rem, 1040px);
  }

  .photo-story-hero h1 {
    max-width: 100%;
    font-size: clamp(2rem, 9vw, 2.8rem);
    line-height: 1.08;
  }

  .photo-story-frame {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    padding: 0.65rem;
  }

  .photo-story-frame__media,
  .photo-story-frame__image,
  .photo-story-frame__missing {
    min-height: clamp(230px, 70vw, 420px);
  }

  .photo-story-frame__caption {
    align-content: start;
    padding: 0.15rem 0.15rem 0.25rem;
  }
}
/* ── Public correction, anonymous-source, and complaint surfaces ─ */
.article-correction-timeline,
.article-anonymous-source-label,
.article-complaint-link {
  max-width: 42rem;
  margin: 1.75rem auto;
}
.article-correction-timeline {
  padding: 1.1rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
.article-correction-timeline__list {
  display: grid;
  gap: 0.85rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
.article-correction-timeline__item {
  display: grid;
  gap: 0.45rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--ntcms-color-border-subtle);
}
.article-correction-timeline__item--retraction .article-correction-timeline__chip,
.article-correction-timeline__item--correction .article-correction-timeline__chip,
.article-correction-timeline__item--clarification .article-correction-timeline__chip {
  color: var(--ntcms-color-accent-default);
}
.article-anonymous-source-label,
.article-complaint-link {
  padding: 1rem 1.1rem;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
}
.article-anonymous-source-label__chip {
  display: inline-flex;
  margin-bottom: 0.45rem;
  color: var(--ntcms-color-accent-default);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-complaint-link__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--ntcms-color-accent-default);
  font-weight: var(--ntcms-font-weight-semibold);
  text-decoration: none;
}
.article-complaint-link__cta:hover,
.article-complaint-link__cta:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
/* ── Print mode (clean reader) ─────────────────────────────── */
@media print {
  .article-reading-progress,
  .article-share-rail,
  .article-meta-actions,
  .article-featured-cta-box,
  .article-related,
  .article-recommendations,
  .article-from-your-library,
  .article-comments-section,
  #comments-section,
  header, footer, nav {
    display: none !important;
  }
  .article-content {
    font-size: 11pt;
    line-height: 1.6;
    max-width: 100%;
  }
}
.l-admin-body {
  min-block-size: 100vh;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 8%, transparent), transparent 28%),
    linear-gradient(180deg, var(--ntcms-color-surface-canvas) 0%, color-mix(in srgb, var(--ntcms-color-surface-canvas) 96%, var(--ntcms-color-surface-default)) 100%);
  color: var(--ntcms-color-text-default);
}
.l-admin-shell {
  --ntcms-admin-sidebar-width: var(--ntcms-admin-sidebar-width-fixed, 248px);
  --ntcms-admin-topbar-height: 4.75rem;
  display: flex;
  min-block-size: 100vh;
}
.l-admin-shell .l-admin-sidebar.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: var(--ntcms-z-fixed);
  display: flex;
  flex-direction: column;
  inline-size: var(--ntcms-admin-sidebar-width);
  block-size: 100vh;
  border-inline-end: 1px solid color-mix(in srgb, var(--ntcms-color-border-subtle) 90%, transparent);
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.08), transparent 30%),
    linear-gradient(180deg, #1a2233 0%, #20293d 54%, #1c2435 100%);
  color: var(--ntcms-color-text-inverse);
  box-shadow: 18px 0 48px rgba(2, 6, 23, 0.12);
  overflow: hidden;
}
.l-admin-shell .l-admin-sidebar__header.sidebar-header {
  display: flex;
  align-items: center;
  min-block-size: var(--ntcms-admin-topbar-height);
  padding: 0 var(--ntcms-space-4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(8, 15, 31, 0.42) 0%, rgba(8, 15, 31, 0.16) 100%);
}
.l-admin-shell .l-admin-sidebar__brand.sidebar-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  color: var(--ntcms-color-text-inverse);
  font-family: var(--ntcms-font-family-serif);
  font-size: 1.15rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: -0.02em;
  text-decoration: none;
}
.l-admin-shell .l-admin-sidebar__brand.sidebar-brand .fw-light {
  color: rgba(226, 232, 240, 0.72);
}
.l-admin-shell .l-admin-sidebar__brand:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
  border-radius: var(--ntcms-radius-sm);
}
.l-admin-shell .l-admin-sidebar__nav.sidebar-nav {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-block-size: 0;
  /* Tight top padding — first section heading provides its own
     baseline spacing via the :first-child rule in nav.css. */
  padding-block: var(--ntcms-space-2) var(--ntcms-space-4);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.l-admin-shell .l-admin-sidebar__nav .nav-link {
  min-block-size: 36px;
  gap: var(--ntcms-space-2);
  font-size: 0.8125rem;
  line-height: var(--ntcms-font-line-height-snug);
}
.l-admin-shell .l-admin-sidebar__nav::-webkit-scrollbar {
  inline-size: 0.5rem;
}
.l-admin-shell .l-admin-sidebar__nav::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--ntcms-color-text-inverse) 18%, transparent);
  border-radius: var(--ntcms-radius-pill);
}
.l-admin-shell .l-admin-main.main-content {
  flex: 1 1 auto;
  min-inline-size: 0;
  margin-inline-start: var(--ntcms-admin-sidebar-width);
}
.l-admin-shell .l-admin-topbar.top-navbar {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--ntcms-z-sticky);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-4);
  min-block-size: var(--ntcms-admin-topbar-height);
  padding: 0 var(--ntcms-space-5);
  border-bottom: 1px solid var(--ntcms-color-border-subtle);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 92%, transparent);
  backdrop-filter: blur(16px);
}
.l-admin-shell .l-admin-topbar__start {
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-3);
  min-inline-size: 0;
}
.l-admin-shell .l-admin-topbar__heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-inline-size: 0;
}
.l-admin-shell .admin-navbar-title {
  margin: 0;
  color: var(--ntcms-color-text-default);
  font-size: clamp(1.1rem, 1rem + 0.4vw, 1.45rem);
  font-weight: var(--ntcms-font-weight-bold);
  line-height: var(--ntcms-font-line-height-tight);
}
.l-admin-shell .admin-navbar-date {
  margin-top: 0.125rem;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
}
.l-admin-shell .l-admin-main__body.content-body {
  padding: var(--ntcms-space-5);
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: 0;
  padding: 0;
}
.l-admin-page-shell {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-5);
}
.l-admin-page {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-5);
}
.l-admin-page__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-4);
}
.l-admin-page__title {
  margin: 0;
  color: var(--ntcms-color-text-default);
  font-size: clamp(1.25rem, 1.15rem + 0.3vw, 1.75rem);
  font-weight: var(--ntcms-font-weight-bold);
  line-height: var(--ntcms-font-line-height-tight);
}
.l-admin-page__meta {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.l-admin-page__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--ntcms-space-3);
}
.l-admin-section {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-4);
}
.l-admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.l-admin-empty {
  padding: var(--ntcms-space-8);
  border: 1px dashed var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-muted);
  text-align: center;
}
.l-admin-shell .l-admin-shell__overlay.sidebar-overlay {
  position: fixed;
  inset: 0;
  z-index: calc(var(--ntcms-z-fixed) - 1);
  background: rgba(2, 6, 23, 0.52);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.l-admin-shell .l-admin-shell__overlay.sidebar-overlay.show {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 991.98px) {
  .l-admin-body {
    overflow-x: clip;
  }

  .l-admin-shell {
    --ntcms-admin-sidebar-width: min(88vw, 20rem);
    --ntcms-admin-topbar-height: 4.25rem;
    overflow-x: clip;
  }

  .l-admin-shell .l-admin-sidebar.sidebar {
    flex: 0 0 0;
    transform: translateX(-100%);
    transition: transform var(--ntcms-motion-duration-normal) var(--ntcms-motion-ease-standard);
  }

  .l-admin-shell .l-admin-sidebar.sidebar.show {
    transform: translateX(0);
  }

  .l-admin-shell .l-admin-main.main-content {
    margin-inline-start: 0;
    inline-size: 100%;
    max-inline-size: none;
    width: 100%;
    max-width: none;
  }

  .l-admin-shell .l-admin-topbar.top-navbar {
    padding-inline: var(--ntcms-space-4);
  }

  .l-admin-shell .l-admin-main__body.content-body {
    padding: var(--ntcms-space-4);
  }
}
@media (max-width: 767.98px) {
  .l-admin-shell .admin-navbar-title {
    font-size: 1rem;
  }

  .l-admin-shell .l-admin-topbar__actions {
    gap: var(--ntcms-space-2);
  }
}
.admin-auto-testing {
  --admin-auto-testing-action-min: 11rem;
}
.admin-auto-testing__hero {
  display: grid;
  gap: var(--ntcms-space-4);
}
.admin-auto-testing__hero-copy {
  min-inline-size: 0;
}
.admin-auto-testing__action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--admin-auto-testing-action-min), 1fr));
  gap: 0.75rem;
  align-items: stretch;
}
.admin-auto-testing__action-grid .btn {
  inline-size: 100%;
  min-inline-size: 0;
  white-space: normal;
  text-align: center;
  line-height: 1.3;
  min-block-size: 4.25rem;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 88%, white);
  border-radius: 1.5rem;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  color: var(--ntcms-color-text-default);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
  font-size: 0.98rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  transition:
    transform var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    box-shadow var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    border-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    background-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.admin-auto-testing__action-grid .btn:is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-danger, .btn-outline-warning, .btn-outline-info, .btn-outline-dark) {
  border-color: color-mix(in srgb, var(--ntcms-color-border-default) 88%, white);
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  color: var(--ntcms-color-text-default);
}
.admin-auto-testing__action-grid .btn:hover,
.admin-auto-testing__action-grid .btn:focus-visible {
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 32%, var(--ntcms-color-border-default));
  background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
  color: var(--ntcms-color-text-default);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1);
  transform: translateY(-1px);
}
.admin-auto-testing__action-grid .btn:active {
  transform: translateY(0);
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
}
.admin-auto-testing__filter-form .d-flex.gap-2,
.admin-auto-testing__export-links {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.75rem !important;
}
.admin-auto-testing__filter-form .btn,
.admin-auto-testing__export-links .btn {
  inline-size: 100%;
  min-inline-size: 0;
  white-space: normal;
}
.admin-auto-testing__metric-grid > [class*="col-"] {
  display: flex;
}
.admin-auto-testing__metric-grid > [class*="col-"] > .border,
.admin-auto-testing__metric-grid > [class*="col-"] > .card,
.admin-auto-testing__metric-grid > [class*="col-"] > .rounded {
  inline-size: 100%;
}
.admin-auto-testing .card-header .d-flex.gap-2 {
  flex-wrap: wrap;
}
.admin-auto-testing .table-responsive {
  overflow-x: auto;
}
.admin-auto-testing code {
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (max-width: 991.98px) {
  .admin-auto-testing {
    --admin-auto-testing-action-min: 10rem;
  }
}
@media (max-width: 767.98px) {
  .admin-auto-testing {
    --admin-auto-testing-action-min: 100%;
  }

  .admin-auto-testing__hero {
    gap: var(--ntcms-space-3);
  }

  .admin-auto-testing__action-grid {
    grid-template-columns: 1fr;
  }

  .admin-auto-testing__action-grid .btn {
    min-block-size: 3.5rem;
    padding: 0.9rem 0.95rem;
    border-radius: 1.15rem;
    font-size: 0.95rem;
  }

  .admin-auto-testing__filter-form .d-flex.gap-2,
  .admin-auto-testing__export-links {
    grid-template-columns: 1fr;
  }
}
.p-recipe-admin,
.p-horoscope-admin {
  display: grid;
  gap: 1.5rem;
}
.p-recipe-admin .l-admin-page__header,
.p-horoscope-admin .l-admin-page__header {
  align-items: flex-start;
}
.p-recipe-admin .l-admin-page__meta,
.p-horoscope-admin .l-admin-page__meta {
  max-width: 44rem;
}
.p-recipe-admin .p-module-toolbar,
.p-horoscope-admin .p-module-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.p-recipe-admin .p-module-toolbar__label {
  display: inline-block;
  margin-bottom: 0.38rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.p-recipe-admin .p-recipe-toolbar .col-md-2,
.p-recipe-admin .p-recipe-toolbar .col-md-3,
.p-recipe-admin .p-recipe-toolbar .col-md-4 {
  display: flex;
  flex-direction: column;
}
.p-recipe-admin .c-card,
.p-horoscope-admin .c-card {
  border-radius: 24px;
}
.p-recipe-admin-form .card,
.p-horoscope-admin-form .card,
.p-recipe-admin .card,
.p-horoscope-admin .card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.p-recipe-admin-form .card-header,
.p-horoscope-admin-form .card-header {
  background: #fff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
}
.p-recipe-admin .form-control,
.p-recipe-admin .form-select,
.p-recipe-admin textarea,
.p-horoscope-admin .form-control,
.p-horoscope-admin .form-select,
.p-horoscope-admin textarea {
  border-radius: 14px;
  border-color: rgba(15, 23, 42, 0.14);
  min-height: 44px;
  box-shadow: none;
}
.p-recipe-admin textarea,
.p-horoscope-admin textarea {
  min-height: auto;
}
.p-recipe-admin .form-control:focus,
.p-recipe-admin .form-select:focus,
.p-recipe-admin textarea:focus,
.p-horoscope-admin .form-control:focus,
.p-horoscope-admin .form-select:focus,
.p-horoscope-admin textarea:focus {
  border-color: var(--ntcms-color-focus-ring, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}
.p-recipe-admin .btn,
.p-horoscope-admin .btn {
  border-radius: 999px;
}
.p-recipe-admin .table,
.p-horoscope-admin .table {
  margin-bottom: 0;
}
.p-recipe-admin .badge,
.p-horoscope-admin .badge {
  border-radius: 999px;
}
.p-recipe-admin .position-sticky,
.p-module-sidebar {
  top: 1rem !important;
}
.p-module-shell-note {
  color: #5b6578;
}
@media (max-width: 991.98px) {
  .p-recipe-admin .position-sticky,
  .p-module-sidebar {
    position: static !important;
  }
}
.p-epaper-admin {
  display: grid;
  gap: 1.5rem;
}
.p-epaper-admin .l-admin-page__header {
  align-items: flex-start;
}
.p-epaper-admin .l-admin-page__meta {
  max-width: 48rem;
}
.p-epaper-admin .p-module-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.p-epaper-admin .card,
.p-epaper-admin .c-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.p-epaper-admin .card-header,
.p-epaper-admin .c-card > .card-header {
  background: #fff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
}
.p-epaper-admin .form-control,
.p-epaper-admin .form-select,
.p-epaper-admin textarea {
  border-radius: 14px;
  border-color: rgba(15, 23, 42, 0.14);
  min-height: 44px;
  box-shadow: none;
}
.p-epaper-admin textarea {
  min-height: auto;
}
.p-epaper-admin .form-control:focus,
.p-epaper-admin .form-select:focus,
.p-epaper-admin textarea:focus {
  border-color: var(--ntcms-color-focus-ring, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}
.p-epaper-admin .btn {
  border-radius: 999px;
}
.p-epaper-admin .badge {
  border-radius: 999px;
}
.p-epaper-admin .c-table-wrap {
  box-shadow: none;
}
.p-epaper-admin .table,
.p-epaper-admin .c-table {
  margin-bottom: 0;
}
.p-epaper-admin .p-epaper-kpi,
.p-epaper-admin .p-epaper-summary {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}
.p-epaper-admin .p-epaper-kpi__label,
.p-epaper-admin .p-epaper-summary__label {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.p-epaper-admin .p-epaper-kpi__value,
.p-epaper-admin .p-epaper-summary__value {
  font-size: clamp(1.15rem, 1rem + 0.4vw, 1.65rem);
  font-weight: 700;
  line-height: 1.05;
}
.p-epaper-admin .p-epaper-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.p-epaper-admin .p-epaper-shell-note {
  color: #5b6578;
}
.p-epaper-admin .p-epaper-extract-progress {
  block-size: 20px;
}
.p-epaper-admin .p-epaper-native-progress {
  inline-size: 100%;
  block-size: 20px;
}
.p-epaper-admin .p-epaper-extract-log {
  max-height: 150px;
  overflow-y: auto;
}
.p-epaper-admin .p-epaper-extract-log-line {
  padding-block: 0.1rem;
  border-bottom: 1px solid #eee;
}
.p-epaper-admin-map {
  display: grid;
  gap: 1.5rem;
}
.p-epaper-admin-map .epaper-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
  align-items: start;
}
.p-epaper-admin-map .epaper-map__panel,
.p-epaper-admin-map .epaper-map__sidebar {
  background: #fff;
  border: 1px solid #d8dfeb;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}
.p-epaper-admin-map .epaper-map__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.p-epaper-admin-map .epaper-map__header h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.1;
}
.p-epaper-admin-map .epaper-map__meta {
  color: #64748b;
  font-size: 14px;
}
.p-epaper-admin-map .epaper-map__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.p-epaper-admin-map .epaper-map__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid #e7edf5;
  background: linear-gradient(180deg, #fbfdff 0%, #f5f8fc 100%);
}
.p-epaper-admin-map .epaper-map__toolbar .btn {
  min-width: 54px;
}
.p-epaper-admin-map .epaper-map__tool-label {
  padding: 8px 12px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
}
.p-epaper-admin-map .epaper-map__status {
  margin-left: auto;
  font-size: 13px;
  color: #475569;
  min-height: 20px;
}
.p-epaper-admin-map .epaper-map__viewport {
  padding: 20px;
  background: #eef3f8;
  overflow: auto;
  max-height: 78vh;
  text-align: center;
}
.p-epaper-admin-map .epaper-map__stage {
  position: relative;
  display: inline-block;
  line-height: 0;
  background: #fff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  touch-action: none;
  isolation: isolate;
  overflow: hidden;
}
.p-epaper-admin-map .epaper-map__image {
  display: block;
  position: relative;
  z-index: 1;
  max-width: none;
  width: auto;
  height: auto;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.p-epaper-admin-map .epaper-map__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  cursor: default;
  pointer-events: all;
  touch-action: none;
}
.p-epaper-admin-map .epaper-map__overlay.is-rect {
  cursor: crosshair;
}
.p-epaper-admin-map .epaper-map__box-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  overflow: visible;
  display: block;
  pointer-events: none;
}
.p-epaper-admin-map .epaper-map__box-layer.is-debug {
  outline: 1px dashed rgba(220, 38, 38, 0.45);
  outline-offset: -1px;
}
.p-epaper-admin-map .epaper-map__overlay-backdrop {
  position: absolute;
  inset: 0;
}
.p-epaper-admin-map .epaper-map__empty-stage {
  padding: 60px 24px;
  color: #64748b;
  font-size: 14px;
}
.p-epaper-admin-map .epaper-map__sidebar {
  padding: 20px;
  position: sticky;
  top: 16px;
}
.p-epaper-admin-map .epaper-map__sidebar h3 {
  margin: 0 0 14px;
  font-size: 24px;
}
.p-epaper-admin-map .epaper-map__sidebar h4 {
  margin: 22px 0 10px;
  font-size: 18px;
}
.p-epaper-admin-map .epaper-map__field {
  margin-bottom: 14px;
}
.p-epaper-admin-map .epaper-map__field label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #334155;
}
.p-epaper-admin-map .epaper-map__field input,
.p-epaper-admin-map .epaper-map__field select,
.p-epaper-admin-map .epaper-map__field textarea {
  width: 100%;
  border: 1px solid #cfd8e4;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  background: #fff;
}
.p-epaper-admin-map .epaper-map__field textarea {
  min-height: 94px;
  resize: vertical;
}
.p-epaper-admin-map .epaper-map__hint,
.p-epaper-admin-map .epaper-map__empty {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
}
.p-epaper-admin-map .epaper-map__empty {
  padding: 14px;
  border: 1px dashed #cad4e2;
  border-radius: 12px;
  background: #f8fbff;
}
.p-epaper-admin-map .epaper-map__scroll-panel {
  max-height: 180px;
  overflow-y: auto;
}
.p-epaper-admin-map .epaper-map__properties.is-hidden,
.p-epaper-admin-map .epaper-map__field.is-hidden {
  display: none;
}
.p-epaper-admin-map .epaper-map__coords {
  padding: 10px 12px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  font-size: 13px;
  color: #475569;
}
.p-epaper-admin-map .epaper-map__notes {
  margin: 18px 0 0;
  padding-left: 18px;
  color: #475569;
}
.p-epaper-admin-map .epaper-map__notes li {
  margin-bottom: 10px;
}
.p-epaper-admin-map .epaper-map__shape {
  position: absolute;
  border: 3px solid #dc2626;
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: -3px;
  background: rgba(220, 38, 38, 0.18);
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  box-sizing: border-box;
  cursor: move;
  pointer-events: auto;
}
.p-epaper-admin-map .epaper-map__shape.is-selected {
  border-color: #2563eb;
  background: rgba(37, 99, 235, 0.22);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.p-epaper-admin-map .epaper-map__handle {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid #111827;
  background: #fff;
  box-sizing: border-box;
  cursor: nwse-resize;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.p-epaper-admin-map .epaper-map__shape-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 6px;
  background: rgba(17, 24, 39, 0.88);
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 2;
}
.p-epaper-admin-map .epaper-map__handle[data-handle="ne"],
.p-epaper-admin-map .epaper-map__handle[data-handle="sw"] {
  cursor: nesw-resize;
}
@media (max-width: 991.98px) {
  .p-epaper-admin .l-admin-page__actions {
    inline-size: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 1180px) {
  .p-epaper-admin-map .epaper-map {
    grid-template-columns: 1fr;
  }

  .p-epaper-admin-map .epaper-map__sidebar {
    position: static;
  }
}
.l-editor-screen {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-5);
  inline-size: min(100%, var(--ntcms-admin-workspace-width));
  max-inline-size: var(--ntcms-admin-workspace-width);
  margin-inline: 0 auto;
}
.l-editor-screen__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-4);
}
.l-editor-screen__header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.l-editor-screen__header .btn,
.l-editor-toolbar__actions .btn,
.l-editor-actionbar .btn,
.l-editor-panel__header .btn {
  border-radius: var(--ntcms-radius-md);
  font-weight: var(--ntcms-font-weight-semibold);
  transition:
    background-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    border-color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard),
    box-shadow var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.l-editor-screen__header .btn:focus-visible,
.l-editor-toolbar__actions .btn:focus-visible,
.l-editor-actionbar .btn:focus-visible,
.l-editor-panel__header .btn:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
.l-editor-frame.card {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.l-editor-frame__body {
  padding: 0;
}
.l-editor-governor.card {
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 22%, var(--ntcms-color-border-default));
  border-radius: var(--ntcms-radius-lg);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 10%, transparent), transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 94%, var(--ntcms-color-brand-50)) 0%, var(--ntcms-color-surface-default) 100%);
  box-shadow: var(--ntcms-shadow-sm);
}
.l-editor-governor .card-body {
  padding: var(--ntcms-space-4) var(--ntcms-space-5);
}
.l-editor-shell.article-compose-page {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-5);
}
.l-editor-toolbar.article-compose-topbar {
  position: sticky;
  inset-block-start: var(--ntcms-space-4);
  z-index: var(--ntcms-z-sticky);
  min-block-size: var(--ntcms-editor-topbar-height);
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ntcms-space-3);
  padding: var(--ntcms-space-3) var(--ntcms-space-4);
  border: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 92%, transparent);
  border-radius: var(--ntcms-radius-xl);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 96%, transparent) 0%, color-mix(in srgb, var(--ntcms-color-surface-muted) 94%, var(--ntcms-color-surface-default)) 100%);
  box-shadow: var(--ntcms-shadow-md);
  backdrop-filter: blur(16px);
}
@media (min-width: 860px) {
  .l-editor-toolbar.article-compose-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .l-editor-toolbar__meta.article-compose-topbar__meta {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}
.l-editor-toolbar__workflow.article-compose-topbar__workflow,
.l-editor-toolbar__meta.article-compose-topbar__meta,
.l-editor-toolbar__actions.article-compose-topbar__actions {
  gap: var(--ntcms-space-2);
}
.l-editor-toolbar__status.article-compose-topbar__save {
  padding-inline: var(--ntcms-space-3);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-shell .article-compose-status-pill {
  border-color: var(--ntcms-color-border-default);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-muted);
}
.l-editor-shell .article-compose-status-pill.is-active {
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 36%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 12%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
}
.l-editor-shell .article-compose-topbar__readiness {
  border-color: var(--ntcms-color-border-default);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  box-shadow: var(--ntcms-shadow-xs);
}
.l-editor-shell .article-compose-topbar__readiness.is-ready {
  border-color: color-mix(in srgb, var(--ntcms-color-state-success) 32%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-state-success) 12%, var(--ntcms-color-surface-default));
  color: color-mix(in srgb, var(--ntcms-color-state-success) 78%, var(--ntcms-color-text-default));
}
.l-editor-shell .article-compose-topbar__readiness.is-warning {
  border-color: color-mix(in srgb, var(--ntcms-color-state-warning) 38%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-state-warning) 14%, var(--ntcms-color-surface-default));
  color: color-mix(in srgb, var(--ntcms-color-state-warning) 78%, var(--ntcms-color-text-default));
}
.l-editor-shell .article-compose-topbar__readiness.is-blocker {
  border-color: color-mix(in srgb, var(--ntcms-color-state-error) 36%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-state-error) 14%, var(--ntcms-color-surface-default));
  color: color-mix(in srgb, var(--ntcms-color-state-error) 82%, var(--ntcms-color-text-default));
}
.l-editor-workspace.article-compose-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ntcms-space-4);
  align-items: start;
  inline-size: 100%;
  max-inline-size: var(--ntcms-admin-workspace-width);
}
.l-editor-outline.article-compose-outline {
  display: none !important;
  flex-direction: column;
  position: sticky;
  inset-block-start: calc(var(--ntcms-space-4) + 5.9rem);
  min-block-size: 14rem;
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 92%, var(--ntcms-color-surface-muted));
  box-shadow: var(--ntcms-shadow-sm);
  overflow: hidden;
}
.l-editor-outline__title.article-compose-outline__title {
  padding: var(--ntcms-space-4);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-inverse) 95%, var(--ntcms-color-surface-default)) 0%, color-mix(in srgb, var(--ntcms-color-surface-inverse) 92%, var(--ntcms-color-surface-default)) 100%);
  color: var(--ntcms-color-text-inverse);
  font-size: var(--ntcms-font-size-sm);
  letter-spacing: 0.08em;
}
.l-editor-outline .article-compose-outline__list {
  min-block-size: 10rem;
  padding: var(--ntcms-space-2) 0;
}
.l-editor-outline .article-compose-outline__list:empty::before {
  content: "Headings and blocks will appear here as the draft grows.";
  display: block;
  padding: var(--ntcms-space-4);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  line-height: var(--ntcms-font-line-height-body);
}
.l-editor-canvas.article-compose-main {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-4);
  inline-size: 100%;
  min-inline-size: 0;
}
.l-editor-canvas .article-compose-main-secondary {
  gap: var(--ntcms-space-4);
}
.l-editor-shell .article-compose-main-secondary > .card,
.l-editor-shell .l-editor-panel.card,
.l-editor-shell [data-editor-slot="seo-panel"].card,
.l-editor-shell [data-editor-slot="newsroom-intelligence-editorial"].card {
  border-color: var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  box-shadow: var(--ntcms-shadow-sm);
}
.l-editor-shell .l-editor-panel__header.card-header,
.l-editor-shell [data-editor-slot="seo-panel"] > .card-header,
.l-editor-shell [data-editor-slot="newsroom-intelligence-editorial"] > .card-header,
.l-editor-shell .article-compose-main-secondary > .card > .card-header {
  padding: var(--ntcms-space-3) var(--ntcms-space-4) !important;
  border-bottom: 1px solid var(--ntcms-color-border-subtle);
}
.l-editor-shell .l-editor-panel__body.card-body,
.l-editor-shell [data-editor-slot="seo-panel"] > .card-body,
.l-editor-shell [data-editor-slot="newsroom-intelligence-editorial"] > .card-body,
.l-editor-shell .article-compose-main-secondary > .card > .card-body {
  padding: var(--ntcms-space-4);
}
.l-editor-canvas__primary.article-editor-pane--primary {
  margin-block-end: 0;
}
#structured-editor-pane .l-editor-document-shell.structured-editor-shell {
  border-color: var(--ntcms-color-border-default) !important;
  border-radius: calc(var(--ntcms-radius-xl) + 0.15rem) !important;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 8%, transparent), transparent 32%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 95%, var(--ntcms-color-surface-muted)) 0%, var(--ntcms-color-surface-default) 100%) !important;
  box-shadow: var(--ntcms-shadow-md) !important;
}
#structured-editor-pane .l-editor-document-shell #structured-editor-shell {
  padding-inline: var(--ntcms-space-5);
}
.l-editor-preview-rail.structured-editor-sidepanels {
  margin-top: var(--ntcms-space-4);
}
.l-editor-preview-panel.newsroom-editor-panel {
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-sm);
}
.l-editor-preview-panel__header.newsroom-editor-panel-header {
  padding: var(--ntcms-space-3) var(--ntcms-space-4);
  border-bottom: 1px solid var(--ntcms-color-border-subtle);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 92%, var(--ntcms-color-surface-default));
}
.l-editor-preview-panel__body.newsroom-editor-panel-body {
  padding: var(--ntcms-space-4);
}
.l-editor-preview-shell,
.l-editor-shell .editor-mini-preview,
.l-editor-shell .editor-preview-frame,
.l-editor-shell [data-source-desk-preview] {
  border: 1px solid var(--ntcms-color-border-default) !important;
  border-radius: var(--ntcms-radius-lg) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 95%, var(--ntcms-color-surface-muted)) 0%, var(--ntcms-color-surface-default) 100%) !important;
  box-shadow: var(--ntcms-shadow-xs);
}
.l-editor-shell .editor-mini-preview,
.l-editor-preview-shell,
.l-editor-shell [data-source-desk-preview] {
  padding: var(--ntcms-space-4);
}
.l-editor-shell .editor-mini-preview-title,
.l-editor-shell [data-source-desk-preview] .fw-semibold {
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-sidebar.article-compose-inspector {
  position: static;
  display: grid;
  gap: var(--ntcms-space-3);
  inline-size: 100%;
  min-inline-size: 0;
}
.l-editor-sidebar__section.article-compose-inspector__section {
  border-color: var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 96%, var(--ntcms-color-surface-muted)) 0%, var(--ntcms-color-surface-default) 100%);
  box-shadow: var(--ntcms-shadow-sm);
  padding: var(--ntcms-space-4);
}
.article-compose-inspector-tabs {
  position: sticky;
  inset-block-start: calc(var(--ntcms-space-4) + var(--ntcms-editor-topbar-height) + var(--ntcms-space-2));
  z-index: calc(var(--ntcms-z-sticky) - 1);
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  min-block-size: var(--ntcms-editor-tabbar-height);
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 96%, transparent);
  box-shadow: var(--ntcms-shadow-sm);
  overflow-x: auto;
  scrollbar-width: thin;
}
.article-compose-inspector-tab {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 34px;
  padding: 0 var(--ntcms-space-3);
  border: 1px solid transparent;
  border-radius: var(--ntcms-radius-md);
  background: transparent;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  white-space: nowrap;
}
.article-compose-inspector-tab:hover,
.article-compose-inspector-tab:focus-visible {
  border-color: var(--ntcms-color-border-default);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
}
.article-compose-inspector-tab.is-active {
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 32%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 10%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-accent-default);
}
.article-compose-inspector.js-tabs-ready .article-compose-inspector__section {
  display: none;
}
.article-compose-inspector.js-tabs-ready .article-compose-inspector__section.is-active {
  display: block;
}
.l-editor-sidebar__section-title.article-compose-inspector__title {
  margin-bottom: var(--ntcms-space-3);
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-xs);
  letter-spacing: 0.12em;
}
.l-editor-actionbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
}
.l-editor-article-preview {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-3);
}
.l-editor-article-preview__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-2);
  flex-wrap: wrap;
}
.l-editor-article-preview__surfaces {
  display: inline-flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  flex-wrap: wrap;
}
.l-editor-article-preview__surfaces .c-button.is-active {
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 36%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 12%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
}
.l-editor-article-preview__status {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.l-editor-article-preview__frame {
  min-block-size: 22rem;
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 97%, transparent) 0%, color-mix(in srgb, var(--ntcms-color-surface-muted) 94%, var(--ntcms-color-surface-default)) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ntcms-color-border-subtle) 80%, transparent);
  overflow: hidden;
}
.l-editor-article-preview__scroll {
  max-block-size: 34rem;
  overflow: auto;
}
.l-editor-article-preview__empty {
  display: grid;
  place-items: center;
  min-block-size: 20rem;
  padding: var(--ntcms-space-5);
  color: var(--ntcms-color-text-muted);
  text-align: center;
}
.l-editor-article-preview__empty strong {
  display: block;
  margin-bottom: var(--ntcms-space-2);
  color: var(--ntcms-color-text-default);
}
.l-editor-article-preview__viewport {
  margin-inline: auto;
  inline-size: min(100%, 52rem);
  padding: var(--ntcms-space-5);
}
.l-editor-article-preview__viewport--mobile {
  inline-size: min(100%, 24rem);
}
.l-editor-article-preview__document {
  border: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 92%, transparent);
  border-radius: calc(var(--ntcms-radius-xl) + 0.1rem);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-md);
  overflow: hidden;
}
.l-editor-article-preview__document--mobile {
  border-radius: 1.6rem;
}
.l-editor-article-preview__header {
  padding: var(--ntcms-space-5) var(--ntcms-space-5) var(--ntcms-space-4);
  border-bottom: 1px solid var(--ntcms-color-border-subtle);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 8%, transparent), transparent 36%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-muted) 95%, var(--ntcms-color-surface-default)) 0%, var(--ntcms-color-surface-default) 100%);
}
.l-editor-article-preview__eyebrow {
  margin-bottom: var(--ntcms-space-2);
  color: color-mix(in srgb, var(--ntcms-color-accent-default) 82%, var(--ntcms-color-text-default));
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.l-editor-article-preview__title {
  margin: 0;
  color: var(--ntcms-color-text-default);
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: var(--font-size-h1, clamp(1.6rem, 1.5rem + 0.42vw, 2rem));
  font-weight: var(--font-weight-h1, var(--ntcms-font-weight-bold));
  line-height: var(--line-height-heading, 1.2);
  text-wrap: balance;
}
.l-editor-article-preview__dek {
  margin: var(--ntcms-space-3) 0 0;
  color: var(--ntcms-color-text-muted);
  font-family: var(--font-body, var(--ntcms-font-family-serif));
  font-size: var(--font-size-intro, clamp(1.02rem, 0.98rem + 0.18vw, 1.16rem));
  line-height: var(--line-height-body, 1.6);
}
.l-editor-article-preview__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
  margin-top: var(--ntcms-space-4);
  color: var(--ntcms-color-text-subtle);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-medium);
}
.l-editor-article-preview__body {
  padding: var(--ntcms-space-5);
}
.l-editor-article-preview__body .article-content {
  max-inline-size: 100%;
}
.l-editor-secondary.article-compose-advanced {
  border-color: var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-xl);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 96%, var(--ntcms-color-surface-muted)) 0%, var(--ntcms-color-surface-default) 100%);
  box-shadow: var(--ntcms-shadow-sm);
}
.l-editor-secondary__group.article-compose-advanced__group > summary {
  padding: var(--ntcms-space-4) var(--ntcms-space-5);
  color: var(--ntcms-color-text-default);
}
.l-editor-secondary__body.article-compose-advanced__body {
  padding: 0 var(--ntcms-space-5) var(--ntcms-space-5);
}
.l-editor-shell .article-compose-document-toolbar {
  inset-block-start: var(--ntcms-space-3);
  padding: var(--ntcms-space-2) var(--ntcms-space-3);
  border-color: var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-pill);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 94%, transparent);
  box-shadow: var(--ntcms-shadow-sm);
}
.l-editor-shell .article-compose-document-toolbar button,
.l-editor-shell .article-compose-inline-toolbar button {
  border-color: var(--ntcms-color-border-default);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 94%, transparent);
  color: var(--ntcms-color-text-muted);
}
.l-editor-shell .article-compose-document-toolbar button:hover,
.l-editor-shell .article-compose-inline-toolbar button:hover {
  border-color: var(--ntcms-color-border-strong);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
}
.l-editor-shell .article-compose-document-toolbar button.is-active,
.l-editor-shell .article-compose-inline-toolbar button.is-active {
  border-color: var(--ntcms-color-accent-default);
  background: var(--ntcms-color-accent-default);
  color: var(--ntcms-color-accent-contrast);
}
.l-editor-shell .article-compose-document-toolbar button:focus-visible,
.l-editor-shell .article-compose-inline-toolbar button:focus-visible,
.l-editor-shell .article-compose-slash-menu__item:focus-visible,
.l-editor-shell .article-compose-link-popover button:focus-visible,
.l-editor-shell .article-compose-link-popover__result:focus-visible {
  outline: none;
  box-shadow: var(--ntcms-shadow-focus-ring);
}
.l-editor-shell .article-compose-document-toolbar__divider {
  background: var(--ntcms-color-border-default);
}
.l-editor-shell .article-compose-inline-toolbar,
.l-editor-shell .article-compose-slash-menu,
.l-editor-shell .article-compose-link-popover {
  border-color: var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-overlay);
}
.l-editor-shell .article-compose-inline-toolbar {
  color: var(--ntcms-color-text-inverse);
  background: color-mix(in srgb, var(--ntcms-color-surface-inverse) 94%, transparent);
}
.l-editor-shell .article-compose-slash-menu__item:hover,
.l-editor-shell .article-compose-slash-menu__item.is-active,
.l-editor-shell .article-compose-link-popover__result:hover {
  background: var(--ntcms-color-surface-muted);
}
@media (max-width: 1399.98px) {
  .l-editor-workspace.article-compose-layout {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 20rem);
  }

  .l-editor-outline.article-compose-outline {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .l-editor-toolbar.article-compose-topbar {
    position: static;
    grid-template-columns: minmax(0, 1fr);
    padding: var(--ntcms-space-4);
  }

  .l-editor-workspace.article-compose-layout {
    grid-template-columns: 1fr;
    gap: var(--ntcms-space-4);
  }

  .l-editor-sidebar.article-compose-inspector {
    position: static;
    order: 3;
  }

  .l-editor-canvas.article-compose-main {
    order: 1;
  }
}
@media (max-width: 767.98px) {
  .l-editor-governor .card-body,
  .l-editor-secondary__body.article-compose-advanced__body,
  .l-editor-secondary__group.article-compose-advanced__group > summary {
    padding-inline: var(--ntcms-space-4);
  }

  .l-editor-document-shell #structured-editor-shell {
    padding-inline: var(--ntcms-space-3);
  }

  .l-editor-article-preview__viewport,
  .l-editor-article-preview__body,
  .l-editor-article-preview__header {
    padding: var(--ntcms-space-4);
  }
}
.header-account-dropdown {
  position: relative;
}
.header-account-dropdown .header-account-trigger {
  min-block-size: 2.95rem;
  padding: 0.4rem 0.78rem 0.4rem 0.45rem;
  border: 1px solid rgba(15, 23, 42, 0.18);
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
  font-weight: 600;
}
.header-account-dropdown .header-account-trigger:hover,
.header-account-dropdown .header-account-trigger:focus-visible,
.header-account-dropdown.show .header-account-trigger {
  color: #0f172a;
  border-color: rgba(15, 23, 42, 0.24);
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}
.header-account-trigger.dropdown-toggle::after {
  margin-left: 0.25rem;
  border-top-width: 0.34rem;
  border-right-width: 0.28rem;
  border-left-width: 0.28rem;
  color: #475569;
}
.header-account-trigger__avatar,
.header-account-menu__summary-avatar,
.header-mobile-account-trigger__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e8eef9;
  color: #1d4ed8;
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
}
/* Mobile / hamburger header user trigger — matches the bell + search
   visual weight (32 px) so the icon row reads as a single chord. */
.header-mobile-account-trigger {
  display: inline-flex;
  text-decoration: none;
}
.header-mobile-account-trigger__avatar {
  width: 32px;
  height: 32px;
  font-size: 0.86rem;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.10);
}
/* Renders the uploaded profile picture inside any header avatar circle
   (desktop trigger, dropdown summary, regional homepage chip + dropdown).
   The parent <span> already defines the circle size and border-radius;
   the image just fills it via object-fit:cover so portrait + landscape
   uploads both look right. CLS-safe because the parent size is fixed. */
.header-account-avatar-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  border-radius: inherit;
}
.header-account-trigger__avatar {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}
.header-account-trigger__name {
  max-width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.header-account-trigger__badge,
.header-account-menu__count {
  min-width: 1.6rem;
  min-height: 1.6rem;
  padding: 0.14rem 0.42rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e2e8f0 !important;
  color: #334155 !important;
  font-size: 0.72rem;
  font-weight: 700;
}
.header-account-menu {
  width: min(18rem, 90vw);
  margin-top: 0.55rem !important;
  padding: 0.5rem 0;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.14) !important;
}
.header-account-menu .dropdown-divider {
  margin: 0.35rem 0;
  border-top-color: rgba(15, 23, 42, 0.08);
}
.header-account-menu__summary {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.3rem 1rem 0.45rem;
  list-style: none;
}
.header-account-menu__summary-avatar {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1rem;
}
.header-account-menu__summary-body {
  min-width: 0;
}
.header-account-menu__summary-label {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.header-account-menu__summary-name {
  color: #0f172a;
  font-size: 0.96rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.header-account-menu__item {
  display: flex;
  align-items: center;
  gap: 0.68rem;
  padding: 0.78rem 1rem;
  color: #0f172a;
  font-size: 0.98rem;
  font-weight: 600;
}
.header-account-menu__item i {
  color: #334155;
  font-size: 1.05rem;
}
.header-account-menu__item:hover,
.header-account-menu__item:focus-visible {
  background: #f8fafc;
  color: #0f172a;
}
.header-account-menu__item--library {
  padding-bottom: 0.58rem;
}
.header-account-menu__meta {
  display: block;
  padding: 0.02rem 1rem 0.72rem 2.72rem;
  color: #64748b !important;
  font-size: 0.82rem !important;
  line-height: 1.35;
}
.header-account-menu__item--logout {
  color: #7f1d1d;
}
.header-account-menu__item--logout i {
  color: #7f1d1d;
}
.header-account-menu__item--logout:hover,
.header-account-menu__item--logout:focus-visible {
  background: #fef2f2;
  color: #7f1d1d;
}
@media (max-width: 991.98px) {
  .header-account-menu {
    width: min(16rem, 86vw);
  }

  .header-account-trigger__name {
    max-width: 5.5rem;
  }
}
.bundle-directory__hero {
    padding: 3.5rem 0 2rem;
    background:
        radial-gradient(circle at top right, rgba(185, 28, 28, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(248, 250, 252, 0.92), #fff 72%);
}
.bundle-directory__hero-grid,
.topic-hub-directory__hero-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.9fr) minmax(18rem, 1fr);
    align-items: start;
}
.bundle-directory__eyebrow,
.topic-hub-directory__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #991b1b;
    margin-bottom: 0.85rem;
}
.bundle-directory__title,
.topic-hub-directory__title {
    margin: 0 0 0.85rem;
    font-family: var(--ntcms-font-family-serif);
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.02;
}
.bundle-directory__intro,
.topic-hub-directory__intro {
    max-width: 46rem;
    color: #4b5563;
    font-size: 1.02rem;
    line-height: 1.7;
}
.bundle-directory__summary,
.topic-hub-directory__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    color: #6b7280;
    font-size: 0.92rem;
    margin-top: 1rem;
}
.bundle-directory__editorial-note,
.topic-hub-directory__editorial-note {
    padding: 1.15rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}
.bundle-directory__filters,
.topic-hub-directory__filters {
    padding: 1.2rem;
}
.bundle-directory__filters-grid,
.topic-hub-directory__filters-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 2fr) minmax(14rem, 1fr) auto;
    align-items: end;
}
.bundle-directory__actions,
.topic-hub-directory__actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.bundle-directory__type-chips,
.topic-hub-directory__layout-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}
.bundle-directory__section-head,
.topic-hub-directory__section-head {
    margin-bottom: 1.15rem;
}
.bundle-directory__featured-grid,
.topic-hub-directory__featured-grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr);
}
.bundle-directory__grid,
.topic-hub-directory__grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bundle-directory__empty,
.topic-hub-directory__empty {
    padding: 1.5rem;
}
.homepage-personalization-state,
.homepage-bundle-state {
    padding: 0.9rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.86);
}
.homepage-personalization-state--heuristic {
    border-color: rgba(180, 83, 9, 0.18);
    background: linear-gradient(180deg, rgba(255, 247, 237, 0.92), rgba(255, 255, 255, 0.92));
}
.homepage-personalization-state__label,
.homepage-bundle-state__label {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #111827;
    margin-bottom: 0.35rem;
}
.homepage-personalized-empty {
    padding: 1.4rem;
}
/* U9: search and discovery reader experience */
.discovery-reader-bar {
    --ntcms-u9-contract: "U9: search and discovery reader experience";
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.92);
    display: grid;
    gap: 0.75rem;
    margin-block: 1rem;
    padding: 1rem;
}
.discovery-reader-bar__main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.discovery-reader-bar__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.discovery-result-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.discovery-result-badge {
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.25rem;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 0.28rem 0.5rem;
}
.discovery-result-badge--probe {
    background: #fff7ed;
    color: #9a3412;
}
.discovery-result-badge--premium {
    background: #fef2f2;
    color: #b91c1c;
}
@media (max-width: 991.98px) {
    .bundle-directory__hero-grid,
    .topic-hub-directory__hero-grid,
    .bundle-directory__featured-grid,
    .topic-hub-directory__featured-grid,
    .bundle-directory__grid,
    .topic-hub-directory__grid,
    .bundle-directory__filters-grid,
    .topic-hub-directory__filters-grid {
        grid-template-columns: 1fr;
    }
}
.author-profile-shell {
  padding: var(--ntcms-space-8, 2rem) 0 var(--ntcms-space-9, 2.5rem);
  background:
    radial-gradient(circle at top right, rgba(198, 40, 40, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.03), rgba(15, 23, 42, 0));
}
.author-profile-shell__container {
  display: grid;
  gap: var(--ntcms-space-6, 1.5rem);
}
.author-profile-hero {
  display: grid;
  gap: var(--ntcms-space-5, 1.25rem);
  align-items: start;
}
.author-profile-hero__main,
.author-profile-hero__rail,
.author-profile-trust-note,
.author-profile-stories {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.65rem;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}
.author-profile-hero__main {
  padding: clamp(1.3rem, 2vw, 2rem);
}
.author-profile-hero__eyebrow {
  display: inline-block;
  margin-bottom: var(--ntcms-space-3, 0.75rem);
  color: #9a3412;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.author-profile-hero__identity {
  display: grid;
  gap: var(--ntcms-space-4, 1rem);
  align-items: start;
}
.author-profile-hero__avatar-wrap {
  display: flex;
  justify-content: flex-start;
}
.author-profile-hero__avatar {
  inline-size: clamp(5.75rem, 10vw, 8.75rem);
  block-size: clamp(5.75rem, 10vw, 8.75rem);
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}
.author-profile-hero__avatar--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
}
.author-profile-hero__copy {
  display: grid;
  gap: var(--ntcms-space-3, 0.75rem);
}
.author-profile-hero__kickers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}
.author-profile-hero__role,
.author-profile-hero__beat {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.8rem;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.author-profile-hero__role {
  background: rgba(15, 23, 42, 0.07);
  color: #0f172a;
}
.author-profile-hero__beat {
  background: rgba(29, 78, 216, 0.09);
  color: #1d4ed8;
}
.author-profile-hero__title {
  margin: 0;
  color: #0f172a;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
}
.author-profile-hero__verified {
  display: inline-flex;
  vertical-align: 0.12em;
  margin-left: 0.35rem;
}
.author-profile-hero__bio {
  max-width: 46rem;
  margin: 0;
  color: #475569;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  line-height: 1.65;
}
.author-profile-hero__rail {
  display: grid;
  gap: var(--ntcms-space-4, 1rem);
  padding: clamp(1.15rem, 1.8vw, 1.5rem);
}
.author-profile-stats {
  display: grid;
  gap: 0.85rem;
}
.author-profile-stat {
  padding: 0.95rem 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.9);
}
.author-profile-stat strong {
  display: block;
  margin-top: 0.3rem;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.35;
}
.author-profile-actions {
  display: grid;
  gap: 0.9rem;
}
.author-profile-actions__primary,
.author-profile-actions__secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.author-profile-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 2.8rem;
  padding: 0.68rem 1.15rem;
  border: 1px solid #0f172a;
  border-radius: 999px;
  background: #0f172a;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.author-profile-btn:hover,
.author-profile-btn:focus-visible {
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}
.author-profile-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.author-profile-icon-btn:hover,
.author-profile-icon-btn:focus-visible {
  color: #0f172a;
  border-color: rgba(37, 99, 235, 0.25);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
}
.author-profile-trust-note {
  margin-bottom: 0;
}
.author-profile-stories {
  padding: clamp(1.25rem, 2vw, 1.75rem);
}
.author-profile-stories__head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  margin-bottom: 1.35rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.author-profile-stories__title {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.05;
}
.author-profile-stories__summary {
  max-width: 19rem;
  margin: 0;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.5;
}
.author-profile-empty {
  padding: 1rem 1.1rem;
  border: 1px dashed rgba(37, 99, 235, 0.35);
  border-radius: 1rem;
  background: rgba(248, 250, 252, 0.9);
  color: #475569;
}
.author-story-grid {
  display: grid;
  gap: 1.15rem;
}
.author-story-card {
  position: relative;
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.author-story-card:hover,
.author-story-card:focus-within {
  border-color: rgba(37, 99, 235, 0.22);
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
.author-story-card__media {
  display: block;
  overflow: hidden;
  background: #e2e8f0;
}
.author-story-card__image {
  inline-size: 100%;
  block-size: 14rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 220ms ease;
}
.author-story-card:hover .author-story-card__image,
.author-story-card:focus-within .author-story-card__image {
  transform: scale(1.03);
}
.author-story-card__body {
  display: grid;
  gap: 0.75rem;
  padding: 1.1rem 1.1rem 1rem;
}
.author-story-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
}
.author-story-card__kicker {
  color: #9a3412;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
}
.author-story-card__title {
  margin: 0;
  color: #0f172a;
  font-size: 1.2rem;
  line-height: 1.2;
}
.author-story-card__premium {
  display: inline-flex;
  align-items: center;
  margin-left: 0.45rem;
  color: #9a3412;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.author-story-card__excerpt {
  margin: 0;
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.58;
}
.author-story-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  color: #64748b;
  font-size: 0.83rem;
  font-weight: 600;
}
.author-profile-pagination {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .author-profile-hero__identity {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .author-profile-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .author-story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .author-profile-hero {
    grid-template-columns: minmax(0, 1.45fr) minmax(21rem, 0.85fr);
  }

  .author-profile-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .author-story-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .author-profile-shell {
    padding-top: 1.5rem;
  }

  .author-profile-hero__main,
  .author-profile-hero__rail,
  .author-profile-stories {
    padding: 1rem;
  }

  .author-profile-hero__title {
    font-size: clamp(1.95rem, 10vw, 2.9rem);
  }

  .author-profile-stories__head,
  .author-story-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-home-layout {
  gap: var(--ntcms-space-5);
}
.p-home-layout__header {
  align-items: center;
}
.p-home-layout__header-copy {
  min-inline-size: 0;
}
.p-home-layout__header-copy p {
  margin: 0;
}
.p-home-layout__actions {
  align-items: center;
}
.p-home-layout__alerts {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-3);
}
.p-home-layout__blocks {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-4);
}
.p-home-layout__empty {
  gap: var(--ntcms-space-2);
}
.p-home-layout__block {
  margin: 0;
}
.p-home-layout__block-toolbar {
  align-items: center;
}
.p-home-layout__block-handle {
  display: inline-flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.p-home-layout__block-preview {
  align-items: stretch;
}
.p-home-layout__preview-media {
  inline-size: 4.75rem;
}
.p-home-layout__block-heading {
  justify-content: center;
}
.p-home-layout__block-title {
  font-size: var(--ntcms-font-size-lg);
}
.p-home-layout__block-meta {
  gap: var(--ntcms-space-2);
}
.p-home-layout__grid {
  row-gap: var(--ntcms-space-4);
}
.p-home-layout__nested-card {
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 94%, var(--ntcms-color-surface-muted));
}
.p-home-layout__subsection-title {
  margin: 0;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.04em;
  line-height: var(--ntcms-font-line-height-snug);
  text-transform: uppercase;
}
.p-home-layout__section-divider {
  padding-block-end: var(--ntcms-space-3);
  border-bottom: 1px solid var(--ntcms-color-border-subtle);
}
@media (max-width: 767.98px) {
  .p-home-layout__header {
    align-items: flex-start;
  }

  .p-home-layout__preview-media {
    inline-size: 100%;
  }
}
.p-home-horoscope .homepage-horoscope-link {
  font-weight: 600;
}
.p-home-horoscope .homepage-horoscope-periods .c-badge {
  transition: background-color var(--ntcms-motion-duration-fast, 160ms) ease,
    color var(--ntcms-motion-duration-fast, 160ms) ease,
    border-color var(--ntcms-motion-duration-fast, 160ms) ease;
}
.p-home-horoscope .homepage-horoscope-periods .c-badge:hover,
.p-home-horoscope .homepage-horoscope-periods .c-badge:focus-visible {
  background: var(--ntcms-color-surface-selected, #f5efe6);
  color: var(--ntcms-color-text-primary, #101418);
}
.p-home-horoscope-desk .homepage-horoscope-desk-copy {
  max-width: 40rem;
}
.homepage-horoscope-feature {
  height: 100%;
}
.homepage-horoscope-feature-shell {
  display: grid;
  grid-template-columns: minmax(96px, 132px) 1fr;
  gap: 1rem;
  align-items: center;
  padding: 1.5rem;
}
.homepage-horoscope-feature-media {
  background:
    radial-gradient(circle at top, rgba(255, 208, 103, 0.45), transparent 60%),
    linear-gradient(160deg, rgba(20, 28, 45, 0.96), rgba(43, 66, 104, 0.92));
  border-radius: 1.5rem;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.homepage-horoscope-feature-icon {
  width: 100%;
  max-width: 72px;
  max-height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage-horoscope-feature-fallback {
  color: #fff7d6;
  font-size: 0.95rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.homepage-horoscope-feature-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.homepage-horoscope-feature-title,
.homepage-horoscope-list-title {
  margin-bottom: 0.5rem;
}
.homepage-horoscope-native {
  display: block;
  font-size: 0.95rem;
  color: var(--ntcms-color-text-secondary, #5f6875);
  margin-top: 0.3rem;
}
.homepage-horoscope-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  color: var(--ntcms-color-text-secondary, #5f6875);
}
.homepage-horoscope-signal {
  margin-top: 0.9rem;
  font-size: 0.94rem;
  color: var(--ntcms-color-text-secondary, #5f6875);
}
.homepage-horoscope-list-card {
  border: 1px solid rgba(16, 20, 24, 0.08);
}
.homepage-horoscope-list-native {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--ntcms-color-text-secondary, #5f6875);
}
.homepage-horoscope-list-excerpt {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .homepage-horoscope-feature-shell {
    grid-template-columns: 1fr;
  }

  .homepage-horoscope-feature-media {
    max-width: 120px;
  }
}
.p-home-recipes .homepage-recipes-title {
  font-size: 1.4rem;
  letter-spacing: -0.03em;
}
.homepage-recipe-feature.c-card {
  gap: 0;
  min-block-size: 100%;
  overflow: hidden;
  padding: 0;
}
.homepage-recipe-feature .c-card__media {
  border: 0;
  border-radius: 0;
}
.homepage-recipe-feature-media,
.homepage-recipe-feature-fallback {
  aspect-ratio: 16 / 10;
}
.homepage-recipe-feature-fallback {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
  padding: var(--ntcms-space-5);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ntcms-color-accent-default) 22%, transparent), transparent 44%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-muted) 92%, white) 0%, color-mix(in srgb, var(--ntcms-color-surface-default) 96%, #fff8ef) 100%);
}
.homepage-recipe-feature-fallback-mark {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: clamp(2rem, 1.7rem + 1vw, 2.8rem);
  line-height: 1;
}
.homepage-recipe-feature-fallback-copy {
  max-inline-size: 26ch;
  color: var(--ntcms-color-text-muted);
  font-size: 0.92rem;
}
.homepage-recipe-feature-body.c-card__body {
  padding: var(--ntcms-space-5);
}
.homepage-recipe-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
  margin-bottom: 0.9rem;
}
.homepage-recipe-flag-soft,
.homepage-recipe-list-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.52rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-accent-default);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.homepage-recipe-feature-title,
.homepage-recipe-list-title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
}
.homepage-recipe-feature-title {
  font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2.1rem);
  line-height: 1.13;
}
.homepage-recipe-feature-excerpt {
  line-height: 1.65;
}
.homepage-recipe-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.82rem;
  font-weight: 600;
}
.homepage-recipe-meta i {
  margin-right: 0.28rem;
}
.homepage-recipe-freshness {
  margin-top: var(--ntcms-space-3);
  color: var(--ntcms-color-text-muted);
  font-size: 0.78rem;
  font-weight: 600;
}
.homepage-recipe-list {
  min-block-size: 100%;
}
.homepage-recipe-list-card.c-card {
  padding: var(--ntcms-space-4);
  min-block-size: auto;
  border-color: color-mix(in srgb, var(--ntcms-color-border-default) 64%, transparent);
  box-shadow: var(--ntcms-shadow-sm);
}
.homepage-recipe-list-title {
  margin-bottom: 0.55rem;
  font-size: 1.02rem;
  line-height: 1.35;
}
.homepage-recipe-eyebrow {
  margin-bottom: 0;
  color: var(--ntcms-color-accent-default);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
}
@media (max-width: 991.98px) {
  .homepage-recipe-feature-body.c-card__body {
    padding: var(--ntcms-space-4);
  }
}
@media (max-width: 767.98px) {
  .homepage-recipe-feature-title {
    font-size: 1.45rem;
  }

  .homepage-recipe-list-card.c-card:nth-child(n + 4) {
    display: none;
  }
}
.nr-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nr-card__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--ntcms-color-surface-muted, #f3f4f6);
}
.nr-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.nr-card__title {
  display: -webkit-box;
  overflow: hidden;
  font-weight: var(--reader-headline-weight, 700);
  letter-spacing: var(--reader-headline-letter-spacing, 0);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.nr-empty-zone {
  padding: var(--ntcms-space-4, 1rem);
  border: 1px dashed var(--ntcms-color-border-muted, #d1d5db);
  border-radius: var(--ntcms-radius-md, 8px);
  background: var(--ntcms-color-surface-muted, #f9fafb);
  color: var(--ntcms-color-text-muted, #6b7280);
}
.nr-empty-zone__title {
  margin: 0 0 0.25rem;
  color: var(--ntcms-color-text-default, #111827);
  font-weight: 700;
}
.nr-empty-zone__hint {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
.homepage-hero-main-card.c-card,
.homepage-hero-feature-card.c-card {
  max-inline-size: none;
  margin-inline: 0;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}
.homepage-hero-main-card .c-card__eyebrow,
.homepage-hero-main-card .c-card__title,
.homepage-hero-main-card .c-card__meta,
.homepage-hero-main-card .c-card__actions,
.homepage-hero-feature-card .c-card__eyebrow,
.homepage-hero-feature-card .c-card__title,
.homepage-hero-feature-card .c-card__meta,
.homepage-hero-feature-card .c-card__actions {
  color: var(--ntcms-color-text-default);
}
.homepage-hero-main-card .c-card__title,
.homepage-hero-feature-card .c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: clamp(2rem, 1.55rem + 1.5vw, 3.1rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
}
.homepage-hero-main-card .c-card__title-link,
.homepage-hero-main-card .c-card__actions a,
.homepage-hero-feature-card .c-card__title-link,
.homepage-hero-feature-card .c-card__actions a {
  color: inherit;
}
.homepage-hero-main-card .c-card__title-link:hover,
.homepage-hero-main-card .c-card__title-link:focus-visible,
.homepage-hero-main-card .c-card__actions a:hover,
.homepage-hero-main-card .c-card__actions a:focus-visible,
.homepage-hero-feature-card .c-card__title-link:hover,
.homepage-hero-feature-card .c-card__title-link:focus-visible,
.homepage-hero-feature-card .c-card__actions a:hover,
.homepage-hero-feature-card .c-card__actions a:focus-visible {
  color: #b91c1c;
}
.homepage-hero-main-card .c-card__flag--live,
.homepage-hero-feature-card .c-card__flag--live {
  background: color-mix(in srgb, var(--ntcms-color-state-error-bg) 92%, var(--ntcms-color-surface-default));
}
.homepage-hero-freshness {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.9rem;
  color: #6b7280;
  font-size: 0.78rem;
  font-weight: 600;
}
.homepage-hero-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: rgba(185, 28, 28, 0.08);
  color: #b91c1c;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.homepage-hero-main-card .c-card__avatar,
.homepage-hero-feature-card .c-card__avatar {
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 22%, transparent);
  color: var(--ntcms-color-text-inverse);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ntcms-color-surface-default) 18%, transparent);
}
.homepage-hero-main-card .feature-icon-box,
.homepage-hero-feature-card .feature-icon-box {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: var(--ntcms-radius-md);
  flex-shrink: 0;
}
.homepage-explainer-feature.c-card,
.homepage-explainer-list-item.c-card,
.homepage-opinion-card.c-card,
.most-read-card.c-card {
  background: rgba(255, 255, 255, 0.96);
}
.homepage-explainer-feature.c-card {
  gap: 0;
  padding: 0;
  overflow: hidden;
}
.homepage-explainer-feature .homepage-explainer-feature-media-shell.c-card__media {
  border: 0;
  border-radius: 0;
  background: #f3f4f6;
}
.homepage-explainer-feature .homepage-explainer-feature-media {
  display: block;
  overflow: hidden;
  background: #f3f4f6;
}
.homepage-explainer-feature .homepage-explainer-feature-image,
.homepage-explainer-list-item .homepage-explainer-list-thumb-image {
  display: block;
}
.homepage-explainer-feature .homepage-explainer-feature-body.c-card__body {
  margin: -3.75rem var(--ntcms-space-4) 0;
  padding: var(--ntcms-space-5);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-md);
  position: relative;
}
.homepage-explainer-feature .c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: clamp(1.4rem, 1.15rem + 0.7vw, 2rem);
  line-height: 1.15;
}
.homepage-explainer-feature .c-card__excerpt {
  line-height: 1.65;
}
.homepage-explainer-feature-kicker,
.homepage-explainer-list-kicker {
  letter-spacing: 0.11em;
}
.homepage-explainer-list-item.c-card {
  gap: var(--ntcms-space-3);
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  border-color: rgba(17, 24, 39, 0.1);
}
.homepage-explainer-list-item.c-card:hover,
.homepage-explainer-list-item.c-card:focus-within {
  transform: none;
  box-shadow: none;
  border-color: transparent;
}
.homepage-explainer-list-item .homepage-explainer-list-grid {
  gap: var(--ntcms-space-4);
}
.homepage-explainer-list-item .homepage-explainer-list-copy {
  min-inline-size: 0;
}
.homepage-explainer-list-item .homepage-explainer-list-thumb.c-card__media {
  inline-size: 5.5rem;
  block-size: 5.5rem;
  aspect-ratio: 1 / 1;
  border-radius: var(--ntcms-radius-md);
}
.homepage-explainer-list-item .c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1.08rem;
  line-height: 1.38;
}
.homepage-opinion-card.c-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--ntcms-space-4);
  padding: 0 0 var(--ntcms-space-4);
  border: 0;
  border-bottom: 1px dotted color-mix(in srgb, var(--ntcms-color-border-default) 80%, transparent);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.homepage-opinion-rail {
  position: relative;
}
.homepage-opinion-list {
  gap: 1.25rem !important;
}
.homepage-opinion-card.c-card:hover,
.homepage-opinion-card.c-card:focus-within {
  transform: none;
  box-shadow: none;
  border-color: color-mix(in srgb, var(--ntcms-color-border-default) 80%, transparent);
}
.homepage-opinion-card .homepage-opinion-avatar-wrap {
  padding-top: 0.15rem;
  flex-shrink: 0;
}
.homepage-opinion-avatar-shell {
  inline-size: 60px;
  block-size: 60px;
  overflow: hidden;
}
.homepage-opinion-avatar {
  display: block;
  inline-size: 60px;
  block-size: 60px;
  border-radius: 999px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.homepage-opinion-card .c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1.12rem;
  font-weight: var(--ntcms-font-weight-medium);
  line-height: 1.35;
}
.homepage-opinion-author {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.most-read-card.c-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--ntcms-space-4);
  padding: var(--ntcms-space-5);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.98);
}
.most-read-card .c-card__body {
  gap: var(--ntcms-space-2);
}
.most-read-rank.c-card__rank {
  min-inline-size: 2.5rem;
  color: #c2410c;
}
.most-read-card .c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1.1rem;
  line-height: 1.35;
  margin-bottom: 0.5rem;
}
@media (max-width: 991.98px) {
  .homepage-hero-main-card.c-card,
  .homepage-hero-feature-card.c-card {
    max-inline-size: 100%;
  }

  .homepage-explainer-feature .homepage-explainer-feature-body.c-card__body {
    margin-top: -3rem;
  }
}
@media (max-width: 767.98px) {
  .homepage-hero-main-card.c-card,
  .homepage-hero-feature-card.c-card {
    padding: var(--ntcms-space-4);
  }

  .homepage-hero-main-card .c-card__title,
  .homepage-hero-feature-card .c-card__title {
    font-size: clamp(1.65rem, 1.35rem + 2.1vw, 2.2rem);
  }

  .homepage-explainer-feature .homepage-explainer-feature-body.c-card__body {
    margin: -2.5rem var(--ntcms-space-3) 0;
    padding: var(--ntcms-space-4);
  }

  .homepage-explainer-list-item:nth-child(n+4),
  .homepage-opinion-list .homepage-opinion-card:nth-child(n+4) {
    display: none;
  }

  .homepage-opinion-list {
    gap: 1rem !important;
  }

  .homepage-opinion-card.c-card,
  .most-read-card.c-card {
    gap: var(--ntcms-space-3);
  }
}
@media (max-width: 575.98px) {
  .homepage-hero-main-card.c-card,
  .homepage-hero-feature-card.c-card {
    padding: 0;
  }
}
.homepage-main {
  background:
    linear-gradient(180deg, #f8f6f1 0, #ffffff 180px),
    #ffffff;
}
.homepage-reader-shell {
  position: relative;
}
.homepage-reader-shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  block-size: 220px;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.025), rgba(17, 24, 39, 0));
  pointer-events: none;
}
.homepage-main > section,
.homepage-main > .container {
  position: relative;
}
.homepage-main > section + section,
.homepage-main > .container + section,
.homepage-main > section + .container {
  margin-top: 0.25rem;
}
.homepage-section-block {
  padding-block: 2.5rem !important;
}
.homepage-surface-neutral,
.homepage-surface-warm,
.homepage-surface-editorial,
.homepage-surface-visual,
.homepage-surface-ink {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.homepage-surface-neutral::after,
.homepage-surface-warm::after,
.homepage-surface-editorial::after,
.homepage-surface-visual::after,
.homepage-surface-ink::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.05);
}
.homepage-surface-neutral {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.98));
}
.homepage-surface-warm {
  background: linear-gradient(180deg, rgba(251, 247, 239, 0.95), rgba(255, 255, 255, 0.98));
}
.homepage-surface-editorial {
  background: linear-gradient(180deg, rgba(248, 246, 241, 0.98), rgba(255, 255, 255, 0.98));
}
.homepage-surface-visual {
  background: linear-gradient(180deg, rgba(248, 246, 241, 0.92), rgba(255, 255, 255, 1));
}
.homepage-surface-ink {
  background: linear-gradient(180deg, rgba(244, 246, 248, 0.98), rgba(255, 255, 255, 0.98));
}
.homepage-section-block + .homepage-section-block::before,
.homepage-section-block + .homepage-hero-section::before,
.homepage-hero-section + .homepage-section-block::before {
  content: "";
  position: absolute;
  inset: 0.05rem 0.75rem auto;
  block-size: 1px;
  background: linear-gradient(90deg, rgba(17, 24, 39, 0), rgba(17, 24, 39, 0.14), rgba(17, 24, 39, 0));
}
.homepage-section-header {
  padding-bottom: 0.4rem !important;
}
.homepage-section-title {
  font-family: var(--ntcms-font-family-sans);
  font-size: 0.88rem;
  letter-spacing: 0.12em;
}
.homepage-section-link {
  letter-spacing: 0.08em;
  transition: color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.homepage-section-link:hover {
  color: #b91c1c !important;
}
.homepage-section-chip {
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.55rem;
  padding: 0.22rem 0.52rem;
  border-radius: 999px;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.homepage-section-chip-video,
.homepage-section-chip-featured {
  background: rgba(17, 24, 39, 0.08);
  color: #111827;
}
.homepage-section-chip-topic,
.homepage-section-chip-shorts {
  background: rgba(185, 28, 28, 0.08);
  color: #b91c1c;
}
.homepage-section-chip-visual {
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  color: #111827;
}
.homepage-section-chip-opinion {
  background: rgba(30, 64, 175, 0.08);
  color: #1e40af;
}
.editorial-top-story-meta {
  margin-bottom: 0.35rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.editorial-story-freshness {
  margin-bottom: 0.55rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.editorial-kicker {
  display: inline-block;
  margin-bottom: 0.6rem;
  color: #b91c1c;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.editorial-title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ntcms-color-text-default);
}
.editorial-subtitle {
  color: var(--ntcms-color-text-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}
.font-sans {
  font-family: var(--ntcms-font-family-sans) !important;
}
.font-georgia {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
}
.font-serif-display {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
}
.font-serif-display-lg {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
}
.font-serif-display-md {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1.25rem;
  font-weight: 700;
}
.font-serif-display-sm {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1rem;
  font-weight: 700;
}
.font-serif-body {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1rem;
  line-height: 1.6;
}
.font-sans-meta {
  font-family: var(--ntcms-font-family-sans);
  font-size: 0.85rem;
}
.font-sans-uppercase-lg {
  font-family: var(--ntcms-font-family-sans);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.5px;
}
.font-sans-uppercase-sm {
  font-family: var(--ntcms-font-family-sans);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}
.font-sans-uppercase-xs {
  font-family: var(--ntcms-font-family-sans);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
}
.font-sans-uppercase-xxs {
  font-family: var(--ntcms-font-family-sans);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 0.5px;
}
.font-serif-devanagari {
  font-family: "Noto Serif Devanagari", var(--font-heading, var(--ntcms-font-family-serif));
}
.sub-hero-title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-weight: 700;
}
.ls-0 {
  letter-spacing: 0;
}
.ls-05em {
  letter-spacing: 0.05em;
}
.fs-07rem {
  font-size: 0.7rem !important;
}
.fs-08rem {
  font-size: 0.8rem;
}
.fs-09rem {
  font-size: 0.9rem;
}
.fs-095rem {
  font-size: 0.95rem;
}
.fs-1rem {
  font-size: 1rem;
}
.fs-1-1rem {
  font-size: 1.1rem;
}
.lh-13 {
  line-height: 1.3;
}
.lh-14 {
  line-height: 1.4;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.aj-orange-text {
  color: #f58e08;
}
.blink-animation,
.homepage-live-indicator {
  animation: homepage-blink 1.5s infinite;
}
@keyframes homepage-blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}
.homepage-trending-shell {
  position: relative;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 98%, white) 0%, var(--ntcms-color-surface-muted) 100%);
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--ntcms-color-border-default) 72%, transparent);
}
.aj-trending-wrapper {
  block-size: 40px;
  font-family: var(--ntcms-font-family-sans);
  font-size: 14px;
  position: relative;
  z-index: 9;
  background: #fff;
}
.aj-trending-wrapper .navigation-bar {
  display: flex;
  align-items: center;
  inline-size: auto;
  margin-inline: auto;
  padding-inline: 20px;
  white-space: nowrap;
}
.aj-trending-wrapper .navigation-bar::before {
  content: "";
  display: inline-block;
  inline-size: 18px;
  block-size: 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.833 10L.667 8.833l6.166-6.208 3.334 3.333L14.5 1.667h-2.167V0h5v5h-1.666V2.833l-5.5 5.5L6.833 5l-5 5z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
  flex-shrink: 0;
}
.homepage-trending-scroll {
  min-block-size: 46px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.homepage-trending-scroll::-webkit-scrollbar {
  display: none;
}
.homepage-trending-bar {
  gap: 1rem;
  padding-block: 0.2rem;
}
.homepage-trending-label {
  position: relative;
  flex-shrink: 0;
  padding-right: 1rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.homepage-trending-label::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto auto;
  inline-size: 1px;
  block-size: 16px;
  background: rgba(17, 24, 39, 0.14);
  transform: translateY(-50%);
}
.homepage-trending-menu {
  gap: 0.9rem;
}
.homepage-trending-item {
  position: relative;
  margin-right: 0 !important;
  color: #4b5563 !important;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.35;
  transition: color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.homepage-trending-item:hover {
  color: #b91c1c !important;
}
.homepage-trending-item + .homepage-trending-item {
  padding-left: 0.95rem;
}
.homepage-trending-item + .homepage-trending-item::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 0;
  inline-size: 4px;
  block-size: 4px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.28);
  transform: translateY(-50%);
}
.aj-trending-wrapper .navigation-bar__menu {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aj-trending-wrapper .navigation-bar__item {
  color: #121212 !important;
  padding-block: 5px;
  transition: color var(--ntcms-motion-duration-fast) var(--ntcms-motion-ease-standard);
}
.aj-trending-wrapper .navigation-bar__item:hover {
  color: #000 !important;
  text-decoration: underline !important;
}
.aj-trending-wrapper .trending-arrow {
  background: #fff;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 40px;
  block-size: 100%;
  position: absolute;
  inset-block-start: 0;
  z-index: 10;
}
.aj-trending-wrapper .arrow-left {
  inset-inline-start: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
  padding-right: 15px;
  justify-content: flex-start;
  padding-left: 15px;
}
.aj-trending-wrapper .arrow-right {
  inset-inline-end: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
  padding-left: 15px;
  justify-content: flex-end;
  padding-right: 15px;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.homepage-hero-section,
.homepage-hero-cluster--secondary {
  padding-top: 1.4rem !important;
  padding-bottom: 2.35rem !important;
}
.homepage-hero-grid {
  align-items: start;
}
.homepage-hero-column-divider {
  border-right: 1px solid rgba(17, 24, 39, 0.08);
}
.homepage-hero-main {
  margin-bottom: 0 !important;
}
.homepage-hero-image-link,
.homepage-sublead-thumb,
.homepage-center-lead-media,
.homepage-center-secondary-thumb,
.homepage-multi-feature-media {
  overflow: hidden;
}
.homepage-hero-image-link .c-card__thumb,
.homepage-hero-image-link img,
.homepage-sublead-thumb .c-card__thumb,
.homepage-sublead-thumb img,
.homepage-center-lead-media .c-card__thumb,
.homepage-center-lead-media img,
.homepage-center-secondary-thumb .c-card__thumb,
.homepage-center-secondary-thumb img,
.homepage-multi-feature-media .c-card__thumb,
.homepage-multi-feature-media img {
  transition: transform var(--ntcms-motion-duration-normal) var(--ntcms-motion-ease-standard);
}
.homepage-hero-image-link:hover .c-card__thumb,
.homepage-hero-image-link:focus-visible .c-card__thumb,
.homepage-hero-image-link:hover img,
.homepage-hero-image-link:focus-visible img,
.homepage-sublead-thumb:hover .c-card__thumb,
.homepage-sublead-thumb:focus-visible .c-card__thumb,
.homepage-center-lead-media:hover .c-card__thumb,
.homepage-center-lead-media:focus-visible .c-card__thumb,
.homepage-center-secondary-thumb:hover .c-card__thumb,
.homepage-center-secondary-thumb:focus-visible .c-card__thumb,
.homepage-multi-feature-media:hover .c-card__thumb,
.homepage-multi-feature-media:focus-visible .c-card__thumb {
  transform: scale(1.03);
}
.homepage-hero-image {
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 22px;
}
.homepage-lead-story {
  display: grid;
  gap: 1.15rem;
}
.homepage-lead-story__media-shell {
  position: relative;
}
.homepage-lead-story__content {
  display: grid;
  gap: 0.85rem;
  max-inline-size: 46rem;
}
.homepage-lead-story__meta-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.homepage-lead-story__freshness {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 600;
}
.homepage-hero-main-card {
  z-index: 1;
  max-inline-size: none;
  margin-inline: 0;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}
.homepage-lead-story__dek {
  max-inline-size: 44rem;
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.65;
}
.homepage-hero-eyebrow {
  color: #b91c1c;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
}
.homepage-hero-eyebrow-dot {
  font-size: 0.5rem;
}
.homepage-live-updates-icon {
  font-size: 1rem;
}
.homepage-live-updates-label {
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}
.homepage-live-update-time {
  white-space: nowrap;
  font-size: 0.85rem;
}
.homepage-live-update-copy {
  line-height: 1.4;
  font-size: 0.95rem;
}
.homepage-sublead-story {
  padding-top: 1rem !important;
  margin-top: 1rem !important;
  border-color: rgba(17, 24, 39, 0.1) !important;
}
.homepage-sublead-story--refined .sub-hero-title {
  font-size: 1.2rem;
  line-height: 1.3;
}
.homepage-sublead-story__meta {
  margin-bottom: 0.35rem;
}
.homepage-sublead-story__dek {
  color: #6b7280;
  font-size: 0.88rem;
  line-height: 1.5;
}
.homepage-sublead-media-wrap {
  inline-size: 9.5rem;
}
.homepage-sublead-image {
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage-sublead-eyebrow {
  color: #b91c1c;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.homepage-hero-center-column {
  gap: 0.2rem;
}
.homepage-center-rail-label {
  margin-bottom: 0.9rem;
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.homepage-center-lead-story,
.homepage-center-secondary-story,
.homepage-center-list-story {
  border-color: rgba(17, 24, 39, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.homepage-center-lead-story .sub-hero-title,
.homepage-center-secondary-story .sub-hero-title,
.homepage-center-list-story .sub-hero-title {
  letter-spacing: -0.01em;
}
.homepage-center-lead-image {
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage-center-lead-title {
  font-size: 1.18rem;
  line-height: 1.28;
}
.homepage-center-live-badge {
  font-size: 0.65rem;
  letter-spacing: 0.05em;
}
.homepage-center-secondary-media-wrap {
  inline-size: 5.3125rem;
}
.homepage-center-secondary-image {
  aspect-ratio: 16 / 10;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage-center-secondary-title {
  font-size: 0.98rem;
  line-height: 1.38;
}
.homepage-center-list-title {
  font-size: 0.95rem;
  line-height: 1.4;
}
.homepage-sidebar-rail {
  border-left: 1px solid rgba(17, 24, 39, 0.08);
  padding-left: 1.05rem;
}
.homepage-sidebar-heading-wrap {
  margin-bottom: 0.7rem !important;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(17, 24, 39, 0.14);
}
.homepage-sidebar-kicker {
  margin-bottom: 0.25rem;
  color: #64748b;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.homepage-sidebar-heading {
  font-family: var(--ntcms-font-family-sans);
  font-size: 1rem !important;
  letter-spacing: 0.06em !important;
}
.homepage-sidebar-list {
  gap: 0;
}
.homepage-sidebar-story-title {
  font-family: var(--ntcms-font-family-sans);
  font-size: 0.96rem !important;
  line-height: 1.34 !important;
  font-weight: 500 !important;
}
.homepage-sidebar-story-title a:hover {
  color: #b91c1c !important;
}
.homepage-sidebar-story {
  padding-block: 0.85rem !important;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.homepage-opinion-rail--divided {
  border-left: 1px solid #dee2e6;
}
.homepage-visual-shorts-section {
  background:
    linear-gradient(180deg, rgba(248, 246, 241, 0.85) 0%, rgba(255, 255, 255, 1) 100%) !important;
}
.homepage-visual-stories-rail {
  padding-top: 0.4rem;
}
.homepage-visual-stories-rail-full .web-stories-track {
  flex-wrap: wrap;
  overflow: visible !important;
}
.homepage-visual-story-item {
  width: min(240px, 58vw);
}
.homepage-visual-story-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.web-story-item-combined {
  scroll-snap-align: start;
  width: 45%;
}
.homepage-visual-story-media-featured {
  aspect-ratio: 16 / 9;
}
.homepage-visual-story-media-standard {
  aspect-ratio: 9 / 16;
}
.homepage-visual-nav--prev {
  inline-size: 35px;
  block-size: 35px;
  left: -15px !important;
}
.homepage-visual-nav--next {
  inline-size: 35px;
  block-size: 35px;
  right: -15px !important;
}
.nav-btn-lg {
  inline-size: 40px;
  block-size: 40px;
}
.nav-btn-lg.nav-btn-prev {
  left: -20px !important;
}
.nav-btn-lg.nav-btn-next {
  right: -20px !important;
}
.homepage-epaper-nav-hint {
  inline-size: 30px;
  block-size: 30px;
  left: -15px !important;
  z-index: 10;
}
.shorts-phone-container {
  border: 8px solid #212529;
  border-radius: 2.5rem;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 500px;
  max-block-size: 600px;
}
.shorts-phone-side-btn {
  inline-size: 3px;
  position: absolute;
  background-color: #212529;
}
.shorts-phone-mute {
  block-size: 30px;
  top: 70px;
  left: -3px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.shorts-phone-vol-up {
  block-size: 50px;
  top: 120px;
  left: -3px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.shorts-phone-vol-down {
  block-size: 50px;
  top: 180px;
  left: -3px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.shorts-phone-power {
  block-size: 70px;
  top: 110px;
  right: -3px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.shorts-phone-status-bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
}
.shorts-phone-time {
  font-size: 13px;
  letter-spacing: 0.5px;
}
.shorts-phone-notch {
  inline-size: 100px;
  block-size: 26px;
}
.shorts-phone-camera {
  inline-size: 8px;
  block-size: 8px;
  border: 1px solid #333;
}
.shorts-phone-speaker {
  inline-size: 30px;
  block-size: 6px;
  border: 1px solid #333;
}
.shorts-phone-home-indicator {
  inline-size: 120px;
  block-size: 5px;
  opacity: 0.2;
}
.homepage-visual-shorts-section .short-card .small.text-secondary {
  -webkit-line-clamp: 8 !important;
}
.shorts-app-header {
  pointer-events: auto;
}
.shorts-brand-name {
  color: #d71920;
  font-weight: 900;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.shorts-brand-tail {
  color: #111;
  font-style: italic;
}
.w-80px {
  width: 80px;
}
.h-80px {
  height: 80px;
}
.min-w-100px {
  min-width: 100px;
}
.bg-orange-light {
  background-color: #fff0e6;
}
.transition-transform-02 {
  transition: transform 0.2s;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.zodiac-icon-wrapper:hover {
  transform: scale(1.15);
  border-color: #ff9900 !important;
  background-color: #ffe0cc !important;
  box-shadow: 0 4px 15px rgba(255, 153, 0, 0.3);
}
@media (min-width: 992px) {
  .border-start-lg {
    border-left: 1px solid #dee2e6 !important;
  }

  .border-end-dotted {
    border-right: 1px dotted #ccc;
  }

  .border-end-news {
    border-right: 1px solid #dee2e6;
  }
}
.aspect-ratio-16x9 {
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
     object-fit: cover;
}
.aspect-ratio-16x10 {
  aspect-ratio: 16 / 10;
  -o-object-fit: cover;
     object-fit: cover;
}
.aspect-ratio-4x3 {
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
}
.object-pos-top {
  -o-object-position: top;
     object-position: top;
}
.epaper-read-btn {
  background-color: #ffc107;
  border-radius: 0;
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
}
.homepage-sublead-story.c-card,
.homepage-center-lead-story.c-card,
.homepage-center-secondary-story.c-card,
.homepage-center-list-story.c-card,
.homepage-sidebar-story.c-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.homepage-sublead-story.c-card,
.homepage-center-secondary-story.c-card {
  flex-direction: row;
}
.homepage-sublead-thumb.c-card__media,
.homepage-center-secondary-thumb.c-card__media,
.homepage-hero-slider-side-thumb.c-card__media {
  border: 0;
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
}
.homepage-center-lead-story.c-card {
  gap: var(--ntcms-space-3);
}
.homepage-center-lead-story .c-card__media {
  border: 0;
  border-radius: var(--ntcms-radius-lg);
}
.homepage-sidebar-story.c-card {
  padding-block: 0.7rem;
  border-bottom: 1px dotted rgba(17, 24, 39, 0.22);
}
.homepage-sidebar-story:last-child {
  border-bottom: 0;
}
.p-home-bundles .homepage-bundle-card {
  min-block-size: 100%;
}
.p-home-bundles .homepage-bundle-card .c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: clamp(1.15rem, 1rem + 0.4vw, 1.45rem);
}
.p-home-multimedia .multimedia-desk-panel.c-card {
  gap: var(--ntcms-space-4);
  min-block-size: 100%;
}
.p-home-multimedia .multimedia-desk-card.c-card {
  gap: var(--ntcms-space-4);
  flex-direction: row;
  align-items: stretch;
  padding: var(--ntcms-space-3);
  border-radius: var(--ntcms-radius-lg);
}
.p-home-multimedia .multimedia-desk-thumb.c-card__media {
  inline-size: 10rem;
  min-inline-size: 10rem;
  aspect-ratio: 16 / 10;
  border: 0;
  border-radius: var(--ntcms-radius-lg);
}
.p-home-multimedia .multimedia-desk-body .c-card__title {
  font-size: 1rem;
  line-height: 1.4;
}
.p-home-multimedia .multimedia-desk-play {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.76);
  color: var(--ntcms-color-text-inverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: auto auto 0.75rem 0.75rem;
  box-shadow: var(--ntcms-shadow-md);
}
.p-home-multimedia .multimedia-desk-thumb {
  position: relative;
  overflow: hidden;
}
.p-home-multimedia .multimedia-desk-thumb-fallback {
  inline-size: 100%;
  block-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, var(--ntcms-color-surface-muted) 0%, color-mix(in srgb, var(--ntcms-color-accent-default) 12%, var(--ntcms-color-surface-default)) 100%);
  color: var(--ntcms-color-accent-default);
  font-size: 1.5rem;
}
.homepage-visual-story-card.c-card {
  min-block-size: 100%;
}
.homepage-visual-story-card .c-card__body {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--ntcms-space-4);
}
.homepage-visual-story-title.c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1rem;
  line-height: 1.28;
  max-inline-size: 24ch;
  text-wrap: balance;
}
.homepage-visual-story-fallback {
  background:
    radial-gradient(circle at top, color-mix(in srgb, var(--ntcms-color-accent-default) 20%, transparent), transparent 45%),
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-muted) 96%, white) 0%, color-mix(in srgb, var(--ntcms-color-surface-raised) 96%, var(--ntcms-color-surface-default)) 100%);
  color: var(--ntcms-color-text-default);
}
.homepage-visual-story-fallback-kicker {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.homepage-visual-story-fallback-mark {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 2.5rem;
  line-height: 1;
}
.homepage-visual-story-fallback-copy {
  font-size: 0.85rem;
  color: var(--ntcms-color-text-muted);
}
.homepage-short-card.c-card {
  gap: 0;
  padding: 0;
  border-radius: 1.2rem;
  border-color: color-mix(in srgb, var(--ntcms-color-border-default) 60%, transparent);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}
.homepage-short-card .c-card__media {
  border: 0;
  border-radius: 0;
}
.homepage-short-card .c-card__body {
  gap: var(--ntcms-space-3);
}
.p-home-horoscope .homepage-horoscope-card.c-card {
  min-inline-size: 7rem;
  padding: var(--ntcms-space-3);
  border-color: color-mix(in srgb, var(--ntcms-color-border-default) 64%, transparent);
  box-shadow: var(--ntcms-shadow-sm);
  background: linear-gradient(180deg, #fff8ef 0%, var(--ntcms-color-surface-default) 100%);
}
.p-home-horoscope .homepage-horoscope-card .c-card__media {
  inline-size: 5rem;
  block-size: 5rem;
  margin-inline: auto;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 72%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 10%, var(--ntcms-color-surface-default));
}
.homepage-horoscope-title {
  font-family: "Noto Serif Devanagari", var(--font-heading, var(--ntcms-font-family-serif));
}
.homepage-horoscope-track {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.homepage-horoscope-track::-webkit-scrollbar {
  display: none;
}
.homepage-horoscope-icon {
  transition: transform 0.2s;
}
.homepage-horoscope-icon:hover {
  transform: scale(1.15);
  border-color: #ff9900 !important;
  background-color: #ffe0cc !important;
  box-shadow: 0 4px 15px rgba(255, 153, 0, 0.3);
}
.p-home-horoscope .homepage-horoscope-card .c-card__title {
  font-size: 1rem;
  text-align: center;
}
.homepage-explainer-feature-media-shell {
  aspect-ratio: 16 / 9;
}
.p-home-express-explained .homepage-epaper-story.c-card {
  min-block-size: 100%;
}
.p-home-express-explained .homepage-epaper-story .c-card__media {
  border: 0;
  border-radius: var(--ntcms-radius-lg);
}
.p-home-express-explained .homepage-epaper-story-media {
  aspect-ratio: 16 / 9;
}
.homepage-epaper-story-label {
  font-size: 0.7rem;
  font-family: var(--ntcms-font-family-sans);
}
.p-home-express-explained .homepage-epaper-story .c-card__title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1.2rem;
  line-height: 1.35;
}
.homepage-epaper-story-link {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  line-height: 1.4;
}
.homepage-epaper-panel.c-card {
  padding: var(--ntcms-space-4);
  gap: var(--ntcms-space-4);
}
.homepage-epaper-cover.c-card__media {
  border-radius: var(--ntcms-radius-lg);
  overflow: hidden;
}
.homepage-epaper-cover-image {
  -o-object-position: top;
     object-position: top;
}
.p-home-multi-category .homepage-multi-column {
  display: flex;
  flex-direction: column;
  gap: var(--ntcms-space-4);
}
.p-home-multi-category .homepage-multi-column--divided {
  border-right: 1px dotted #ccc;
}
.p-home-multi-category .homepage-multi-feature.c-card {
  min-block-size: auto;
}
.p-home-multi-category .homepage-multi-feature-media.c-card__media {
  border: 0;
  border-radius: var(--ntcms-radius-lg);
}
.p-home-multi-category .homepage-multi-feature-image {
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-home-multi-category .homepage-multi-feature-title {
  line-height: 1.3;
}
.p-home-multi-category .homepage-multi-feature-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.p-home-multi-category .homepage-multi-list {
  gap: var(--ntcms-space-3);
}
.p-home-multi-category .homepage-multi-list-item.c-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.p-home-hero-slider #heroSlider {
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
}
.p-home-hero-slider .homepage-hero-slider-caption.c-card {
  max-inline-size: min(38rem, calc(100% - 2rem));
  margin-inline: auto auto;
  padding: var(--ntcms-space-5);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-default) 4%, transparent) 0%, rgba(15, 23, 42, 0.78) 100%);
  border: 0;
  box-shadow: none;
}
.p-home-hero-slider .homepage-hero-slider-caption .c-card__title,
.p-home-hero-slider .homepage-hero-slider-caption .c-card__eyebrow,
.p-home-hero-slider .homepage-hero-slider-caption .c-card__excerpt {
  color: var(--ntcms-color-text-inverse);
}
.p-home-hero-slider .homepage-hero-slider-side-card.c-card {
  padding: 0 0 var(--ntcms-space-3);
  border: 0;
  border-bottom: 1px dotted rgba(17, 24, 39, 0.18);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.p-home-photo-stories .homepage-photo-hero-card.c-card,
.p-home-photo-stories .homepage-photo-side-card.c-card {
  min-block-size: 100%;
}
.p-home-photo-stories .bg-gradient-overlay {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.68) 48%, rgba(15, 23, 42, 0.92) 100%);
}
.p-home-photo-stories .text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.p-home-photo-stories .photo-badge {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.p-home-photo-stories .homepage-photo-badge {
  font-size: 0.7rem;
}
.p-home-photo-stories .homepage-photo-summary {
  max-inline-size: 90%;
}
.homepage-topic-card.c-card {
  gap: 0;
  padding: 0;
  border-radius: 1.25rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}
.homepage-topic-card .c-card__media {
  border: 0;
  border-radius: 0;
}
.homepage-topic-hubs-title {
  font-family: var(--ntcms-font-family-sans);
  font-size: 1.5rem;
  letter-spacing: -0.5px;
}
.homepage-topic-card-media {
  aspect-ratio: 16 / 9;
}
.homepage-topic-card .c-card__body {
  padding: var(--ntcms-space-4);
}
.homepage-topic-card-title {
  font-family: var(--font-heading, var(--ntcms-font-family-serif));
  font-size: 1.08rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.homepage-topic-card-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.homepage-topic-card-featured-col .homepage-topic-card.c-card {
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1);
}
.homepage-topic-card-featured-col .homepage-topic-card .c-card__title {
  font-size: 1.2rem;
}
.homepage-photo-hero-image {
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage-photo-hero-title {
  line-height: 1.1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.homepage-photo-summary {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.homepage-photo-side-image {
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
}
.homepage-photo-side-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.homepage-short-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .homepage-lead-story__dek {
    font-size: 0.95rem;
  }

  .homepage-center-rail-label {
    margin-top: 0.5rem;
  }

  .p-home-multimedia .multimedia-desk-card.c-card {
    flex-direction: column;
  }

  .p-home-multimedia .multimedia-desk-thumb.c-card__media {
    inline-size: 100%;
    min-inline-size: 100%;
  }

  .shorts-phone-container {
    max-height: 500px;
  }

  .homepage-visual-shorts-section .shorts-phone-container {
    min-block-size: 420px;
    max-block-size: 500px;
  }

  .homepage-sidebar-rail {
    border-left: 0;
    padding-left: 0;
    margin-top: 1rem;
  }

  .homepage-hero-column-divider {
    border-right: 0;
  }

  .homepage-opinion-rail--divided {
    border-left: 0;
  }
}
@media (max-width: 767.98px) {
  .homepage-hero-section,
  .homepage-hero-cluster--secondary {
    padding-top: 1rem !important;
    padding-bottom: 1.6rem !important;
  }

  .homepage-hero-image {
    border-radius: 18px;
  }

  .homepage-lead-story {
    gap: 0.9rem;
  }

  .homepage-lead-story__meta-row {
    gap: 0.5rem;
  }

  .homepage-lead-story__dek {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .homepage-sublead-media-wrap {
    inline-size: 7rem;
  }

  .homepage-sublead-story__dek {
    font-size: 0.84rem;
  }

  .homepage-sidebar-rail {
    border-left: 0;
    padding-left: 0;
  }

  .homepage-visual-story-item:nth-child(n + 5) {
    display: none;
  }

  .p-home-horoscope .homepage-horoscope-card.c-card {
    min-inline-size: 6.5rem;
  }

  .p-home-multi-category .homepage-multi-column {
    border-right: 0 !important;
  }

  .homepage-visual-nav--prev,
  .homepage-visual-nav--next {
    inline-size: 30px;
  }
}
@media (max-width: 576px) {
  .homepage-center-rail-label,
  .homepage-sidebar-kicker {
    font-size: 0.64rem;
  }

  .homepage-main {
    background: #ffffff;
  }

  .homepage-main > section + section,
  .homepage-main > .container + section,
  .homepage-main > section + .container {
    margin-top: 0;
  }

  .homepage-section-block {
    padding-block: 2rem !important;
  }

  .homepage-surface-neutral,
  .homepage-surface-warm,
  .homepage-surface-editorial,
  .homepage-surface-visual,
  .homepage-surface-ink {
    border-radius: 14px;
  }

  .homepage-surface-neutral::after,
  .homepage-surface-warm::after,
  .homepage-surface-editorial::after,
  .homepage-surface-visual::after,
  .homepage-surface-ink::after {
    border-radius: 14px;
  }

  .homepage-section-header {
    margin-bottom: 1rem !important;
    align-items: flex-end !important;
  }

  .homepage-section-title {
    font-size: 0.78rem;
    letter-spacing: 0.11em;
  }

  .homepage-section-link {
    font-size: 0.68rem !important;
    white-space: nowrap;
  }

  .homepage-trending-scroll {
    min-block-size: 42px;
  }

  .homepage-trending-bar {
    gap: 0.75rem;
  }

  .homepage-trending-item {
    font-size: 0.88rem;
  }

  .editorial-title {
    font-size: 1.7rem;
  }

  .aj-trending-wrapper .trending-arrow {
    width: 30px;
  }
}
@media (min-width: 577px) and (max-width: 991.98px) {
  .homepage-section-block {
    padding-block: 2.2rem !important;
  }
}
.homepage-density-compact .homepage-section-block {
  padding-block: 1.75rem !important;
}
.homepage-density-compact .homepage-section-header {
  margin-bottom: 0.85rem !important;
}
.horoscope-directory-shell,
.horoscope-story-shell {
  background: linear-gradient(180deg, #f7f4ee 0%, #ffffff 28%);
}
.horoscope-directory-shell .horoscope-directory-inner,
.horoscope-story-shell .horoscope-story-inner {
  max-width: 1180px;
}
.horoscope-story-shell .horoscope-story-inner {
  max-width: 46.5rem;
}
.horoscope-story-shell .col-xl-10,
.horoscope-story-shell .horoscope-story-hero .row > [class*="col-lg-"],
.horoscope-story-shell .horoscope-story-layout > [class*="col-lg-"] {
  flex: 0 0 100%;
  max-width: 100%;
}
.horoscope-directory-hero,
.horoscope-surface-card,
.horoscope-grid-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}
.horoscope-directory-hero,
.horoscope-story-hero {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.horoscope-directory-header,
.horoscope-story-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid rgba(15, 23, 42, 0.12);
}
.horoscope-directory-title,
.horoscope-story-title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: -0.04em;
}
.horoscope-directory-copy,
.horoscope-story-copy {
  max-width: 40rem;
  color: #5b6578;
}
.horoscope-directory-jump-shell {
  align-items: stretch;
}
.horoscope-directory-jump-copy {
  margin-bottom: 1rem;
}
.horoscope-directory-jump-title {
  margin-bottom: 0.35rem;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}
.horoscope-directory-jump-note {
  max-width: 34rem;
}
.horoscope-directory-periods,
.horoscope-story-periods {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.horoscope-directory-jump,
.horoscope-story-sidebar .btn,
.horoscope-story-sidebar .c-button {
  gap: 0.55rem;
}
.horoscope-directory-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}
.horoscope-sign-chip {
  border-radius: 999px;
  min-height: 2.5rem;
  padding-inline: 0.95rem;
}
.horoscope-sign-chip.is-ready:not(.btn-primary) {
  border-color: rgba(13, 110, 253, 0.18);
  background: rgba(248, 250, 252, 0.95);
}
.horoscope-sign-chip.is-pending:not(.btn-primary) {
  border-style: dashed;
  opacity: 0.88;
}
.horoscope-directory-jump-aside {
  height: 100%;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: linear-gradient(180deg, #fffdfa 0%, #ffffff 100%);
}
.horoscope-grid-card-link {
  display: block;
  height: 100%;
}
.horoscope-grid-card {
  height: 100%;
  overflow: hidden;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
.horoscope-grid-card-link:hover .horoscope-grid-card,
.horoscope-grid-card-link:focus-visible .horoscope-grid-card {
  transform: translateY(-2px);
  border-color: rgba(13, 110, 253, 0.18);
  box-shadow: 0 20px 36px rgba(15, 23, 42, 0.08);
}
.horoscope-grid-card-body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.2rem 1.25rem;
}
.horoscope-grid-card-header {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1rem;
}
.horoscope-grid-card-icon,
.horoscope-story-sign-icon {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: linear-gradient(180deg, #fff8ea 0%, #ffffff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.horoscope-grid-card-icon img,
.horoscope-story-sign-icon img {
  width: 38px;
  height: 38px;
  -o-object-fit: contain;
     object-fit: contain;
}
.horoscope-grid-card-sign {
  margin: 0;
  font-size: 1.1rem;
}
.horoscope-grid-card-summary,
.horoscope-story-summary {
  color: #5b6578;
}
.horoscope-grid-card-summary {
  flex: 1 1 auto;
  min-height: 4.8rem;
}
.horoscope-grid-card-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-bottom: 0.9rem;
}
.horoscope-grid-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.85rem;
  margin-top: 0.85rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.horoscope-grid-card-period {
  font-weight: 600;
}
.horoscope-story-layout {
  --bs-gutter-y: 1rem;
}
.horoscope-story-action-panel {
  padding: 1rem 1.05rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: linear-gradient(180deg, #fffdfa 0%, #ffffff 100%);
}
.horoscope-story-match-note {
  padding-top: 0.15rem;
}
.horoscope-story-signal-list {
  display: grid;
  gap: 0.85rem;
}
.horoscope-story-signal-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.horoscope-story-signal-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.horoscope-story-signal-list strong {
  color: #111827;
}
.horoscope-story-signal-list span {
  color: #5b6578;
  text-align: right;
}
.horoscope-story-sidebar .list-unstyled li + li {
  margin-top: 0.55rem;
}
.horoscope-story-sidebar .btn {
  border-radius: 999px;
}
.horoscope-story-panel-title {
  margin-bottom: 1rem;
}
@media (max-width: 575.98px) {
  .horoscope-directory-hero,
  .horoscope-story-hero,
  .horoscope-surface-card,
  .horoscope-grid-card {
    border-radius: 20px;
  }

  .horoscope-directory-header,
  .horoscope-story-header {
    align-items: start;
    flex-direction: column;
  }

  .horoscope-grid-card-footer,
  .horoscope-story-signal-list li {
    align-items: flex-start;
    flex-direction: column;
  }
}
.reader-clips-stack {
  display: grid;
  gap: 0.95rem;
}
.reader-clip-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.1rem;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: inherit;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.reader-clip-card:hover,
.reader-clip-card:focus-visible {
  color: inherit;
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}
.reader-clip-card__meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.reader-clip-card__badge {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.45rem;
  padding: 0.12rem 0.58rem;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.reader-clip-card__date {
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 600;
}
.reader-clip-card__title {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}
.reader-clip-card__subline {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.28rem;
  color: #475569;
  font-size: 0.85rem;
}
.reader-clip-card__dot {
  color: #94a3b8;
}
.reader-clip-card__copy {
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.88rem;
  line-height: 1.45;
}
.reader-clip-card__thumb {
  /* Thumbnail rendered from clip.file_path so readers can visually
     distinguish similar-looking saved crops. CLS-safe via fixed
     dimensions; lazy-loaded so multi-clip libraries don't block paint. */
  flex: 0 0 auto;
  inline-size: 88px;
  block-size: 88px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: 0.55rem;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(15, 23, 42, 0.08);
}
@media (max-width: 419.98px) {
  .reader-clip-card__thumb {
    inline-size: 64px;
    block-size: 64px;
  }
}
.reader-clips-empty-state {
  text-align: left;
}
@media (max-width: 767.98px) {
  .reader-clip-card {
    padding: 0.95rem;
  }
}
.recipe-index-shell,
.recipe-page-shell {
  background: linear-gradient(180deg, #fbf7ef 0%, #ffffff 24%);
}
.recipe-index-shell .recipe-index-inner {
  max-width: 1040px;
}
.recipe-page-shell .recipe-story-shell {
  max-width: 1040px;
}
.recipe-directory-hero,
.recipe-surface-card,
.recipe-directory-card,
.recipe-reader-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}
.recipe-directory-hero {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.recipe-directory-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid rgba(15, 23, 42, 0.12);
}
.recipe-directory-title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: -0.04em;
}
.recipe-directory-copy {
  max-width: 42rem;
  color: #5b6578;
}
.recipe-directory-form {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.85rem;
}
.recipe-directory-form > * {
  min-width: 0;
}
.recipe-field-label {
  display: inline-block;
  margin-bottom: 0.38rem;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.recipe-directory-form .form-control,
.recipe-directory-form .form-select,
.recipe-directory-form .c-input,
.recipe-directory-form .c-select {
  width: 100%;
  min-height: 3.35rem;
}
.recipe-directory-form .recipe-field-search { grid-column: span 4; }
.recipe-directory-form .recipe-field-select { grid-column: span 2; }
.recipe-directory-form .recipe-field-max { grid-column: span 2; }
.recipe-directory-form .recipe-field-text { grid-column: span 3; }
.recipe-directory-form .recipe-field-sort { grid-column: span 3; }
.recipe-directory-form .recipe-field-actions {
  grid-column: span 3;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0.65rem;
}
.recipe-directory-form .recipe-field-actions .c-button,
.recipe-directory-form .recipe-field-actions .btn {
  min-height: 3.35rem;
}
.recipe-directory-grid {
  margin-top: 1.5rem;
}
.recipe-directory-card {
  overflow: hidden;
  height: 100%;
}
.recipe-directory-card-media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(180deg, #f9f7f1 0%, #ffffff 100%);
}
.recipe-directory-card-media > picture,
.recipe-directory-card-media > picture > img,
.recipe-directory-card-image {
  display: block;
  width: 100%;
  height: 100%;
}
.recipe-directory-card-body {
  padding: 1.2rem 1.25rem 1.1rem;
}
.recipe-directory-card-title {
  margin-bottom: 0.55rem;
  font-size: 1.15rem;
}
.recipe-directory-card-excerpt {
  min-height: 3.3rem;
  color: #5b6578;
}
.recipe-directory-card-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.recipe-directory-card-signal {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.95rem;
  padding: 0.28rem 0.68rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  color: #475569;
  font-size: 0.8rem;
  font-weight: 600;
}
.recipe-directory-card-signal i {
  color: #b45309;
}
.recipe-directory-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 0.9rem;
  margin-top: 0.9rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  color: #5b6578;
  font-size: 0.92rem;
}
.recipe-directory-card-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  font-weight: 600;
}
.recipe-directory-card-rating-count {
  color: #64748b;
  font-weight: 500;
}
.recipe-directory-card-link {
  color: #0f172a;
  font-weight: 600;
}
.recipe-page-shell .recipe-container > .row,
.recipe-page-shell .recipe-container > section,
.recipe-page-shell .recipe-container > header {
  position: relative;
}
.recipe-hero-card {
  overflow: hidden;
}
.recipe-page-shell .recipe-hero-card,
.recipe-page-shell .recipe-surface-card,
.recipe-page-shell .recipe-content-card {
  margin-inline: auto;
}
.recipe-hero-media {
  min-height: 100%;
}
.recipe-hero-body {
  padding: 2rem 2rem 1.7rem;
}
.recipe-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9a3412;
}
.recipe-content-card .card-body,
.recipe-utility-panel .card-body {
  padding: 1.35rem 1.4rem;
}
.recipe-main-grid,
.recipe-secondary-grid,
.recipe-resume-grid,
.recipe-related-grid {
  --bs-gutter-y: 1.1rem;
  margin-top: 0.1rem !important;
}
.recipe-hero-title {
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
}
.recipe-hero-summary {
  max-width: 34rem;
  color: #5b6578 !important;
}
.recipe-hero-primary-stats {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.recipe-metric-tile {
  padding: 1rem 1rem 0.95rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: linear-gradient(180deg, #fffdf9 0%, #ffffff 100%);
}
.recipe-action-bar .btn,
.recipe-action-bar .c-button {
  border-radius: 999px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.recipe-save-note {
  max-width: 32rem;
}
.recipe-anchor-nav .btn,
.recipe-anchor-nav .c-button {
  border-radius: 999px;
  padding-inline: 0.85rem;
}
.recipe-collections-panel .card-body {
  padding: 1.35rem 1.4rem 1.25rem;
}
.recipe-collections-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: 1rem;
  align-items: start;
}
.recipe-collections-intro {
  max-width: 40rem;
}
.recipe-resume-summary {
  padding: 0.85rem 1rem;
  border: 1px solid rgba(13, 110, 253, 0.14);
  border-radius: 16px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  text-align: left;
  align-self: start;
  min-width: 220px;
  max-width: 320px;
}
.recipe-collections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.85rem;
  align-items: start;
}
.recipe-collection-choice {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-height: 0;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: #fff;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  cursor: pointer;
}
.recipe-collection-choice:hover {
  transform: translateY(-1px);
  border-color: rgba(13, 110, 253, 0.25);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}
.recipe-collection-choice.is-selected,
.recipe-collection-choice:has([data-recipe-collection-toggle]:checked) {
  border-color: rgba(13, 110, 253, 0.4);
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  box-shadow: 0 14px 30px rgba(13, 110, 253, 0.08);
}
.recipe-collection-choice.is-selected .fw-semibold,
.recipe-collection-choice:has([data-recipe-collection-toggle]:checked) .fw-semibold {
  color: #0b4fd4;
}
.recipe-collection-choice-top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.recipe-collection-choice-top .form-check-input {
  margin-top: 0;
  flex-shrink: 0;
}
.recipe-collection-choice-meta {
  color: #6b7280;
  font-size: 0.9rem;
  line-height: 1.45;
}
.recipe-discovery-panel .card-body {
  padding: 0.95rem 1.15rem;
}
.recipe-discovery-tags .btn {
  border-radius: 999px;
  padding-inline: 0.85rem;
  padding-block: 0.35rem;
  background: #fff;
}
.recipe-collection-create {
  margin-top: 1rem !important;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.recipe-collection-create .form-control,
.recipe-collection-create .btn {
  min-height: 44px;
  border-radius: 14px;
}
.recipe-collection-create .row {
  --bs-gutter-x: 0.7rem;
}
.recipe-collection-create .form-label {
  margin-bottom: 0.45rem;
}
.recipe-collection-create #recipe-collection-feedback {
  margin-top: 0.55rem !important;
}
.recipe-section-accent {
  height: 4px;
  background: linear-gradient(90deg, #f59e0b, #f97316 42%, #fb7185 100%);
  opacity: 0.95;
}
.recipe-step-card {
  border-color: rgba(15, 23, 42, 0.08) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);
}
.recipe-step-card:last-child,
.recipe-ingredient-group:last-child {
  margin-bottom: 0 !important;
}
.recipe-group-title {
  letter-spacing: 0.08em;
  margin-bottom: 0.9rem;
}
.recipe-step-card .alert {
  border: 1px solid rgba(245, 158, 11, 0.18);
  border-radius: 14px;
  background: rgba(255, 247, 237, 0.92);
}
.recipe-page-shell .list-group-item {
  border-color: rgba(15, 23, 42, 0.08);
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.recipe-content-card .list-group-item:first-child,
.recipe-utility-panel .list-group-item:first-child {
  padding-top: 0;
}
.recipe-content-card .list-group-item:last-child,
.recipe-utility-panel .list-group-item:last-child {
  padding-bottom: 0;
}
.recipe-page-shell .recipe-story-shell {
  padding-bottom: 1rem;
}
.recipe-hero-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}
.recipe-hero-layout {
  align-items: start;
}
.recipe-hero-media-column {
  display: grid;
  grid-template-rows: auto auto;
  min-height: 100%;
}
.recipe-hero-media {
  position: relative;
  height: auto !important;
  min-height: 0;
  aspect-ratio: 4 / 3;
  max-height: 430px;
  overflow: hidden;
  background: linear-gradient(180deg, #efe7da 0%, #ddd6c8 100%);
}
.recipe-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0) 60%, rgba(15, 23, 42, 0.08) 100%);
  pointer-events: none;
}
.recipe-hero-body {
  padding: 1.7rem 1.7rem 1.55rem;
}
.recipe-hero-kicker {
  color: #7c2d12;
}
.recipe-hero-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  color: #64748b;
  font-size: 0.88rem;
  font-weight: 600;
}
.recipe-hero-context-divider {
  color: rgba(15, 23, 42, 0.32);
}
.recipe-hero-title-block {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 1.6rem;
}
.recipe-hero-title {
  font-family: var(--ntcms-font-family-serif);
  font-size: clamp(2.2rem, 3.2vw, 3.3rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
  max-width: 14ch;
}
.recipe-hero-summary {
  max-width: 34rem;
  color: #5b6578 !important;
  font-size: 1rem;
  line-height: 1.68;
}
.recipe-hero-service-panel {
  display: grid;
  gap: 0.8rem;
  padding: 1rem 1.05rem 1.05rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfa 100%);
}
.recipe-hero-service-header {
  display: grid;
  gap: 0.1rem;
}
.recipe-hero-service-copy {
  max-width: 30rem;
  color: #5b6578;
  font-size: 0.9rem;
  line-height: 1.55;
}
.recipe-hero-primary-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  padding: 0.95rem 0 1rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.recipe-hero-stat {
  display: grid;
  gap: 0.18rem;
}
.recipe-hero-stat-value {
  font-size: 0.98rem;
}
.recipe-hero-secondary-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 1rem 0 1.15rem;
}
.recipe-metric-tile {
  min-height: 100%;
  padding: 0.72rem 0.82rem 0.78rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  background: #fafaf8;
}
.recipe-servings-inline-control {
  display: inline-grid;
  grid-template-columns: 34px minmax(56px, 72px) 34px;
  align-items: stretch;
  gap: 0.35rem;
  margin-top: 0.35rem;
}
.recipe-servings-input {
  min-height: 34px;
  padding: 0.2rem 0.45rem;
  border-radius: 8px;
  border-color: rgba(15, 23, 42, 0.12);
  font-size: 0.95rem;
  font-weight: 600;
  text-align: center;
}
.recipe-servings-input::-webkit-outer-spin-button,
.recipe-servings-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.recipe-servings-input[type=number] {
  -moz-appearance: textfield;
}
.recipe-servings-btn {
  min-height: 34px;
  padding: 0;
  border-radius: 8px !important;
  font-weight: 700;
  line-height: 1;
}
.recipe-servings-toolbar {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-right: 0.4rem;
}
.recipe-servings-toolbar-label {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.recipe-hero-action-stack {
  display: grid;
  gap: 0.45rem;
}
.recipe-action-bar-primary .btn:first-child,
.recipe-action-bar-primary .c-button:first-child {
  min-width: 124px;
}
.recipe-action-bar-secondary .btn,
.recipe-action-bar-secondary .c-button {
  background: #fff;
}
.recipe-hero-service-actions {
  gap: 0.75rem;
}
.recipe-hero-service-actions .btn,
.recipe-hero-service-actions .c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 172px;
  color: #0f172a;
  border-color: rgba(15, 23, 42, 0.18);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.recipe-hero-service-actions .btn:hover,
.recipe-hero-service-actions .btn:focus-visible,
.recipe-hero-service-actions .btn:active,
.recipe-hero-service-actions .c-button:hover,
.recipe-hero-service-actions .c-button:focus-visible,
.recipe-hero-service-actions .c-button:active {
  color: #f8fafc;
  border-color: #111827;
  background: #111827;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
  transform: translateY(-1px);
}
.recipe-save-note {
  max-width: 30rem;
  margin-top: 0.15rem;
  font-size: 0.82rem;
}
.recipe-hero-service-note {
  margin-top: 0;
}
.recipe-anchor-nav {
  display: grid;
  gap: 0.45rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.recipe-anchor-nav--hero {
  margin-top: 1rem;
  max-width: 31rem;
}
.recipe-anchor-nav-label {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.recipe-anchor-nav .btn,
.recipe-anchor-nav .c-button {
  border-radius: 999px;
  padding-inline: 0.7rem;
  padding-block: 0.25rem;
  font-size: 0.74rem;
}
.recipe-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.72fr);
  gap: 1.1rem;
  align-items: start;
}
.recipe-support-rail {
  display: grid;
  gap: 0.95rem;
}
.recipe-support-block,
.recipe-support-login-panel .card-body {
  padding: 1rem 1.05rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}
.recipe-support-block .list-group-item:last-child {
  padding-bottom: 0;
}
.recipe-collections-panel .card-body {
  padding: 1.15rem 1.15rem 1.1rem;
}
.recipe-collections-panel {
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}
.recipe-collections-header {
  display: block;
}
.recipe-collections-intro {
  max-width: 38rem;
}
.recipe-collections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.85rem;
  align-items: stretch;
}
.recipe-discovery-panel {
  background: #fff;
  box-shadow: none;
}
.recipe-discovery-panel .card-body {
  padding: 0.95rem 1rem;
}
.recipe-cookflow-shell {
  margin-top: 1.6rem;
}
.recipe-cookflow-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 0.9rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.recipe-cookflow-title {
  font-family: var(--ntcms-font-family-serif);
  font-size: clamp(1.45rem, 1.8vw, 2rem);
  line-height: 1.18;
  letter-spacing: -0.03em;
  max-width: 24ch;
}
.recipe-cookflow-copy {
  color: #5b6578;
  line-height: 1.62;
  max-width: 28rem;
  font-size: 0.95rem;
}
.recipe-main-grid {
  align-items: start;
}
.recipe-ingredients-column {
  position: sticky;
  top: 92px;
}
.recipe-ingredients-card,
.recipe-main-grid .recipe-content-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  box-shadow: none;
}
.recipe-card-heading {
  gap: 1rem;
}
.recipe-ingredients-card .recipe-card-heading {
  align-items: flex-start !important;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.9rem 1rem !important;
}
.recipe-ingredients-card .recipe-card-heading > :first-child {
  flex: 1 1 15rem;
  min-width: 0;
  max-width: 18rem;
}
.recipe-ingredients-card .btn-toolbar {
  display: flex !important;
  flex: 1 1 100%;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  justify-content: flex-start;
  width: 100% !important;
}
.recipe-ingredients-card .recipe-servings-toolbar {
  flex-wrap: wrap !important;
  gap: 0.5rem 0.75rem !important;
  margin-right: 0 !important;
  width: 100%;
}
.recipe-ingredients-card .btn-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  width: 100%;
}
.recipe-ingredients-card .btn-group > .btn {
  border-radius: 8px !important;
  margin-left: 0 !important;
  flex: 1 1 9rem;
}
@media (min-width: 1200px) {
  .recipe-ingredients-card .btn-toolbar {
    justify-content: flex-end;
  }

  .recipe-ingredients-card .recipe-servings-toolbar,
  .recipe-ingredients-card .btn-group {
    width: auto;
  }

  .recipe-ingredients-card .btn-group > .btn {
    flex: 0 0 auto;
  }
}
.recipe-method-heading {
  align-items: end !important;
}
.recipe-method-controls .btn {
  min-width: 92px;
}
.recipe-step-card {
  position: relative;
  border-color: rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  background: #fff;
  padding: 1rem 1rem !important;
}
.recipe-step-index-wrap {
  position: relative;
}
.recipe-step-index-wrap::after {
  content: "";
  position: absolute;
  top: 2.6rem;
  left: 50%;
  width: 1px;
  height: calc(100% + 1rem);
  background: rgba(148, 163, 184, 0.34);
  transform: translateX(-50%);
}
.recipe-step-card:last-child .recipe-step-index-wrap::after {
  display: none;
}
.recipe-step-index {
  min-width: 2.35rem;
  min-height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
}
.recipe-supporting-shell {
  margin-top: 1.3rem;
}
.recipe-secondary-metric {
  background: #fff;
  border-color: rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
}
.recipe-page-shell .recipe-surface-card,
.recipe-page-shell .recipe-content-card,
.recipe-page-shell .recipe-utility-panel {
  border-radius: 14px;
  box-shadow: none;
}
.recipe-page-shell .btn {
  border-radius: 8px;
}
.recipe-page-shell .btn-sm {
  border-radius: 999px;
}
.recipe-action-bar .btn,
.recipe-action-bar .c-button {
  border-radius: 8px;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.recipe-discovery-tags .btn,
.recipe-page-shell .badge {
  border-radius: 999px;
}
.recipe-page-shell .badge {
  font-weight: 600;
}
.recipe-section-accent {
  height: 2px;
  background: linear-gradient(90deg, #b45309, #d97706 72%, rgba(217, 119, 6, 0.15) 100%);
  opacity: 1;
}
.recipe-page-shell .accordion-item {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px !important;
  overflow: hidden;
}
.recipe-page-shell .accordion-item + .accordion-item {
  margin-top: 0.85rem;
}
.recipe-page-shell .accordion-button:not(.collapsed) {
  background: rgba(248, 250, 252, 0.92);
  color: #111827;
  box-shadow: none;
}
.recipe-review-shell {
  padding-top: 0.35rem;
}
.recipe-review-shell > .d-flex {
  margin-bottom: 1.2rem !important;
}
.recipe-review-shell .review-list .border-bottom {
  border-color: rgba(15, 23, 42, 0.08) !important;
}
.recipe-reader-card {
  padding: 1.25rem 1.35rem;
}
.recipe-author-avatar {
  width: 48px;
  height: 48px;
}
.recipe-meta-card,
.recipe-review-card {
  border-radius: 18px;
}
.recipe-servings-btn {
  width: 24px;
  height: 24px;
}
@media (max-width: 991.98px) {
  .recipe-directory-form .recipe-field-search,
  .recipe-directory-form .recipe-field-select,
  .recipe-directory-form .recipe-field-max,
  .recipe-directory-form .recipe-field-text,
  .recipe-directory-form .recipe-field-sort,
  .recipe-directory-form .recipe-field-actions {
    grid-column: span 6;
  }

  .recipe-support-grid,
  .recipe-cookflow-intro {
    grid-template-columns: 1fr;
  }

  .recipe-ingredients-column {
    position: static;
  }

  .recipe-hero-title {
    max-width: none;
  }

  .recipe-main-grid .col-lg-4,
  .recipe-main-grid .col-lg-8 {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .recipe-directory-hero,
  .recipe-surface-card,
  .recipe-directory-card,
  .recipe-reader-card {
    border-radius: 20px;
  }

  .recipe-directory-header {
    align-items: start;
    flex-direction: column;
  }

  .recipe-directory-form > * {
    grid-column: 1 / -1 !important;
  }

  .recipe-directory-card-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .recipe-hero-body,
  .recipe-reader-card {
    padding: 1rem;
  }

  .recipe-hero-title {
    font-size: 2.2rem;
  }

  .recipe-hero-primary-stats,
  .recipe-hero-secondary-stats {
    grid-template-columns: 1fr;
  }

  .recipe-hero-primary-stats {
    gap: 0.7rem;
  }

  .recipe-action-bar {
    flex-direction: column;
  }

  .recipe-servings-toolbar {
    width: 100%;
    justify-content: space-between;
    margin-right: 0;
  }

  .recipe-servings-inline-control {
    grid-template-columns: 34px minmax(64px, 1fr) 34px;
  }

  .recipe-content-card .card-body,
  .recipe-utility-panel .card-body,
  .recipe-collections-panel .card-body,
  .recipe-discovery-panel .card-body {
    padding: 1rem;
  }

  .recipe-collections-grid {
    grid-template-columns: 1fr;
  }

  .recipe-collection-create .btn,
  .recipe-action-bar .btn {
    width: 100%;
  }

  .recipe-anchor-nav {
    gap: 0.75rem;
  }

  .recipe-method-controls {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .recipe-card-heading,
  .recipe-method-heading {
    align-items: flex-start !important;
    flex-direction: column;
  }

  .recipe-step-card {
    padding: 1rem !important;
  }

  .recipe-step-index-wrap::after {
    display: none;
  }
}
.topic-hub-directory__hero {
  padding: var(--ntcms-space-10) 0 var(--ntcms-space-7);
  background:
    radial-gradient(circle at top right, rgba(198, 40, 40, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.04), rgba(15, 23, 42, 0));
}
.topic-hub-directory__hero-grid {
  display: grid;
  gap: var(--ntcms-space-6);
  align-items: start;
}
.topic-hub-directory__eyebrow {
  font-size: var(--ntcms-font-size-label);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ntcms-color-accent);
  margin-bottom: var(--ntcms-space-2);
}
.topic-hub-directory__title {
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.05;
  margin-bottom: var(--ntcms-space-3);
}
.topic-hub-directory__intro {
  max-width: 56rem;
  font-size: var(--ntcms-font-size-lg);
  color: var(--ntcms-color-text-muted);
  margin-bottom: var(--ntcms-space-4);
}
.topic-hub-directory__summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-3);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.topic-hub-directory__editorial-note,
.topic-hub-directory__filters,
.topic-hub-directory__empty {
  padding: var(--ntcms-space-5);
  border: 1px solid var(--ntcms-color-border);
  border-radius: var(--ntcms-radius-xl);
  background: var(--ntcms-color-surface-raised);
  box-shadow: var(--ntcms-shadow-sm);
}
.topic-hub-directory__filters-grid {
  display: grid;
  gap: var(--ntcms-space-4);
}
.topic-hub-directory__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
  align-items: end;
}
.topic-hub-directory__layout-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
  margin-top: var(--ntcms-space-4);
}
.topic-hub-directory__section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ntcms-space-3);
}
.topic-hub-directory__featured-grid,
.topic-hub-directory__grid {
  display: grid;
  gap: var(--ntcms-space-4);
}
.topic-hub-directory__card .c-card__excerpt,
.topic-hub-directory__featured-grid .c-card__excerpt {
  color: var(--ntcms-color-text-muted);
}
.topic-hub-directory-nav {
  align-items: center;
}
@media (min-width: 768px) {
  .topic-hub-directory__hero-grid {
    grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
  }

  .topic-hub-directory__filters-grid {
    grid-template-columns: minmax(0, 1.8fr) minmax(12rem, 0.8fr) auto;
  }

  .topic-hub-directory__featured-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .topic-hub-directory__featured-grid > :first-child {
    grid-column: span 2;
  }

  .topic-hub-directory__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .topic-hub-directory__hero {
    padding-top: var(--ntcms-space-8);
  }

  .topic-hub-directory__section-head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.epaper-archive-shell,
.epaper-viewer-shell,
.epaper-viewer-shell body,
body.epaper-viewer.epaper-viewer-shell {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 24%),
    linear-gradient(180deg, #f6f8fc 0%, #eef2f8 18%, #ffffff 52%);
  color: var(--ntcms-color-text-default);
}
.epaper-archive-shell {
  min-block-size: 100vh;
  font-family: var(--ntcms-font-family-sans);
}
.epaper-archive-header.brand-header,
.epaper-viewer-shell .viewer-header {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}
.epaper-archive-header .container,
.epaper-viewer-shell .viewer-header {
  min-block-size: 4.75rem;
}
.epaper-archive-main {
  flex: 1 1 auto;
}
.epaper-archive-main .container,
.epaper-not-found-shell .container {
  max-width: 1180px;
}
.epaper-brand-logo,
.epaper-viewer-shell .logo-img {
  display: block;
  max-block-size: 3rem;
  inline-size: auto;
}
.epaper-archive-hero,
.epaper-not-found-card,
.epaper-viewer-shell .nav-pill-group,
.epaper-viewer-shell .user-menu-btn-modern,
.epaper-viewer-shell .tool-btn,
.epaper-clip-shell .card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}
.epaper-archive-hero {
  padding: 1.5rem;
}
.epaper-archive-hero__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.epaper-archive-hero__copy {
  max-inline-size: 42rem;
  color: #5b6578;
}
.epaper-archive-hero__title,
.epaper-not-found-title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: -0.04em;
  line-height: 1.02;
}
.epaper-archive-grid {
  margin-top: 1.5rem;
}
.epaper-archive-card {
  overflow: hidden;
  block-size: 100%;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}
.epaper-archive-card:hover,
.epaper-archive-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.12);
  border-color: rgba(37, 99, 235, 0.18);
}
.epaper-archive-card__media {
  aspect-ratio: 4 / 5;
  background: linear-gradient(180deg, #edf2ff 0%, #ffffff 100%);
}
.epaper-cover-img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.epaper-archive-card__placeholder {
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  color: #64748b;
  background: linear-gradient(180deg, #eef2ff 0%, #ffffff 100%);
}
.epaper-archive-card__body {
  padding: 1.15rem 1.2rem 1.25rem;
}
.epaper-archive-card__title {
  margin-bottom: 0.35rem;
  font-size: 1.06rem;
}
.epaper-archive-card__meta {
  color: #5b6578;
}
.epaper-archive-empty {
  padding: 4rem 1.5rem;
  text-align: center;
}
.epaper-footer-note {
  color: #64748b;
}
.epaper-viewer-shell {
  background:
    radial-gradient(circle at top left, rgba(239, 68, 68, 0.08), transparent 24%),
    linear-gradient(180deg, #f4f6fb 0%, #eef2f8 14%, #f7f9fc 100%);
}
.epaper-viewer-shell .viewer-header {
  min-block-size: 4.5rem;
}
.epaper-viewer-shell .viewer-body-custom {
  background: transparent;
}
.epaper-viewer-shell .nav-pill-group {
  padding: 0.35rem 0.45rem;
}
.epaper-viewer-shell .btn-nav-pill {
  min-block-size: 2.5rem;
  border-radius: 999px;
  color: var(--ntcms-color-text-default);
}
.epaper-viewer-shell .btn-nav-pill:hover,
.epaper-viewer-shell .btn-nav-pill[aria-expanded="true"] {
  background: rgba(248, 250, 252, 0.92);
}
.epaper-viewer-shell .tool-btn,
.epaper-viewer-shell .user-menu-btn-modern {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.epaper-offline-control {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
.epaper-offline-action-btn {
  inline-size: 2.2rem;
  block-size: 2.2rem;
  padding: 0;
  flex: 0 0 auto;
}
.epaper-offline-action-btn [data-epaper-download-icon] {
  font-size: 1.1rem;
  color: #2563eb;
  transition:
    color 180ms ease,
    transform 180ms ease;
}
.epaper-offline-action-btn:hover [data-epaper-download-icon],
.epaper-offline-action-btn:focus-visible [data-epaper-download-icon] {
  transform: scale(1.04);
}
.epaper-offline-status {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.18rem;
  min-inline-size: 12.5rem;
}
.epaper-offline-status__badge {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.35rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.epaper-offline-status__title {
  color: #0f172a;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.15;
}
.epaper-offline-status__meta {
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.3;
  max-inline-size: 18rem;
}
.epaper-offline-status[data-offline-copy-state="ready"] .epaper-offline-status__badge {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}
.epaper-offline-status[data-offline-copy-state="stale"] .epaper-offline-status__badge {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}
.epaper-offline-status[data-offline-copy-state="stale"] .epaper-offline-status__title {
  color: #991b1b;
}
.epaper-offline-status--mobile {
  display: flex;
  min-inline-size: 0;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.epaper-offline-status--mobile .epaper-offline-status__meta {
  max-inline-size: none;
}
.epaper-viewer-shell .tool-btn.has-offline-copy {
  border-color: rgba(22, 163, 74, 0.22);
  box-shadow: none;
  background: rgba(240, 253, 244, 0.96);
}
.epaper-viewer-shell .tool-btn.has-offline-copy [data-epaper-download-icon] {
  color: #15803d;
}
.epaper-viewer-shell .tool-btn.is-stale-offline-copy {
  border-color: rgba(220, 38, 38, 0.3);
  background:
    linear-gradient(180deg, rgba(254, 242, 242, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: none;
  color: #b91c1c;
}
.epaper-viewer-shell .tool-btn.is-stale-offline-copy:hover,
.epaper-viewer-shell .tool-btn.is-stale-offline-copy:focus-visible {
  color: #991b1b;
  border-color: rgba(185, 28, 28, 0.42);
}
.epaper-viewer-shell .tool-btn.is-stale-offline-copy [data-epaper-download-icon] {
  color: #b91c1c;
}
.epaper-viewer-shell .user-menu-btn-modern {
  padding: 0.4rem 0.8rem 0.4rem 0.45rem;
}
.epaper-viewer-shell .user-avatar-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
  color: #1d4ed8;
  font-weight: 700;
}
.epaper-viewer-shell {
  --epaper-toolbar-height: 3.55rem;
  --epaper-toolbar-height-mobile: 3.2rem;
}
.epaper-viewer-shell .viewer-header.epaper-toolbar {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-block-size: var(--epaper-toolbar-height);
  block-size: var(--epaper-toolbar-height);
  padding-block: 0.3rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}
.epaper-viewer-shell .viewer-body-custom {
  padding-top: var(--epaper-toolbar-height) !important;
  min-height: calc(100vh - var(--epaper-toolbar-height) - 60px);
}
.epaper-toolbar__zone {
  min-inline-size: 0;
}
.epaper-toolbar__zone--brand,
.epaper-toolbar__zone--actions {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.epaper-toolbar__zone--center {
  justify-content: center;
  justify-self: center;
}
.epaper-toolbar__zone--actions {
  justify-content: flex-end;
}
.epaper-cms-menu-btn {
  flex: 0 0 auto;
  background: rgba(255, 255, 255, 0.96);
}
.epaper-cms-menu-btn::after {
  display: none;
}
.epaper-cms-menu-btn .hamburger-icon {
  inline-size: 1rem;
  block-size: 0.85rem;
}
.epaper-cms-menu-btn .hamburger-icon span {
  background: #0f172a;
  border-radius: 999px;
}
.epaper-reader-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.epaper-toolbar__logo {
  max-block-size: 1.45rem;
}
.epaper-reader-mark {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.epaper-badge-modern {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.3rem;
  padding: 0.06rem 0.48rem;
  border-radius: 999px;
  background: #111827;
  font-size: 0.58rem;
  letter-spacing: 0.14em;
}
.epaper-reader-mark__meta {
  display: none;
}
.epaper-command-rail {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-inline-size: 0;
}
.epaper-command-stepper {
  display: inline-flex;
  align-items: center;
}
.epaper-step-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.1rem;
  block-size: 2.1rem;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.96);
  color: #0f172a;
  box-shadow: none;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.epaper-step-btn:hover,
.epaper-step-btn:focus-visible {
  color: #111827;
  border-color: rgba(37, 99, 235, 0.22);
  background: rgba(248, 250, 252, 0.98);
  box-shadow: none;
  transform: none;
}
.epaper-step-btn[disabled] {
  opacity: 0.42;
  cursor: not-allowed;
  box-shadow: none;
}
.epaper-viewer-shell .nav-pill-group.epaper-selector-cluster,
.epaper-viewer-shell .nav-pill-group.epaper-zoom-cluster {
  border-radius: 1rem;
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}
.epaper-viewer-shell .nav-pill-group.epaper-selector-cluster {
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  padding: 0.18rem 0.22rem;
}
.epaper-selector-card {
  display: grid;
  position: relative;
  gap: 0;
  min-inline-size: 0;
}
.epaper-selector-card + .epaper-selector-card::before {
  content: "";
  position: absolute;
  inset-block: 18%;
  inset-inline-start: 0;
  inline-size: 1px;
  background: rgba(15, 23, 42, 0.08);
}
.epaper-selector-card__label {
  display: none;
}
.epaper-viewer-shell .btn-nav-pill.epaper-selector-card__button,
.epaper-selector-card__field {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-block-size: 2.15rem;
  padding-inline: 0.72rem;
  border: 1px solid transparent;
  border-radius: 0.72rem;
  background: transparent;
  box-shadow: none;
}
.epaper-selector-card__button {
  justify-content: space-between;
}
.epaper-selector-card__value {
  min-inline-size: 0;
  overflow: hidden;
  color: #111827;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.epaper-selector-card:first-child .epaper-selector-card__button {
  min-inline-size: 10.75rem;
}
.epaper-selector-card--date .epaper-selector-card__field {
  position: relative;
  min-inline-size: 8.75rem;
}
.epaper-selector-card--page .epaper-selector-card__button {
  min-inline-size: 6.5rem;
}
.epaper-selector-card__chevron {
  color: #94a3b8;
  font-size: 0.72rem;
}
.epaper-selector-card__field {
  color: #0f172a;
  cursor: pointer;
}
.epaper-selector-card__field i {
  color: #64748b;
}
.epaper-viewer-shell .btn-nav-pill.epaper-selector-card__button:hover,
.epaper-viewer-shell .btn-nav-pill.epaper-selector-card__button:focus-visible,
.epaper-viewer-shell .btn-nav-pill.epaper-selector-card__button[aria-expanded="true"],
.epaper-selector-card__field:focus-within {
  border-color: transparent;
  background: rgba(248, 250, 252, 0.98);
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}
.epaper-viewer-shell .date-picker-modern {
  inline-size: 100%;
  padding: 0;
  color: transparent;
  font-size: 0;
  font-weight: 600;
}
.epaper-date-picker-overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.epaper-date-picker-overlay::-webkit-datetime-edit,
.epaper-date-picker-overlay::-webkit-datetime-edit-fields-wrapper,
.epaper-date-picker-overlay::-webkit-datetime-edit-text,
.epaper-date-picker-overlay::-webkit-datetime-edit-month-field,
.epaper-date-picker-overlay::-webkit-datetime-edit-day-field,
.epaper-date-picker-overlay::-webkit-datetime-edit-year-field {
  color: transparent;
}
.epaper-date-picker-overlay::-webkit-calendar-picker-indicator {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.epaper-date-display {
  pointer-events: none;
}
.epaper-zoom-cluster {
  gap: 0.1rem;
  padding: 0.18rem 0.28rem !important;
}
.epaper-zoom-cluster__label {
  display: none;
}
.epaper-zoom-btn,
.epaper-zoom-readout {
  min-inline-size: 2rem;
  min-block-size: 2rem;
  border-radius: 0.72rem;
}
.epaper-zoom-readout {
  color: #0f172a !important;
}
.epaper-viewer-shell .tool-btn,
.epaper-viewer-shell .user-menu-btn-modern,
.epaper-viewer-shell .tool-btn-primary {
  min-block-size: 2.2rem;
  border-radius: 999px;
  box-shadow: none;
}
.epaper-viewer-shell .tool-btn {
  inline-size: 2.2rem;
  block-size: 2.2rem;
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.96);
}
.epaper-viewer-shell .tool-btn:hover,
.epaper-viewer-shell .tool-btn:focus-visible {
  background: rgba(248, 250, 252, 0.98);
  border-color: rgba(37, 99, 235, 0.18);
  box-shadow: none;
}
.epaper-action-btn--clip {
  padding: 0;
  font-size: 1rem;
  box-shadow: none !important;
}
.epaper-action-btn--clip:hover,
.epaper-action-btn--clip:focus-visible {
  transform: none;
  box-shadow: none !important;
}
.epaper-viewer-shell .tool-btn.epaper-action-btn--clip.active,
.epaper-viewer-shell .tool-btn.epaper-action-btn--clip.is-active-reader-tool {
  border-color: rgba(220, 38, 38, 0.26);
  background: rgba(254, 242, 242, 0.98);
  color: #b91c1c;
}
.epaper-viewer-shell .tool-btn.epaper-action-btn--clip.active:hover,
.epaper-viewer-shell .tool-btn.epaper-action-btn--clip.is-active-reader-tool:hover,
.epaper-viewer-shell .tool-btn.epaper-action-btn--clip.active:focus-visible,
.epaper-viewer-shell .tool-btn.epaper-action-btn--clip.is-active-reader-tool:focus-visible {
  border-color: rgba(185, 28, 28, 0.34);
  background: rgba(254, 242, 242, 1);
  color: #991b1b;
}
.epaper-offline-control {
  gap: 0.4rem;
}
.epaper-offline-control .epaper-offline-status {
  display: none;
}
.epaper-offline-control .epaper-offline-status__badge {
  min-block-size: 1.15rem;
  padding: 0.08rem 0.42rem;
  font-size: 0.58rem;
  letter-spacing: 0.04em;
  text-transform: none;
}
.epaper-offline-control .epaper-offline-status__title,
.epaper-offline-control .epaper-offline-status__meta {
  display: none;
}
.epaper-account-label {
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 700;
}
.epaper-viewer-shell .user-menu-btn-modern {
  padding: 0.15rem 0.35rem 0.15rem 0.15rem;
  gap: 0.28rem;
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(15, 23, 42, 0.1);
}
.epaper-viewer-shell .user-avatar-circle {
  inline-size: 1.7rem;
  block-size: 1.7rem;
  font-size: 0.78rem;
}
.epaper-account-caret {
  font-size: 0.68rem;
}
.epaper-login-btn {
  min-block-size: 2.45rem;
  border-radius: 1rem;
  padding-inline: 0.8rem;
}
.epaper-mobile-page-chip {
  display: inline-flex;
  flex-direction: column;
  gap: 0.02rem;
  padding: 0.42rem 0.7rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}
.epaper-mobile-page-chip__eyebrow {
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.epaper-mobile-page-chip__value {
  color: #0f172a;
  font-size: 0.8rem;
  font-weight: 700;
}
.epaper-cms-offcanvas.offcanvas-mobile-width {
  width: min(24rem, calc(100vw - 1rem));
}
.epaper-cms-offcanvas .offcanvas-header {
  padding: 0;
}
.epaper-cms-offcanvas .offcanvas-body {
  background: #ffffff;
}
.epaper-cms-offcanvas__header {
  display: grid;
  grid-template-columns: minmax(2.5rem, 1fr) auto minmax(2.5rem, 1fr);
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1rem 0.9rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff;
}
.epaper-cms-offcanvas__brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 2rem;
  min-inline-size: 0;
  justify-self: center;
  max-inline-size: min(11.5rem, 100%);
}
.epaper-cms-offcanvas__logo {
  display: block;
  max-inline-size: 100%;
  max-block-size: 1.6rem;
  inline-size: auto;
}
.epaper-cms-offcanvas__wordmark {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.epaper-cms-offcanvas__side {
  display: inline-flex;
  align-items: center;
  min-inline-size: 2.4rem;
}
.epaper-cms-offcanvas__side--end {
  justify-content: flex-end;
}
.epaper-cms-offcanvas__close-btn {
  inline-size: 2rem;
  block-size: 2rem;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  background-position: center;
  background-size: 0.85rem;
  box-shadow: none;
  opacity: 0.72;
}
.epaper-cms-offcanvas__close-btn:hover,
.epaper-cms-offcanvas__close-btn:focus-visible {
  background-color: rgba(15, 23, 42, 0.04);
  box-shadow: none;
  opacity: 1;
}
.epaper-cms-offcanvas__topnav-wrap {
  padding: 0.75rem 1rem 0;
}
.epaper-cms-topnav {
  display: flex;
  align-items: center;
  gap: 1.05rem;
  min-block-size: 2rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  padding-bottom: 0.65rem;
}
.epaper-cms-topnav__link {
  position: relative;
  color: #475569;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}
.epaper-cms-topnav__link:hover,
.epaper-cms-topnav__link:focus-visible {
  color: #0f172a;
}
.epaper-cms-topnav__link--active {
  color: #0f172a;
}
.epaper-cms-topnav__link--active::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: -0.72rem;
  block-size: 2px;
  background: #0f172a;
}
.epaper-cms-offcanvas__search-wrap {
  padding: 0.95rem 1rem 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.epaper-cms-offcanvas__search-input {
  min-block-size: 2.8rem;
  border-color: rgba(15, 23, 42, 0.1);
  border-radius: 0.95rem;
  background: #ffffff;
  padding-inline: 0.95rem;
  color: #0f172a;
  font-size: 0.96rem;
  box-shadow: none;
}
.epaper-cms-offcanvas__search-input:focus {
  border-color: rgba(15, 23, 42, 0.18);
  box-shadow: none;
}
.epaper-cms-menu-list .list-group-item {
  background: transparent;
}
.epaper-cms-nav-link,
.epaper-cms-nav-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-block-size: 3.45rem;
  padding: 0 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: transparent;
  color: #111827;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
}
.epaper-cms-nav-link i {
  color: #94a3b8;
  font-size: 0.82rem;
}
.epaper-cms-nav-link:hover,
.epaper-cms-nav-link:focus-visible,
.epaper-cms-nav-link.is-active {
  color: #0f172a;
  background: rgba(15, 23, 42, 0.025);
}
.epaper-cms-menu-list .accordion-button.epaper-cms-nav-button {
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  font-size: 1rem;
}
.epaper-cms-menu-list .accordion-button:not(.collapsed) {
  color: #111827;
  background: rgba(15, 23, 42, 0.025);
}
.epaper-cms-menu-list .accordion-button:focus {
  box-shadow: none;
}
.epaper-cms-menu-list .accordion-body {
  background: rgba(15, 23, 42, 0.02);
}
.epaper-cms-nav-sublink {
  display: block;
  padding: 0.72rem 1.25rem 0.72rem 1.5rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  color: #475569;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
}
.epaper-cms-nav-sublink:hover,
.epaper-cms-nav-sublink:focus-visible {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.78);
}
.epaper-cms-nav-sublink--primary {
  color: #0f172a;
  font-weight: 700;
}
.mobile-control-menu__heading {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}
.mobile-control-menu__kicker {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.mobile-control-menu__meta {
  color: #64748b;
  font-size: 0.78rem;
}
.mobile-page-nav {
  display: grid;
  gap: 0.55rem;
}
.mobile-page-nav__row {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
}
.mobile-page-nav__step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.65rem;
  block-size: 2.65rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a;
  text-decoration: none;
}
.mobile-page-nav__step.is-disabled {
  opacity: 0.4;
}
@media (max-width: 1399.98px) {
  .epaper-offline-status {
    min-inline-size: 0;
  }

  .epaper-offline-status__meta {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .epaper-command-rail {
    gap: 0.25rem;
  }

  .epaper-selector-card:first-child .epaper-selector-card__button {
    min-inline-size: 8.6rem;
  }

  .epaper-selector-card--date .epaper-selector-card__field {
    min-inline-size: 7.9rem;
  }

  .epaper-selector-card--page .epaper-selector-card__button {
    min-inline-size: 5.6rem;
  }

  .epaper-viewer-shell .btn-nav-pill.epaper-selector-card__button,
  .epaper-selector-card__field {
    padding-inline: 0.58rem;
  }

  .epaper-zoom-cluster {
    padding: 0.14rem 0.18rem !important;
  }

  .epaper-zoom-btn,
  .epaper-zoom-readout {
    min-inline-size: 1.85rem;
    min-block-size: 1.85rem;
  }

  .epaper-zoom-readout {
    font-size: 0.8rem;
    padding-inline: 0.35rem !important;
  }
}
.epaper-not-found-shell .viewer-body-custom {
  padding-inline: 1rem;
}
.epaper-not-found-card {
  padding: 1rem;
}
.epaper-not-found-copy {
  max-inline-size: 34rem;
  margin-inline: auto;
  color: #5b6578;
}
.epaper-not-found-recent {
  max-inline-size: 42rem;
  margin-inline: auto;
}
.epaper-flatpickr-scope .flatpickr-calendar {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  border: none !important;
  border-radius: 12px !important;
}
.epaper-flatpickr-scope .flatpickr-day.selected,
.epaper-flatpickr-scope .flatpickr-day.startRange,
.epaper-flatpickr-scope .flatpickr-day.endRange,
.epaper-flatpickr-scope .flatpickr-day.selected.inRange,
.epaper-flatpickr-scope .flatpickr-day.startRange.inRange,
.epaper-flatpickr-scope .flatpickr-day.endRange.inRange,
.epaper-flatpickr-scope .flatpickr-day.selected:focus,
.epaper-flatpickr-scope .flatpickr-day.startRange:focus,
.epaper-flatpickr-scope .flatpickr-day.endRange:focus,
.epaper-flatpickr-scope .flatpickr-day.selected:hover,
.epaper-flatpickr-scope .flatpickr-day.startRange:hover,
.epaper-flatpickr-scope .flatpickr-day.endRange:hover,
.epaper-flatpickr-scope .flatpickr-day.selected.prevMonthDay,
.epaper-flatpickr-scope .flatpickr-day.startRange.prevMonthDay,
.epaper-flatpickr-scope .flatpickr-day.endRange.prevMonthDay,
.epaper-flatpickr-scope .flatpickr-day.selected.nextMonthDay,
.epaper-flatpickr-scope .flatpickr-day.startRange.nextMonthDay,
.epaper-flatpickr-scope .flatpickr-day.endRange.nextMonthDay {
  background: #dc3545 !important;
  border-color: #dc3545 !important;
}
.epaper-flatpickr-scope .flatpickr-day:not(.flatpickr-disabled) {
  font-weight: 700;
  color: #212529;
}
.epaper-clip-shell .card-header,
.epaper-clip-shell .card-footer {
  background: rgba(255, 255, 255, 0.98);
}
.epaper-clip-shell {
  min-block-size: 100vh;
  padding-block: clamp(1.5rem, 2vw, 2.75rem);
}
.epaper-clip-shell .container {
  max-width: 1180px;
}
.epaper-clip-shell__frame {
  overflow: hidden;
}
.epaper-clip-shell__title {
  letter-spacing: -0.02em;
}
.epaper-clip-shell__header-copy {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.epaper-clip-shell__eyebrow {
  color: #b91c1c;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.epaper-clip-shell__subtitle {
  max-inline-size: 30rem;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.5;
}
.epaper-clip-shell__body {
  background:
    radial-gradient(circle at top center, rgba(37, 99, 235, 0.08), transparent 42%),
    linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}
.epaper-clip-shell .clip-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: min(70vh, 42rem);
  background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}
.epaper-clip-shell .clip-svg-content {
  display: block;
  max-inline-size: 100%;
  max-block-size: min(64vh, 40rem);
}
.epaper-clip-shell .clip-share-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.epaper-clip-shell .clip-share-btn {
  box-shadow: none;
}
.epaper-clip-shell .clip-share-btn:hover,
.epaper-clip-shell .clip-share-btn:focus-visible {
  transform: translateY(-1px);
}
.epaper-clip-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}
.epaper-clip-meta-card {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}
.epaper-clip-meta-copy {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.4;
}
.epaper-clip-shell .clip-meta-label {
  letter-spacing: 0.08em;
}
.epaper-clip-actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.epaper-clip-primary-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.crossword-shell {
  font-family: "Merriweather", "Georgia", serif;
}
.crossword-board-wrap {
  display: flex;
  justify-content: center;
}
.crossword-board {
  border-collapse: collapse;
  border: 2px solid #111;
  background: #111;
}
.crossword-cell {
  position: relative;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #444;
  background: #fff;
}
.crossword-cell.is-black {
  background: #111;
  border-color: #111;
}
.crossword-cell.is-active {
  background: #fff4c2;
}
.crossword-cell.is-error {
  background: #f8d7da;
}
.crossword-number {
  position: absolute;
  top: 2px;
  left: 3px;
  z-index: 2;
  font-size: 10px;
  line-height: 1;
  color: #111;
  font-weight: 700;
  pointer-events: none;
}
.crossword-input {
  width: 100%;
  height: 100%;
  padding-top: 6px;
  border: 0;
  outline: none;
  background: transparent;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  color: #111;
}
.crossword-input:focus {
  background: rgba(13, 110, 253, 0.12);
}
.crossword-clues {
  max-height: 68vh;
  overflow: auto;
}
.crossword-clue-section {
  margin-bottom: 1rem;
}
.crossword-clue-title {
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #ddd;
  font-size: 1rem;
  font-weight: 700;
}
.crossword-clue-list {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.crossword-clue-item {
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.35rem;
}
.crossword-clue-item:hover,
.crossword-clue-item.is-active {
  background: #fff4c2;
}
.crossword-clue-no {
  margin-right: 0.35rem;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .epaper-archive-hero__header {
    flex-direction: column;
    align-items: start;
  }

  .epaper-viewer-shell .viewer-header {
    padding-inline: 1rem !important;
  }

  .epaper-viewer-shell {
    --epaper-toolbar-height: var(--epaper-toolbar-height-mobile);
  }

  .epaper-viewer-shell .viewer-header.epaper-toolbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.55rem;
    min-block-size: var(--epaper-toolbar-height-mobile);
    block-size: var(--epaper-toolbar-height-mobile);
  }

  .epaper-viewer-shell .viewer-body-custom {
    padding-top: var(--epaper-toolbar-height-mobile) !important;
    min-height: calc(100vh - var(--epaper-toolbar-height-mobile) - 60px);
  }

  .epaper-toolbar__zone--brand,
  .epaper-toolbar__zone--actions {
    gap: 0.45rem;
  }

  .epaper-toolbar__logo {
    max-block-size: 1.3rem;
  }

  .epaper-reader-mark {
    display: none;
  }

  .epaper-mobile-page-chip {
    padding-inline: 0.55rem;
  }

    .epaper-viewer-shell .tool-btn,
    .epaper-viewer-shell .mobile-menu-btn {
      inline-size: 2.1rem;
      block-size: 2.1rem;
    }

  .crossword-clues {
    max-height: none;
  }

  .crossword-cell {
    width: 34px;
    height: 34px;
  }

  .crossword-input {
    padding-top: 4px;
    font-size: 0.95rem;
  }
}
@media (max-width: 575.98px) {
  .epaper-archive-hero,
  .epaper-not-found-card,
  .epaper-archive-card,
  .epaper-viewer-shell .nav-pill-group,
  .epaper-viewer-shell .user-menu-btn-modern,
  .epaper-viewer-shell .tool-btn {
    border-radius: 20px;
  }

  .epaper-viewer-shell .viewer-header.epaper-toolbar {
    gap: 0.4rem;
  }

  .epaper-mobile-page-chip {
    padding: 0.36rem 0.55rem;
  }

  .epaper-mobile-page-chip__eyebrow {
    font-size: 0.54rem;
  }

  .epaper-mobile-page-chip__value {
    font-size: 0.75rem;
  }

  .epaper-archive-card__body {
    padding: 1rem;
  }

  .epaper-clip-shell {
    padding-block: 1rem 1.75rem;
  }

  .epaper-clip-shell__body {
    padding: 0;
  }

  .epaper-clip-meta-grid {
    grid-template-columns: 1fr;
  }

  .epaper-clip-actions-row {
    align-items: flex-start;
  }

  .epaper-cms-offcanvas__header {
    padding-inline: 0.85rem;
  }

  .epaper-cms-offcanvas__topnav-wrap,
  .epaper-cms-offcanvas__search-wrap,
  .epaper-cms-offcanvas .offcanvas-body > .p-3 {
    padding-inline: 0.85rem;
  }

  .epaper-cms-offcanvas__brand {
    max-inline-size: min(10rem, 100%);
  }
}
/* Global Font & Reset */
@font-face {
    font-family: 'Noto Sans Devanagari';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    /* `optional` pairs with the preload in partials/header.php: font usually
       paints first; if it misses the deadline, fallback metrics below keep
       line-box height stable so no swap reflow ever fires. Avoids the
       0.3 CLS cluster (utility-bar -> branding-row -> nav -> main cascade). */
    font-display: optional;
    size-adjust: 105%;
    ascent-override: 100%;
    descent-override: 30%;
    line-gap-override: 0%;
    src: local('Noto Sans Devanagari'), url('/assets/fonts/NotoSansDevanagari.woff2') format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
body {
    font-family: 'Noto Sans Devanagari', sans-serif;
}
/* --- Utility Classes --- */
.w-40px { width: 40px !important; }
.h-40px { height: 40px !important; }
.w-150px { width: 150px !important; }
.h-150px { height: 150px !important; }
.fs-3rem { font-size: 3rem !important; }
.avatar-lg {
    width: 64px;
    height: 64px;
    -o-object-fit: cover;
       object-fit: cover;
}
.avatar-lg-placeholder {
    width: 64px;
    height: 64px;
    font-size: 2rem;
}
/* Header Branding & Logo Control */
.header-logo-img {
    max-height: 48px;
    width: auto;
    display: block;
}
.header-mobile-logo-img {
    max-height: 40px;
    width: auto;
    display: block;
}
/* Ensure mobile header wrapper stays sane */
.mobile-brand {
    display: flex;
    align-items: center;
}
.brand-logo .site-title {
    font-size: 36px;
    line-height: 1;
}
/* Utility/Header row sizing */
.utility-bar { min-height: 28px; }
.branding-row { min-height: 72px; }
/* Reading progress bar */
.reading-progress-bar-locked {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--scroll-progress, 0%);
    height: 3px;
    background: var(--ntcms-color-primary, #c8242e);
    z-index: 1030;
    transition: width 120ms linear;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
}
/* Ensure images never exceed desired height */
.brand-logo picture img.header-logo-img {
    max-height: 48px !important;
    height: auto;
    width: auto;
}
@media (max-width: 1199.98px) {
    .brand-logo picture img.header-logo-img { max-height: 44px !important; }
}
@media (max-width: 991.98px) {
    .brand-logo picture img.header-logo-img { max-height: 32px !important; }
    .header-mobile-logo-img { max-height: 32px !important; }
    .mobile-brand .site-title { font-size: 24px !important; line-height: 1; }
}
/* Custom Sticky Header - Initially Hidden */
#customStickyHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1020;
    display: none; /* Hidden by default to prevent LCP confusion */
}
/* Show Sticky Header when active */
#customStickyHeader.visible {
    display: block;
    animation: slideDownHeader 0.3s ease-in-out;
}
@keyframes slideDownHeader {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
/* Sticky Header Branding */
.sticky-brand img {
    height: 30px;
    width: auto;
}
/* Live TV Button in Sticky Header */
.btn-xs {
    padding: 0.1rem 0.5rem;
    font-size: 0.75rem;
}
.h-28px {
    height: 28px;
}
.w-05rem {
    width: 0.5rem;
}
.h-05rem {
    height: 0.5rem;
}
/* Mega Menu Styles */
.navigation-row {
    background-color: #fff;
    border-top: 1px solid #e9ecef;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    position: relative; /* Context for mega menu */
    z-index: 1040;
}
.navbar-nav .nav-link {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    letter-spacing: 0.5px;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #cc0000; /* News red */
}
.ntcms-header .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
}
/* -------------------------------------------------------------------------- */
/* --- Footer Styles --- */
.ntcms-footer {
    background-color: #111 !important;
    color: #fff !important;
    font-family: var(--bs-body-font-family);
    font-size: 0.9rem; /* Fix: Enforce compact font size */
}
.bg-dark-footer {
    background-color: #111 !important;
}
.footer-branding-wrapper {
    border-top: 1px solid #333 !important;
    padding-top: 3rem;
    margin-top: 1rem;
    position: relative;
}
.footer-logo-bg {
    background-color: #111 !important; /* Matches footer bg to hide border */
    padding: 0 1rem;
}
.footer-logo-img {
    max-height: 40px;
    width: auto;
    display: block;
}
.footer-link {
    color: #bbb !important;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 0.9rem;
}
.footer-link:hover {
    color: #fff !important;
    text-decoration: underline;
}
.footer-heading {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    letter-spacing: 1px;
    color: #fff !important;
    font-size: 0.75rem; /* Crisp, small headers */
}
.social-links a {
    color: #fff;
    font-size: 1.2rem;
    margin: 0 10px;
    transition: opacity 0.2s;
}
.social-links a:hover {
    opacity: 0.8;
}
.footer-legal-links {
    font-size: 0.8rem;
    opacity: 0.8;
}
.footer-legal-links a {
    color: #aaa;
    text-decoration: none;
    margin: 0 5px;
}
.footer-legal-links a:hover {
    color: #fff;
    text-decoration: underline;
}
/* Site Title styling fallback */
.site-title {
    font-family: 'Playfair Display', serif; /* Newspaper style font */
    color: #000;
    line-height: 1.2;
}
/* --- Mobile Menu Styles --- */
.hamburger-icon {
    width: 24px;
    height: 18px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block;
}
.hamburger-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.hamburger-icon span:nth-child(1) {
    top: 0px;
}
.hamburger-icon span:nth-child(2) {
    top: 8px;
}
.hamburger-icon span:nth-child(3) {
    top: 16px;
}
.navbar-toggler[aria-expanded="true"] .hamburger-icon span:nth-child(1) {
    top: 8px;
    transform: rotate(135deg);
}
.navbar-toggler[aria-expanded="true"] .hamburger-icon span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.navbar-toggler[aria-expanded="true"] .hamburger-icon span:nth-child(3) {
    top: 8px;
    transform: rotate(-135deg);
}
.offcanvas-mobile-width {
    width: 300px !important;
}
/* Mobile Search & User Styles */
.nav-live-btn {
    color: #dc3545;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 5px;
}
/* --- Sticky Video Player --- */
.sticky-video-active {
    position: fixed !important;
    bottom: 90px;
    right: 20px;
    width: 320px;
    height: 180px !important;
    z-index: 1060;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    border-radius: 8px;
    overflow: hidden;
    animation: slideUp 0.3s ease-out;
    background: #000;
}
.sticky-video-active .sticky-close-btn {
    display: block;
    /* Use icon font for close button if possible, but keep simple 'x' or icon */
    font-family: Arial, sans-serif; 
}
/* Ensure play icon is visible in non-sticky state if it's an overlay */
.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    width: 60px;
    height: 60px;
    background: rgba(204, 0, 0, 0.9); /* Red background */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.video-play-icon::before {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid white;
    margin-left: 4px; /* Optical center adjustment */
}
/* Hide play icon when video is playing or sticky */
.sticky-video-active .video-play-icon,
.video-playing .video-play-icon {
    display: none;
}
/* Disable bootstrap ratio pseudo-element when sticky */
.sticky-video-active::before {
    display: none !important;
    padding-top: 0 !important;
}
@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.sticky-close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    cursor: pointer;
    display: none; /* Hidden by default */
    z-index: 1070;
    border: 1px solid rgba(255,255,255,0.3);
}
.sticky-close-btn:hover {
    background: #cc0000;
    border-color: #cc0000;
}
.sticky-video-active .sticky-close-btn {
    display: block;
}
/* Ensure iframe/video fills the sticky container */
.sticky-video-active iframe,
.sticky-video-active video {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
}
/* Mobile responsive */
@media (max-width: 576px) {
    .sticky-video-active {
        width: 200px;
        height: 112px !important; /* 16:9 aspect ratio */
        bottom: 70px; /* Above bottom nav if any */
        right: 10px;
    }
}
.article-thumb-hz {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
@media (max-width: 992px) {
    .article-thumb-hz {
        height: 160px;
    }
}
@media (max-width: 576px) {
    .article-thumb-hz {
        height: 140px;
    }
}
.article-hero-hz {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}
.editorial-curation-shell {
    position: relative;
    box-shadow: inset 0 -1px 0 rgba(17, 24, 39, 0.06);
}
.editorial-breaking-band {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 0 1rem;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}
.editorial-breaking-label {
    flex-shrink: 0;
    padding: 0.35rem 0.7rem;
    background: #b91c1c;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-radius: 999px;
}
.editorial-breaking-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}
.editorial-breaking-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #111827;
    text-decoration: none;
    font-size: 0.96rem;
    font-weight: 600;
    line-height: 1.35;
}
.editorial-breaking-link:hover {
    color: #b91c1c;
}
.editorial-breaking-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #b91c1c;
    box-shadow: 0 0 0 6px rgba(185, 28, 28, 0.12);
    animation: breakingPulse 1.8s ease-out infinite;
    flex-shrink: 0;
}
.editorial-breaking-age {
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.editorial-breaking-separator {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.35);
    flex-shrink: 0;
}
.editorial-curation-heading {
    max-width: 220px;
}
.editorial-top-stories {
    padding-bottom: 0.4rem;
}
.editorial-top-stories-header {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1rem;
}
.editorial-top-stories-line {
    height: 1px;
    flex: 1 1 auto;
    background: rgba(17, 24, 39, 0.12);
}
.editorial-top-story-card {
    display: flex;
    gap: 0.85rem;
    padding-top: 0.1rem;
    border-top: 1px solid rgba(17, 24, 39, 0.1);
}
.editorial-top-story-number {
    flex-shrink: 0;
    color: #b91c1c;
    font-family: 'Playfair Display', serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
}
.editorial-top-story-body {
    min-width: 0;
}
.editorial-top-story-title {
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.35;
}
.editorial-top-story-title a:hover {
    color: #b91c1c !important;
}
.editorial-story-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.55rem;
}
.editorial-story-flag {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.editorial-story-flag-live {
    background: rgba(185, 28, 28, 0.08);
    color: #b91c1c;
}
.editorial-story-flag-premium {
    background: rgba(217, 119, 6, 0.1);
    color: #92400e;
}
.editorial-pick-card {
    background: #fff;
    border-top: 3px solid #111827;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}
.editorial-pick-image {
    overflow: hidden;
    background: #f3f4f6;
}
.editorial-pick-image-tag {
    aspect-ratio: 16/10;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.35s ease;
}
.editorial-pick-card:hover .editorial-pick-image-tag {
    transform: scale(1.03);
}
.editorial-pick-body {
    padding: 1rem 0.15rem 0.1rem;
}
.editorial-pick-meta {
    margin-bottom: 0.45rem;
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.editorial-pick-title {
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 700;
}
.editorial-pick-title a:hover {
    color: #b91c1c !important;
}
.homepage-grid-card {
    border-top: 3px solid #111827;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}
.homepage-grid-card-media {
    overflow: hidden;
    background: #f3f4f6;
}
.homepage-grid-card-image {
    transition: transform 0.35s ease;
}
.homepage-grid-card:hover .homepage-grid-card-image {
    transform: scale(1.03);
}
.homepage-grid-card-body {
    padding: 1rem 1rem 0.95rem;
}
.homepage-grid-card-kicker {
    display: inline-block;
    margin-bottom: 0.55rem;
    color: #6b7280;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.homepage-grid-card-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.08rem;
    line-height: 1.38;
    font-weight: 700;
}
.homepage-grid-card-title a:hover {
    color: #b91c1c !important;
}
.homepage-grid-card-date {
    padding-top: 0.45rem;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
}
.homepage-feature-split-card {
    padding-top: 0.2rem;
}
.homepage-feature-split-title {
    font-size: 1.02rem;
    line-height: 1.42;
}
.homepage-feature-split-title a:hover {
    color: #b91c1c !important;
}
.homepage-feature-split-thumb .ratio {
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}
.homepage-video-lead {
    border-top: 3px solid #111827;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
}
.homepage-videos-section .homepage-section-title,
.homepage-videos-section .homepage-section-link {
    color: #111827 !important;
}
.homepage-video-lead-media,
.homepage-video-side-media {
    overflow: hidden;
}
.homepage-video-lead-image,
.homepage-video-side-image {
    transition: transform 0.35s ease;
}
.homepage-video-lead:hover .homepage-video-lead-image,
.homepage-video-side-card:hover .homepage-video-side-image {
    transform: scale(1.03);
}
.homepage-video-lead-body {
    padding: 1.1rem 1.1rem 1rem;
}
.homepage-video-lead-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.45rem;
    line-height: 1.25;
    font-weight: 700;
}
.homepage-video-lead-title a:hover,
.homepage-video-side-title a:hover {
    color: #b91c1c !important;
}
.homepage-video-side-card {
    border-left: 3px solid rgba(17, 24, 39, 0.9);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05) !important;
}
.homepage-video-side-body {
    padding-left: 0.85rem;
    padding-right: 0.9rem;
}
.homepage-video-side-title {
    font-family: 'Playfair Display', serif;
    font-size: 0.98rem;
    line-height: 1.35;
    font-weight: 700;
}
.homepage-grid-card-featured-col .homepage-grid-card {
    border-top-width: 4px;
    box-shadow: 0 22px 42px rgba(15, 23, 42, 0.1) !important;
}
.homepage-grid-card-featured-col .homepage-grid-card-image {
    height: 240px !important;
}
.homepage-grid-card-featured-col .homepage-grid-card-title {
    font-size: 1.22rem;
    line-height: 1.32;
}
.homepage-topic-card-featured-col .homepage-topic-card {
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1) !important;
}
.homepage-topic-card-featured-col .homepage-topic-card-title {
    font-size: 1.2rem;
}
.homepage-opinion-grid-featured-col .homepage-opinion-grid-card {
    background: #f7f4ed !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}
.homepage-opinion-grid-featured-col .homepage-opinion-grid-title {
    font-size: 1.18rem;
}
.homepage-visual-story-title:hover {
    color: #b91c1c !important;
}
.homepage-visual-shorts-section {
    background:
        linear-gradient(180deg, rgba(248, 246, 241, 0.85) 0%, rgba(255, 255, 255, 1) 100%) !important;
}
.homepage-visual-stories-rail {
    padding-top: 0.4rem;
}
.homepage-visual-story-item {
    width: min(240px, 58vw);
}
.homepage-visual-story-item-wide {
    width: min(360px, 100%);
    flex: 1 1 320px;
}
.homepage-visual-story-media {
    border-top: 3px solid #111827;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}
.homepage-visual-story-image {
    transition: transform 0.35s ease;
}
.homepage-visual-story-item:hover .homepage-visual-story-image {
    transform: scale(1.04);
}
.homepage-visual-story-title {
    font-family: 'Playfair Display', serif;
    font-size: 1rem !important;
    line-height: 1.28 !important;
    max-width: 24ch;
    text-wrap: balance;
}
.homepage-visual-story-title-shell {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.02) 0%, rgba(15, 23, 42, 0.74) 82%, rgba(15, 23, 42, 0.92) 100%);
}
.homepage-shorts-frame {
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.14) !important;
}
.homepage-short-card-media {
    height: 30%;
}
.homepage-short-card-body {
    min-height: 0;
}
.homepage-short-card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
}
.homepage-short-card-meta,
.homepage-short-card-time {
    font-size: 0.7rem;
}
.homepage-topic-card,
.homepage-latest-list-card,
.homepage-classic-card,
.homepage-opinion-grid-card {
    border-top: 3px solid #111827;
}
.homepage-topic-card {
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06) !important;
}
.homepage-topic-card-media {
    overflow: hidden;
    background: #f3f4f6;
}
.homepage-topic-card-image,
.homepage-latest-list-image,
.homepage-classic-card-image {
    transition: transform 0.35s ease;
}
.homepage-topic-card:hover .homepage-topic-card-image,
.homepage-latest-list-card:hover .homepage-latest-list-image,
.homepage-classic-card:hover .homepage-classic-card-image {
    transform: scale(1.03);
}
.homepage-topic-card-body {
    padding: 1rem 1rem 0.95rem;
}
.homepage-topic-card-title,
.homepage-classic-card-title,
.homepage-latest-list-title,
.homepage-opinion-grid-title {
    font-family: 'Playfair Display', serif;
}
.homepage-topic-card-title {
    font-size: 1.08rem;
    line-height: 1.3;
}
.homepage-topic-card-desc {
    line-height: 1.55;
}
.homepage-topic-card-link {
    letter-spacing: 0.12em;
}
.homepage-latest-list-card {
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}
.homepage-latest-list-media {
    overflow: hidden;
    background: #f3f4f6;
}
.homepage-latest-list-body {
    padding: 1.15rem 1.15rem 1rem;
}
.homepage-latest-list-kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}
.homepage-latest-list-title {
    font-size: 1.22rem;
    line-height: 1.35;
}
.homepage-latest-list-title a:hover,
.homepage-classic-card-title a:hover,
.homepage-opinion-grid-title a:hover,
.homepage-topic-card:hover .homepage-topic-card-title {
    color: #b91c1c !important;
}
.homepage-latest-list-excerpt,
.homepage-classic-card-excerpt,
.homepage-opinion-grid-excerpt {
    line-height: 1.6;
}
.homepage-latest-list-date {
    padding-top: 0.35rem;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
}
.homepage-classic-card {
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}
.homepage-classic-card-media {
    overflow: hidden;
    background: #f3f4f6;
}
.homepage-classic-card-body {
    padding: 1.35rem !important;
}
.homepage-classic-card-kicker {
    letter-spacing: 0.1em;
}
.homepage-classic-card-title {
    line-height: 1.25;
}
.homepage-classic-card-author {
    padding-top: 0.7rem;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
}
.homepage-opinion-grid-card {
    background: #fbfaf7 !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}
.homepage-opinion-grid-meta {
    min-height: 32px;
}
.homepage-opinion-grid-avatar {
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}
.homepage-opinion-grid-title {
    font-size: 1.08rem;
    line-height: 1.35;
}
.article-meta-actions {
    flex-shrink: 0;
    gap: 0.35rem !important;
}
.article-meta-action {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #1f2937;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: none;
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.article-meta-action:hover,
.article-meta-action:focus,
.article-meta-action.show {
    background: rgba(15, 23, 42, 0.05);
    color: #111827;
    box-shadow: none;
    transform: translateY(-1px);
}
.article-meta-action.is-listening,
.article-meta-action[aria-pressed="true"] {
    background: #fff7ed;
    color: #c8102e;
    box-shadow: none;
}
.article-meta-action i {
    font-size: 1.2rem;
    line-height: 1;
}
@media (max-width: 576px) {
    .editorial-breaking-band {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.7rem;
    }
    .editorial-top-story-card {
        padding-top: 0.6rem;
        gap: 0.65rem;
    }

    .editorial-top-story-number {
        font-size: 1.45rem;
    }

    .editorial-top-story-title {
        font-size: 0.95rem;
    }

    .editorial-pick-body {
        padding-top: 0.8rem;
    }

    .editorial-pick-title {
        font-size: 0.98rem;
    }

    .editorial-top-stories .col-md-6:nth-child(n+3),
    .editorial-curation-shell .col-sm-6:nth-child(n+3) {
        display: none;
    }

    .homepage-video-lead-title {
        font-size: 1.2rem;
    }

    .homepage-visual-story-item {
        width: min(210px, 72vw);
    }

    .homepage-grid-card-body,
    .homepage-latest-list-body,
    .homepage-classic-card-body {
        padding: 0.95rem !important;
    }

    .homepage-grid-card-title,
    .homepage-topic-card-title,
    .homepage-opinion-grid-title,
    .homepage-video-side-title,
    .homepage-feature-split-title {
        font-size: 0.96rem;
        line-height: 1.34;
    }

    .homepage-latest-list-title,
    .homepage-classic-card-title,
    .homepage-opinion-title {
        font-size: 1.04rem;
        line-height: 1.34;
    }

    .homepage-latest-list-excerpt,
    .homepage-classic-card-excerpt,
    .homepage-opinion-grid-excerpt,
    .homepage-topic-card-desc {
        display: none;
    }

    .homepage-grid4-section .col:nth-child(n+5),
    .homepage-topic-hubs-section .col-6:nth-child(n+5) {
        display: none;
    }

    .homepage-videos-section .col-lg-4 .homepage-video-side-card:nth-child(n+3) {
        display: none;
    }

    .homepage-latest-list-section .card:nth-child(n+5),
    .homepage-list-classic-section .card:nth-child(n+4),
    .homepage-opinion-grid-section .col-md-3:nth-child(n+3) {
        display: none;
    }

    .homepage-footer-columns {
        row-gap: 0;
    }

    .homepage-footer-column {
        margin-bottom: 1.5rem !important;
    }

}
@media (min-width: 577px) and (max-width: 991.98px) {
    .homepage-grid-card-title,
    .homepage-topic-card-title,
    .homepage-video-side-title,
    .homepage-feature-split-title {
        font-size: 1rem;
    }

    .homepage-latest-list-title,
    .homepage-classic-card-title {
        font-size: 1.14rem;
    }

    .homepage-opinion-rail {
        margin-top: 1.5rem;
    }
}
/* Shorts Phone Mockup Scrollbar */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.shorts-scroll-area {
    -webkit-overflow-scrolling: touch;
}
/* Disable bullet points for list-unstyled */
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-unstyled li {
    list-style-type: none !important;
}
/* Ensure recommended stories don't have default bullets */
.recommended-stories-inline ul,
.recommended-stories-inline li {
    list-style: none !important;
    padding-left: 0;
}
.homepage-site-header {
    background: linear-gradient(180deg, #fbfaf7 0%, #ffffff 100%);
    box-shadow: inset 0 -1px 0 rgba(17, 24, 39, 0.04);
}
body.reader-surface-article .homepage-site-header {
    min-height: 227px;
}
.homepage-site-header--regional {
    background:
        radial-gradient(circle at top center, rgba(185, 28, 28, 0.06), transparent 28%),
        linear-gradient(180deg, #fdfcf9 0%, #ffffff 100%);
}
.homepage-header-shell {
    width: min(calc(100% - 48px), 1706px);
    max-width: 1706px;
    margin-inline: auto;
}
.homepage-utility-bar {
    background: #f7f4ed !important;
    border-bottom-color: rgba(17, 24, 39, 0.08) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 30px;
}
.homepage-utility-bar--regional {
    background: linear-gradient(90deg, #151515 0%, #1d1d1d 100%) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff;
}
.homepage-utility-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 30px;
}
.status-badge--probe {
    background: #f3e8ff;
    border: 1px solid #d8b4fe;
    color: #6b21a8;
}
.homepage-social-svg {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}
.homepage-social-svg--instagram,
.homepage-social-svg--youtube,
.homepage-social-svg--facebook {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Z'/%3E%3C/svg%3E");
}
.homepage-utility-trending,
.homepage-utility-meta,
.homepage-utility-links,
.homepage-utility-social {
    display: flex;
    align-items: center;
}
.homepage-utility-trending,
.homepage-utility-links {
    gap: 0.55rem;
    min-width: 0;
}
.homepage-utility-trending {
    flex: 1 1 auto;
    overflow: hidden;
}
.homepage-utility-meta {
    gap: 0.65rem;
    flex-shrink: 0;
    min-height: 30px;
}
.homepage-utility-bar--regional .homepage-utility-meta > * + * {
    position: relative;
    padding-left: 0.75rem;
}
.homepage-utility-bar--regional .homepage-utility-meta > * {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    line-height: 1;
}
.homepage-utility-bar--regional .homepage-utility-meta > * + *::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-50%);
}
.homepage-utility-links {
    flex: 1 1 auto;
    overflow-x: auto;
    scrollbar-width: none;
}
.homepage-utility-links::-webkit-scrollbar {
    display: none;
}
.homepage-utility-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 0.58rem;
    border-radius: 8px;
    background: #c81e1e;
    color: #fff;
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}
.homepage-utility-links a,
.homepage-utility-fallback,
.homepage-utility-trigger,
.homepage-utility-date span,
.homepage-utility-social a {
    color: rgba(255, 255, 255, 0.92) !important;
    text-decoration: none;
}
.homepage-utility-links a,
.homepage-utility-fallback {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.1;
}
.homepage-utility-links a:hover,
.homepage-utility-trigger:hover,
.homepage-utility-social a:hover {
    color: #ffffff !important;
}
.homepage-utility-separator {
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.18);
    flex: 0 0 auto;
}
.homepage-utility-trigger,
.homepage-utility-date span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    font-size: 0.72rem !important;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1 !important;
}
.homepage-utility-bar--regional .homepage-utility-date span {
    font-size: 0.62rem !important;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}
.homepage-utility-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
.homepage-utility-social {
    gap: 0.32rem;
    min-height: 30px;
}
.homepage-utility-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1 !important;
}
.homepage-social-icon {
    display: block;
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    fill: currentColor;
    color: currentColor;
    overflow: visible;
}
.homepage-social-x {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1 !important;
}
.homepage-social-svg {
    display: block;
    width: 12px;
    height: 12px;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    line-height: 1 !important;
}
.homepage-social-svg--facebook {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9 15V8.8h2.1l.4-2.5H9V4.7c0-.7.2-1.2 1.2-1.2h1.4V1.3C11.1 1.2 10.5 1 9.6 1 7.8 1 6.6 2.1 6.6 4.1v2.2H4.5v2.5h2.1V15z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9 15V8.8h2.1l.4-2.5H9V4.7c0-.7.2-1.2 1.2-1.2h1.4V1.3C11.1 1.2 10.5 1 9.6 1 7.8 1 6.6 2.1 6.6 4.1v2.2H4.5v2.5h2.1V15z'/%3E%3C/svg%3E");
}
.homepage-social-svg--instagram {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4.5 1h7A3.5 3.5 0 0 1 15 4.5v7a3.5 3.5 0 0 1-3.5 3.5h-7A3.5 3.5 0 0 1 1 11.5v-7A3.5 3.5 0 0 1 4.5 1Zm0 1.2a2.3 2.3 0 0 0-2.3 2.3v7a2.3 2.3 0 0 0 2.3 2.3h7a2.3 2.3 0 0 0 2.3-2.3v-7a2.3 2.3 0 0 0-2.3-2.3h-7ZM8 4.7a3.3 3.3 0 1 1 0 6.6 3.3 3.3 0 0 1 0-6.6Zm0 1.2a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Zm3.8-2a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4.5 1h7A3.5 3.5 0 0 1 15 4.5v7a3.5 3.5 0 0 1-3.5 3.5h-7A3.5 3.5 0 0 1 1 11.5v-7A3.5 3.5 0 0 1 4.5 1Zm0 1.2a2.3 2.3 0 0 0-2.3 2.3v7a2.3 2.3 0 0 0 2.3 2.3h7a2.3 2.3 0 0 0 2.3-2.3v-7a2.3 2.3 0 0 0-2.3-2.3h-7ZM8 4.7a3.3 3.3 0 1 1 0 6.6 3.3 3.3 0 0 1 0-6.6Zm0 1.2a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Zm3.8-2a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Z'/%3E%3C/svg%3E");
}
.homepage-social-svg--youtube {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M14.6 4.1a2 2 0 0 0-1.4-1.4C12 2.4 8 2.4 8 2.4s-4 0-5.2.3a2 2 0 0 0-1.4 1.4A20 20 0 0 0 1.1 8c0 1.3.1 2.7.3 3.9a2 2 0 0 0 1.4 1.4c1.2.3 5.2.3 5.2.3s4 0 5.2-.3a2 2 0 0 0 1.4-1.4c.2-1.2.3-2.6.3-3.9s-.1-2.7-.3-3.9ZM6.7 10.4V5.6L10.8 8 6.7 10.4Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M14.6 4.1a2 2 0 0 0-1.4-1.4C12 2.4 8 2.4 8 2.4s-4 0-5.2.3a2 2 0 0 0-1.4 1.4A20 20 0 0 0 1.1 8c0 1.3.1 2.7.3 3.9a2 2 0 0 0 1.4 1.4c1.2.3 5.2.3 5.2.3s4 0 5.2-.3a2 2 0 0 0 1.4-1.4c.2-1.2.3-2.6.3-3.9s-.1-2.7-.3-3.9ZM6.7 10.4V5.6L10.8 8 6.7 10.4Z'/%3E%3C/svg%3E");
}
/* Global Bootstrap Icons fallback: keeps icons visible even if a font glyph is stale or missing. */
.bi.bi-facebook,
.bi.bi-twitter,
.bi.bi-twitter-x,
.bi.bi-instagram,
.bi.bi-linkedin,
.bi.bi-youtube,
.bi.bi-whatsapp,
.bi.bi-rss,
.bi.bi-search,
.bi.bi-bell,
.bi.bi-bell-fill,
.bi.bi-bookmark,
.bi.bi-bookmark-heart,
.bi.bi-bookmark-check-fill,
.bi.bi-person-circle,
.bi.bi-person-fill,
.bi.bi-person-plus,
.bi.bi-person-check-fill,
.bi.bi-chevron-down,
.bi.bi-arrow-up,
.bi.bi-arrow-up-circle,
.bi.bi-arrow-up-circle-fill,
.bi.bi-arrow-up-right,
.bi.bi-arrow-right,
.bi.bi-arrow-left,
.bi.bi-arrow-clockwise,
.bi.bi-arrow-repeat,
.bi.bi-box-arrow-right,
.bi.bi-box-arrow-up-right,
.bi.bi-list,
.bi.bi-plus-lg,
.bi.bi-x-lg,
.bi.bi-x-circle,
.bi.bi-check-lg,
.bi.bi-check-circle-fill,
.bi.bi-check2-circle,
.bi.bi-check2-square,
.bi.bi-pencil,
.bi.bi-pencil-square,
.bi.bi-trash,
.bi.bi-save,
.bi.bi-eye,
.bi.bi-image,
.bi.bi-images,
.bi.bi-newspaper,
.bi.bi-journal-text,
.bi.bi-envelope,
.bi.bi-envelope-plus,
.bi.bi-envelope-check,
.bi.bi-envelope-paper,
.bi.bi-send,
.bi.bi-share,
.bi.bi-lock,
.bi.bi-shield-check,
.bi.bi-patch-check-fill,
.bi.bi-info-circle,
.bi.bi-star-fill,
.bi.bi-star-half,
.bi.bi-broadcast,
.bi.bi-camera-video,
.bi.bi-camera-fill,
.bi.bi-film,
.bi.bi-play-circle,
.bi.bi-play-circle-fill,
.bi.bi-phone,
.bi.bi-mic,
.bi.bi-mic-fill,
.bi.bi-headphones,
.bi.bi-volume-mute-fill,
.bi.bi-volume-up,
.bi.bi-volume-up-fill,
.bi.bi-collection,
.bi.bi-table,
.bi.bi-diagram-3,
.bi.bi-graph-up-arrow,
.bi.bi-bar-chart-line,
.bi.bi-bar-chart-steps,
.bi.bi-lightbulb,
.bi.bi-lightning-charge,
.bi.bi-patch-question,
.bi.bi-patch-question-fill,
.bi.bi-person-badge,
.bi.bi-speedometer2,
.bi.bi-grip-vertical,
.bi.bi-calendar,
.bi.bi-record-circle-fill,
.bi.bi-pin-fill,
.bi.bi-pin-angle,
.bi.bi-pin-angle-fill,
.bi.bi-hand-thumbs-up,
.bi.bi-hand-thumbs-up-fill,
.bi.bi-hand-thumbs-down,
.bi.bi-hand-thumbs-down-fill,
.bi.bi-link-45deg,
.bi.bi-cup-hot,
.bi.bi-badge-cc,
.bi.bi-dot {
    --ntcms-bi-svg: none;
}
.bi.bi-facebook::before,
.bi.bi-twitter::before,
.bi.bi-twitter-x::before,
.bi.bi-instagram::before,
.bi.bi-linkedin::before,
.bi.bi-youtube::before,
.bi.bi-whatsapp::before,
.bi.bi-rss::before,
.bi.bi-search::before,
.bi.bi-bell::before,
.bi.bi-bell-fill::before,
.bi.bi-bookmark::before,
.bi.bi-bookmark-heart::before,
.bi.bi-bookmark-check-fill::before,
.bi.bi-person-circle::before,
.bi.bi-person-fill::before,
.bi.bi-person-plus::before,
.bi.bi-person-check-fill::before,
.bi.bi-chevron-down::before,
.bi.bi-arrow-up::before,
.bi.bi-arrow-up-circle::before,
.bi.bi-arrow-up-circle-fill::before,
.bi.bi-arrow-up-right::before,
.bi.bi-arrow-right::before,
.bi.bi-arrow-left::before,
.bi.bi-arrow-clockwise::before,
.bi.bi-arrow-repeat::before,
.bi.bi-box-arrow-right::before,
.bi.bi-box-arrow-up-right::before,
.bi.bi-list::before,
.bi.bi-plus-lg::before,
.bi.bi-x-lg::before,
.bi.bi-x-circle::before,
.bi.bi-check-lg::before,
.bi.bi-check-circle-fill::before,
.bi.bi-check2-circle::before,
.bi.bi-check2-square::before,
.bi.bi-pencil::before,
.bi.bi-pencil-square::before,
.bi.bi-trash::before,
.bi.bi-save::before,
.bi.bi-eye::before,
.bi.bi-image::before,
.bi.bi-images::before,
.bi.bi-newspaper::before,
.bi.bi-journal-text::before,
.bi.bi-envelope::before,
.bi.bi-envelope-plus::before,
.bi.bi-envelope-check::before,
.bi.bi-envelope-paper::before,
.bi.bi-send::before,
.bi.bi-share::before,
.bi.bi-lock::before,
.bi.bi-shield-check::before,
.bi.bi-patch-check-fill::before,
.bi.bi-info-circle::before,
.bi.bi-star-fill::before,
.bi.bi-star-half::before,
.bi.bi-broadcast::before,
.bi.bi-camera-video::before,
.bi.bi-camera-fill::before,
.bi.bi-film::before,
.bi.bi-play-circle::before,
.bi.bi-play-circle-fill::before,
.bi.bi-phone::before,
.bi.bi-mic::before,
.bi.bi-mic-fill::before,
.bi.bi-headphones::before,
.bi.bi-volume-mute-fill::before,
.bi.bi-volume-up::before,
.bi.bi-volume-up-fill::before,
.bi.bi-collection::before,
.bi.bi-table::before,
.bi.bi-diagram-3::before,
.bi.bi-graph-up-arrow::before,
.bi.bi-bar-chart-line::before,
.bi.bi-bar-chart-steps::before,
.bi.bi-lightbulb::before,
.bi.bi-lightning-charge::before,
.bi.bi-patch-question::before,
.bi.bi-patch-question-fill::before,
.bi.bi-person-badge::before,
.bi.bi-speedometer2::before,
.bi.bi-grip-vertical::before,
.bi.bi-calendar::before,
.bi.bi-record-circle-fill::before,
.bi.bi-pin-fill::before,
.bi.bi-pin-angle::before,
.bi.bi-pin-angle-fill::before,
.bi.bi-hand-thumbs-up::before,
.bi.bi-hand-thumbs-up-fill::before,
.bi.bi-hand-thumbs-down::before,
.bi.bi-hand-thumbs-down-fill::before,
.bi.bi-link-45deg::before,
.bi.bi-cup-hot::before,
.bi.bi-badge-cc::before,
.bi.bi-dot::before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    font-family: inherit !important;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-mask-image: var(--ntcms-bi-svg);
    mask-image: var(--ntcms-bi-svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.bi.bi-facebook { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9 15V8.8h2.1l.4-2.5H9V4.7c0-.7.2-1.2 1.2-1.2h1.4V1.3C11.1 1.2 10.5 1 9.6 1 7.8 1 6.6 2.1 6.6 4.1v2.2H4.5v2.5h2.1V15z'/%3E%3C/svg%3E"); }
.bi.bi-twitter,
.bi.bi-twitter-x { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h2.6l3 4.1L11.1 2H14l-5 5.8L14.4 14h-2.6L8.6 9.7 4.9 14H2l5.2-6z'/%3E%3C/svg%3E"); }
.bi.bi-instagram { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4.5 1h7A3.5 3.5 0 0 1 15 4.5v7a3.5 3.5 0 0 1-3.5 3.5h-7A3.5 3.5 0 0 1 1 11.5v-7A3.5 3.5 0 0 1 4.5 1Zm0 1.2a2.3 2.3 0 0 0-2.3 2.3v7a2.3 2.3 0 0 0 2.3 2.3h7a2.3 2.3 0 0 0 2.3-2.3v-7a2.3 2.3 0 0 0-2.3-2.3h-7ZM8 4.7a3.3 3.3 0 1 1 0 6.6 3.3 3.3 0 0 1 0-6.6Zm0 1.2a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Zm3.8-2a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Z'/%3E%3C/svg%3E"); }
.bi.bi-linkedin { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.7 5.3H5V13H2.7zm1.1-3.8a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6ZM6.5 5.3h2.2v1.1h.1c.3-.6 1.1-1.3 2.3-1.3 2.4 0 2.9 1.6 2.9 3.7V13h-2.3V9.3c0-.9 0-2-1.2-2s-1.4 1-1.4 1.9V13H6.5z'/%3E%3C/svg%3E"); }
.bi.bi-youtube { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M14.6 4.1a2 2 0 0 0-1.4-1.4C12 2.4 8 2.4 8 2.4s-4 0-5.2.3a2 2 0 0 0-1.4 1.4A20 20 0 0 0 1.1 8c0 1.3.1 2.7.3 3.9a2 2 0 0 0 1.4 1.4c1.2.3 5.2.3 5.2.3s4 0 5.2-.3a2 2 0 0 0 1.4-1.4c.2-1.2.3-2.6.3-3.9s-.1-2.7-.3-3.9ZM6.7 10.4V5.6L10.8 8 6.7 10.4Z'/%3E%3C/svg%3E"); }
.bi.bi-whatsapp { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13.6 2.4A7.4 7.4 0 0 0 1.9 11l-1 3.7L4.7 13A7.4 7.4 0 1 0 13.6 2.4Zm-5.6 11a6 6 0 0 1-3-.8l-.2-.1-2.2.6.6-2.1-.1-.2A6 6 0 1 1 8 13.4Zm3.3-4.4c-.2-.1-1.1-.6-1.3-.6s-.3-.1-.4.1-.5.6-.6.7-.2.1-.4 0a4.8 4.8 0 0 1-1.4-.9 5.4 5.4 0 0 1-1-1.2c-.1-.2 0-.3.1-.4l.3-.3c.1-.1.1-.2.2-.3 0-.1 0-.2 0-.3S6 4.8 5.8 4.4s-.3-.3-.4-.3h-.3c-.1 0-.3 0-.5.2s-.6.6-.6 1.4.6 1.6.7 1.7 1.2 1.8 3 2.6c.4.2.8.3 1 .4.4.1.8.1 1 .1.3 0 1.1-.4 1.2-.8.2-.4.2-.8.1-.8s-.2-.1-.4-.2Z'/%3E%3C/svg%3E"); }
.bi.bi-rss,
.bi.bi-broadcast { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3.5V2a12 12 0 0 1 12 12h-1.5A10.5 10.5 0 0 0 2 3.5Zm0 4V6a8 8 0 0 1 8 8H8.5A6.5 6.5 0 0 0 2 7.5ZM3.5 13a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E"); }
.bi.bi-search { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M11.5 10.5 15 14l-1 1-3.5-3.5a5.5 5.5 0 1 1 1-1ZM6.5 11A4.5 4.5 0 1 0 6.5 2a4.5 4.5 0 0 0 0 9Z'/%3E%3C/svg%3E"); }
.bi.bi-bell,
.bi.bi-bell-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 15a2 2 0 0 0 1.995-1.85L10 13H6a2 2 0 0 0 2 2Zm4-4V7a4 4 0 1 0-8 0v4L2.5 12.5V13h11v-.5z'/%3E%3C/svg%3E"); }
.bi.bi-bookmark,
.bi.bi-bookmark-heart,
.bi.bi-bookmark-check-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5V15l-5-3-5 3z'/%3E%3C/svg%3E"); }
.bi.bi-person-circle,
.bi.bi-person-fill,
.bi.bi-person-plus,
.bi.bi-person-check-fill,
.bi.bi-person-badge { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5 6c0-2.2 2.2-4 5-4s5 1.8 5 4z'/%3E%3C/svg%3E"); }
.bi.bi-chevron-down { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m3.5 5.5 4.5 4.5 4.5-4.5.9.9L8 11.8 2.6 6.4z'/%3E%3C/svg%3E"); }
.bi.bi-arrow-up,
.bi.bi-arrow-up-circle,
.bi.bi-arrow-up-circle-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 2 3.5 6.5l1 1L7.2 4.8V14h1.6V4.8l2.7 2.7 1-1z'/%3E%3C/svg%3E"); }
.bi.bi-arrow-up-right,
.bi.bi-arrow-right { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m10.5 3.5-.7.7L12.6 7H2v1h10.6L9.8 10.8l.7.7L14.5 7.5z'/%3E%3C/svg%3E"); }
.bi.bi-arrow-left { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m5.5 3.5.7.7L3.4 7H14v1H3.4l2.8 2.8-.7.7-4-4z'/%3E%3C/svg%3E"); }
.bi.bi-arrow-clockwise,
.bi.bi-arrow-repeat { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 8a6 6 0 0 1 10.2-4.2V2.5H13.5v4H9.4V5.2h2A5 5 0 1 0 12 11h1a6 6 0 1 1-11-3Z'/%3E%3C/svg%3E"); }
.bi.bi-box-arrow-right,
.bi.bi-box-arrow-up-right { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h6v1.5H3.5v8H8V14H2zm8.2-.2H14v3.8h-1.4V5.2L7.7 10.1l-1-1 4.9-4.9h-1.4z'/%3E%3C/svg%3E"); }
.bi.bi-list { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 4h12v1.4H2zm0 3.3h12v1.4H2zm0 3.3h12V12H2z'/%3E%3C/svg%3E"); }
.bi.bi-plus-lg { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M7.2 2h1.6v5.2H14v1.6H8.8V14H7.2V8.8H2V7.2h5.2z'/%3E%3C/svg%3E"); }
.bi.bi-x-lg,
.bi.bi-x-circle { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m4.2 3.2 3.8 3.8 3.8-3.8 1 1L9 8l3.8 3.8-1 1L8 9 4.2 12.8l-1-1L7 8 3.2 4.2z'/%3E%3C/svg%3E"); }
.bi.bi-check-lg,
.bi.bi-check-circle-fill,
.bi.bi-check2-circle,
.bi.bi-check2-square,
.bi.bi-patch-check-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m6.2 11.2-3-3 .8-.8 2.2 2.1 5-5 .8.8z'/%3E%3C/svg%3E"); }
.bi.bi-pencil,
.bi.bi-pencil-square { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M11.8 1.6 14.4 4 5.2 13.2 2 14l.8-3.2zM10.9 2.5 3.8 9.6l2.6 2.6 7.1-7.1z'/%3E%3C/svg%3E"); }
.bi.bi-trash { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M5.5 1h5l.7 1.5H14V4H2V2.5h2.8zM3.5 5h9l-.6 9.5H4.1z'/%3E%3C/svg%3E"); }
.bi.bi-save { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 1h10l2 2v12H2zm2 1.5v4h7v-4zm1 8v3h6v-3z'/%3E%3C/svg%3E"); }
.bi.bi-eye { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 3C4.5 3 2 6.2 1 8c1 1.8 3.5 5 7 5s6-3.2 7-5c-1-1.8-3.5-5-7-5Zm0 7.5A2.5 2.5 0 1 1 8 5a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E"); }
.bi.bi-image,
.bi.bi-images { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h12v10H2zm1.5 1.5v6.2l2.7-2.7 2 2 2.8-3.5 1.5 2V4.5zM5.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E"); }
.bi.bi-newspaper,
.bi.bi-journal-text,
.bi.bi-envelope-paper { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h12v12H2zm2 2v8h8V4zm1 1h6v1H5zm0 2h6v1H5zm0 2h4v1H5z'/%3E%3C/svg%3E"); }
.bi.bi-envelope,
.bi.bi-envelope-plus,
.bi.bi-envelope-check,
.bi.bi-send { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M1.5 3h13A1.5 1.5 0 0 1 16 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5v-7A1.5 1.5 0 0 1 1.5 3Zm0 1L8 8.3 14.5 4zm13 8v-6.8L8.3 9.1a.5.5 0 0 1-.6 0L1.5 5.2V12z'/%3E%3C/svg%3E"); }
.bi.bi-share { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13 10a2 2 0 0 0-1.6.8L5.9 8a2 2 0 0 0 0-.5l5.5-2.8A2 2 0 1 0 10.8 4L5.3 6.8a2 2 0 1 0 0 2.4l5.5 2.8A2 2 0 1 0 13 10Z'/%3E%3C/svg%3E"); }
.bi.bi-lock { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M11 6V4.5a3 3 0 1 0-6 0V6H3.5A1.5 1.5 0 0 0 2 7.5v5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 12.5 6zm-5 0V4.5a2 2 0 1 1 4 0V6z'/%3E%3C/svg%3E"); }
.bi.bi-shield-check,
.bi.bi-info-circle,
.bi.bi-badge-cc { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 0 2 2v4c0 4.1 2.7 7.8 6 9 3.3-1.2 6-4.9 6-9V2zm-1 11.2-2.4-2.4.8-.8L7 9.8l3.8-3.8.8.8z'/%3E%3C/svg%3E"); }
.bi.bi-star-fill,
.bi.bi-star-half { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m8 1.3 1.8 3.7 4.1.6-3 3 .7 4.1L8 10.8l-3.6 1.9.7-4.1-3-3 4.1-.6z'/%3E%3C/svg%3E"); }
.bi.bi-camera-video,
.bi.bi-camera-fill,
.bi.bi-film,
.bi.bi-play-circle,
.bi.bi-play-circle-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h8.5A1.5 1.5 0 0 1 12 4.5v.8l3-1.8v9l-3-1.8v.8A1.5 1.5 0 0 1 10.5 13H2z'/%3E%3C/svg%3E"); }
.bi.bi-phone { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M5 1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Zm1 2v9h4V3zm2 11a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Z'/%3E%3C/svg%3E"); }
.bi.bi-mic,
.bi.bi-mic-fill,
.bi.bi-headphones,
.bi.bi-volume-mute-fill,
.bi.bi-volume-up,
.bi.bi-volume-up-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8.7 2.1 5.9 4.9H3A1 1 0 0 0 2 6v4a1 1 0 0 0 1 1h2.9l2.8 2.8c.6.6 1.6.2 1.6-.7V2.8c0-.9-1-1.3-1.6-.7ZM12 6.5a2.5 2.5 0 0 1 0 3.5l.7.7a3.5 3.5 0 0 0 0-4.9Z'/%3E%3C/svg%3E"); }
.bi.bi-collection,
.bi.bi-table,
.bi.bi-diagram-3,
.bi.bi-graph-up-arrow,
.bi.bi-bar-chart-line,
.bi.bi-bar-chart-steps,
.bi.bi-speedometer2 { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h12v12H2zm2 9h2V7H4zm3 0h2V5H7zm3 0h2V4h-2z'/%3E%3C/svg%3E"); }
.bi.bi-lightbulb,
.bi.bi-lightning-charge,
.bi.bi-patch-question,
.bi.bi-patch-question-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a5 5 0 0 0-3 9v2h6v-2A5 5 0 0 0 8 1Zm-2 13h4v1H6z'/%3E%3C/svg%3E"); }
.bi.bi-grip-vertical { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M5 3h2v2H5zm4 0h2v2H9zM5 7h2v2H5zm4 0h2v2H9zm-4 4h2v2H5zm4 0h2v2H9z'/%3E%3C/svg%3E"); }
.bi.bi-calendar { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 2h1V1h1v1h6V1h1v1h1.5A1.5 1.5 0 0 1 15 3.5V14H1V3.5A1.5 1.5 0 0 1 2.5 2zm0 4v6.5h10V6z'/%3E%3C/svg%3E"); }
.bi.bi-record-circle-fill,
.bi.bi-dot { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5' fill='black'/%3E%3C/svg%3E"); }
.bi.bi-pin-fill,
.bi.bi-pin-angle,
.bi.bi-pin-angle-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9 1 15 7l-2 2-2-1.2L7.5 11.3V15H6v-3.7L2.7 8 1.5 6.8l3.7-3.7L4 1z'/%3E%3C/svg%3E"); }
.bi.bi-hand-thumbs-up,
.bi.bi-hand-thumbs-up-fill,
.bi.bi-hand-thumbs-down,
.bi.bi-hand-thumbs-down-fill { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M6 14H3V7h3zm1-7 2-5 1.4.5L9.6 7H14v2l-1.5 5H7z'/%3E%3C/svg%3E"); }
.bi.bi-link-45deg { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M6.4 10.6 5.2 12A3 3 0 1 1 1 7.8l2.2-2.2a3 3 0 0 1 4 0l-1 1a1.6 1.6 0 0 0-2 0L2 8.8A1.6 1.6 0 0 0 4.2 11l1.2-1.2zm3.2-5.2L10.8 4A3 3 0 1 1 15 8.2l-2.2 2.2a3 3 0 0 1-4 0l1-1a1.6 1.6 0 0 0 2 0L14 7.2A1.6 1.6 0 0 0 11.8 5l-1.2 1.2z'/%3E%3C/svg%3E"); }
.bi.bi-cup-hot { --ntcms-bi-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 3h8v4a3 3 0 0 1-3 3H6A3 3 0 0 1 3 7zm8 1h1a2 2 0 0 1 0 4h-1V7h1a1 1 0 0 0 0-2h-1zm-7 8h7v1H4z'/%3E%3C/svg%3E"); }
.homepage-utility-left .btn-link {
    font-size: 0.62rem !important;
    letter-spacing: 0;
    text-transform: none;
}
.homepage-branding-row {
    min-height: 94px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.06);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.homepage-branding-row--regional {
    display: grid !important;
    grid-template-columns: minmax(170px, 0.64fr) minmax(0, 0.88fr) minmax(282px, 0.62fr);
    gap: 0.9rem;
    min-height: 116px;
    padding-block: 0.45rem !important;
}
@media (max-width: 991.98px) {
    .homepage-branding-row--regional {
        display: none !important;
    }
}
.homepage-brand-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
.homepage-brand-logo .header-logo-img {
    max-height: 56px !important;
}
.homepage-logo-wrapper--regional {
    display: grid;
    justify-items: center;
    text-align: center;
}
.homepage-logo-wrapper--regional .header-logo-img {
    max-height: 62px !important;
    width: auto;
    max-width: min(100%, 370px);
}
.homepage-brand-tagline {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0;
    color: #2a2a2a;
    font-size: 0.74rem;
    font-weight: 700;
}
.homepage-brand-tagline::before,
.homepage-brand-tagline::after {
    content: "";
    width: 52px;
    height: 1px;
    background: rgba(17, 24, 39, 0.22);
}
.homepage-header-extras {
    gap: 0.6rem !important;
}
.homepage-header-extras--regional {
    justify-content: flex-end;
    min-width: 0;
    gap: 0.5rem !important;
}
.homepage-weather-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 68px;
}
.homepage-weather-card--ghost {
    visibility: hidden;
}
.homepage-weather-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    color: #f4b400;
    background: transparent;
    font-size: 1.28rem;
}
.homepage-weather-card__body {
    display: grid;
    gap: 0.15rem;
}
.homepage-weather-card__eyebrow {
    color: #991b1b;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.homepage-weather-card__body strong {
    font-size: clamp(1.22rem, 1.45vw, 1.55rem);
    line-height: 1;
    color: #111827;
}
.homepage-weather-card__location {
    color: #374151;
    font-size: 0.74rem;
    font-weight: 600;
}
.homepage-weather-card__body small {
    color: #6b7280;
    font-size: 0.68rem;
}
.homepage-weather-card--edition .homepage-weather-card__icon {
    color: #f0b11a;
}
.homepage-weather-card--edition .homepage-weather-card__body strong {
    font-size: clamp(1.55rem, 2.4vw, 2.1rem);
}
.homepage-header-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1;
    min-height: 32px;
    padding-top: 0.18rem !important;
    padding-bottom: 0.18rem !important;
    justify-content: center;
    width: auto !important;
    max-width: -moz-max-content;
    max-width: max-content;
    flex: 0 0 auto;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.homepage-header-cta-outline {
    min-height: 32px;
    min-width: 0 !important;
    width: auto;
    padding-left: 0.72rem !important;
    padding-right: 0.72rem !important;
    border: 1.25px solid rgba(17, 24, 39, 0.28);
    background: #ffffff;
    color: #111827;
    box-shadow: none;
    white-space: nowrap;
}
.homepage-header-cta-outline:hover {
    border-color: rgba(17, 24, 39, 0.45);
    background: #f8fafc;
    color: #111827;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
    transform: translateY(-1px);
}
.homepage-header-cta-outline:focus,
.homepage-header-cta-outline:active {
    border-color: rgba(17, 24, 39, 0.45) !important;
    background: #f8fafc !important;
    color: #111827 !important;
    box-shadow: 0 0 0 0.16rem rgba(17, 24, 39, 0.08) !important;
}
.homepage-header-cta-outline i {
    font-size: 0.74rem;
}
.homepage-header-cta-outline span {
    position: relative;
    top: 0;
    white-space: nowrap;
    font-size: 0.68rem;
    font-weight: 700;
}
.homepage-header-cta-primary {
    background: #b91c1c;
    border-color: #b91c1c;
    box-shadow: none;
    min-height: 32px;
    min-width: 0 !important;
    width: auto;
    padding-left: 0.88rem !important;
    padding-right: 0.88rem !important;
    text-align: center;
    text-transform: uppercase;
}
.homepage-header-cta-primary:hover {
    background: #a61b1b;
    border-color: #a61b1b;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}
.homepage-header-cta-primary:focus,
.homepage-header-cta-primary:active {
    background: #a61b1b !important;
    border-color: #a61b1b !important;
    box-shadow: 0 0 0 0.16rem rgba(185, 28, 28, 0.12) !important;
}
.homepage-navigation-row {
    background: #fff;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: inset 0 -1px 0 rgba(17, 24, 39, 0.08);
    min-height: 52px;
}
.homepage-navbar--regional {
    align-items: center;
    gap: 1rem;
    min-height: 52px;
}
.homepage-nav-home {
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 4px;
    background: #c81e1e;
    color: #fff;
    text-decoration: none;
    box-shadow: none;
}
.homepage-nav-home:hover {
    color: #fff;
    background: #b91c1c;
}
.homepage-nav-home i {
    font-size: 0.96rem;
}
.homepage-navbar .navbar-nav .nav-link {
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0.42rem;
    padding-right: 0.42rem;
    white-space: nowrap;
    line-height: 1.05;
}
.homepage-nav-actions .search-toggle {
    align-items: center;
    color: #111827 !important;
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}
.homepage-nav-actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0.28rem !important;
    min-height: 36px;
    padding-left: 0.7rem;
    border-left: 1px solid rgba(17, 24, 39, 0.12);
    white-space: nowrap;
}
.homepage-nav-actions > *,
.homepage-nav-actions > .dropdown {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}
.homepage-nav-actions .search-toggle .bi,
.homepage-nav-actions .header-notification-trigger .bi,
.homepage-account-chip__chevron {
    font-size: 1.45rem;
    line-height: 1;
}
.homepage-nav-actions .header-notification-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
}
.homepage-nav-actions .header-notification-count {
    font-size: 0.46rem;
}
@media (max-width: 991.98px) {
    body.reader-surface-article .homepage-site-header {
        min-height: 58px;
    }

    .homepage-navigation-row {
        min-height: 58px;
    }
}
.homepage-account-chip {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 0.22rem;
    min-height: 38px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111827;
    text-decoration: none;
    cursor: pointer;
}
.homepage-account-chip--guest {
    gap: 0;
}
.homepage-account-chip__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Match the .header-notification-trigger action box so the search
       icon, bell chip, and avatar form a single visual row of equal
       weight in the regional homepage header. Previous 30 px solid
       circle next to 32 px hollow icons was reading as visually
       heavier than the rest of the toolbar. */
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2f4f97;
    font-size: 0.86rem;
    font-weight: 800;
    overflow: hidden;
    /* Subtle 1 px ring so the avatar reads as a contained chip rather
       than a solid blob; tones down the contrast with neighbouring
       line-style icons. */
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.10);
}
.homepage-account-chip__guest-icon {
    font-size: 1.4rem;
    line-height: 1;
    color: #334155;
}
.homepage-account-chip {
    gap: 0.22rem;
}
.homepage-account-chip__chevron {
    color: #4b5563;
}
.homepage-account-dropdown .dropdown-menu {
    min-width: 16rem;
}
.homepage-nav-actions .btn-subscribe,
.homepage-nav-actions .btn-signin {
    border-radius: 999px;
}
.homepage-mobile-topbar {
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}
@media (max-width: 1199.98px) {
    .homepage-utility-shell {
        gap: 0.75rem;
    }

    .homepage-branding-row--regional {
        grid-template-columns: minmax(180px, 0.85fr) minmax(0, 1.15fr) minmax(310px, 1fr);
    }

    .homepage-brand-tagline::before,
    .homepage-brand-tagline::after {
        width: 70px;
    }

    .homepage-header-cta-outline {
        min-width: 0 !important;
    }
}
@media (max-width: 991.98px) {
    .homepage-brand-tagline {
        font-size: 0.92rem;
        gap: 0.55rem;
    }

    .homepage-brand-tagline::before,
    .homepage-brand-tagline::after {
        width: 40px;
    }
}
.homepage-site-footer {
    background:
        radial-gradient(circle at top center, rgba(185, 28, 28, 0.08), transparent 32%),
        #111 !important;
}
.homepage-footer-branding {
    border-top-color: rgba(255, 255, 255, 0.14) !important;
}
.homepage-footer-columns {
    row-gap: 0.75rem;
}
.homepage-footer-column .footer-heading {
    letter-spacing: 0.14em;
}
.homepage-footer-column .footer-link {
    display: inline-block;
    padding: 0.15rem 0;
    transition: color 0.2s ease, transform 0.2s ease;
}
.homepage-footer-column .footer-link:hover {
    color: #ffffff !important;
    transform: translateX(2px);
    text-decoration: none;
}
.homepage-footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.14) !important;
}
.footer-ad-slot {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-ad-slot:not(.footer-ad-slot-active) {
    min-height: 0;
}
.homepage-footer-socials {
    gap: 0.35rem;
}
.homepage-footer-socials a {
    width: 40px;
    height: 40px;
    margin: 0 0.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.02);
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.homepage-footer-socials a:hover {
    background: rgba(185, 28, 28, 0.16);
    border-color: rgba(185, 28, 28, 0.5);
    transform: translateY(-1px);
}
.homepage-footer-legal {
    max-width: 860px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.82);
}
.homepage-footer-legal .footer-legal-links a:hover {
    color: #ffffff;
}
@keyframes breakingPulse {
    0% { box-shadow: 0 0 0 0 rgba(185, 28, 28, 0.22); }
    70% { box-shadow: 0 0 0 8px rgba(185, 28, 28, 0); }
    100% { box-shadow: 0 0 0 0 rgba(185, 28, 28, 0); }
}
.library-summary-grid {
    row-gap: 0.5rem;
}
.library-stat-card {
    min-width: 110px;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}
.library-stat-label {
    display: block;
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.library-stat-value {
    display: block;
    margin-top: 0.2rem;
    font-family: 'Playfair Display', serif;
    font-size: 1.45rem;
    line-height: 1;
    color: #111827;
}
.account-library-section {
    border-radius: 24px;
}
.library-empty-state {
    padding: 1.5rem;
    border: 1px dashed rgba(17, 24, 39, 0.14);
    border-radius: 18px;
    background: #fbfaf7;
    color: #6b7280;
    text-align: center;
}
.library-story-card {
    padding: 1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 20px;
    background: #fff;
}
.library-recipe-card {
    background: linear-gradient(180deg, #ffffff 0%, #fcfbf8 100%);
}
.library-story-image {
    height: 180px;
    border-radius: 14px;
}
.library-story-kicker {
    color: #b91c1c;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.library-follow-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
    background: #fff;
}
.library-collection-focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfbff 0%, #ffffff 100%);
}
.library-sidebar-stack {
    display: grid;
    gap: 1.1rem;
}
.library-mini-card {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
    background: #fff;
    color: #111827;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.library-mini-card:hover {
    color: #111827;
    border-color: rgba(17, 24, 39, 0.16);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}
.library-mini-card span {
    color: #6b7280;
    font-size: 0.86rem;
}
.library-signal-card {
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.library-preferences-card {
    top: 100px;
}
.library-preference-chip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}
.library-chip-check {
    position: relative;
    cursor: pointer;
}
.library-chip-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.library-chip-check span {
    display: inline-flex;
    align-items: center;
    padding: 0.48rem 0.85rem;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 999px;
    background: #fff;
    color: #374151;
    font-size: 0.88rem;
    transition: all 0.2s ease;
}
.library-chip-check input:checked + span {
    border-color: #111827;
    background: #111827;
    color: #fff;
}
.library-collection-toolbar {
    padding: 1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 1));
}
.library-collection-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}
.library-collection-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: #fff;
    color: #111827;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.library-collection-card.is-active {
    border-color: rgba(17, 24, 39, 0.2);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}
.library-collection-card:hover {
    border-color: rgba(17, 24, 39, 0.22);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.library-collection-link {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    color: inherit;
}
.library-collection-name {
    font-weight: 700;
}
.library-collection-count {
    color: #6b7280;
    font-size: 0.82rem;
}
.library-collection-inline-form .input-group {
    align-items: stretch;
}
.library-collection-inline-form .form-control,
.library-collection-inline-form .btn,
.library-collection-delete-form .btn {
    border-radius: 999px !important;
}
.library-recipe-collection-manager summary {
    cursor: pointer;
    color: #374151;
    font-size: 0.92rem;
    font-weight: 600;
}
.library-recipe-collection-form {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
    background: #f9fafb;
}
.library-collection-inline-form .btn {
    padding-inline: 0.9rem;
}
.library-collection-share-form .btn,
.library-share-link-wrap .form-control {
    border-radius: 999px;
}
.library-share-link-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.shared-library-shell {
    max-width: 880px;
}
.shared-library-hero {
    padding: 1.5rem 1.75rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}
.library-story-card .form-select-sm {
    min-width: 9.5rem;
}
.library-order-controls {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}
.article-account-actions {
    margin-right: 0.5rem;
}
.header-library-badge {
    min-width: 22px;
    font-size: 0.68rem;
}
.homepage-personalized-card {
    border-top: 3px solid #111827;
}
.homepage-personalized-image {
    height: 200px;
}
.homepage-personalized-fallback {
    min-height: 200px;
    padding: 1rem 1rem 1.1rem;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0)),
        linear-gradient(135deg, #1d4ed8 0%, #0f766e 100%);
    color: #eff6ff;
}
.homepage-personalized-fallback-kicker {
    display: inline-flex;
    align-self: flex-start;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.homepage-personalized-fallback-title {
    margin-top: 0.9rem;
    font-family: 'Playfair Display', serif;
    font-size: 1.15rem;
    line-height: 1.3;
    font-weight: 700;
}
.homepage-density-compact .homepage-grid-card-body,
.homepage-density-compact .homepage-latest-list-body,
.homepage-density-compact .homepage-classic-card-body {
    padding: 0.85rem !important;
}
@media (max-width: 991.98px) {
    .library-preferences-card {
        position: static !important;
    }

    .library-collection-focus {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* --- Fact Check Styles --- */
.fact-check-card {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 2rem;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.claim-box {
    background-color: #000;
    color: #fff;
    padding: 2rem;
    position: relative;
    border-left: 6px solid #dc3545;
}
.claim-label {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 0.5rem;
    display: block;
}
.claim-label i {
    color: #dc3545;
    margin-right: 8px;
}
.claim-text {
    font-size: 1.8rem;
    font-family: 'Noto Sans Devanagari', sans-serif;
    line-height: 1.4;
    font-weight: 700;
}
.verdict-box {
    padding: 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.verdict-meter {
    display: flex;
    gap: 8px;
    flex-grow: 1;
    max-width: 300px;
    margin-left: auto;
}
.meter-segment {
    flex: 1;
    height: 10px;
    background: #e9ecef;
    border-radius: 10px;
    position: relative;
}
.meter-segment.active-false { background: #dc3545; }
.meter-segment.active-misleading { background: #ffc107; }
.meter-segment.active-true { background: #198754; }
.verdict-label {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.2rem;
}
.text-false { color: #dc3545; }
.text-misleading { color: #ffc107; }
.text-true { color: #198754; }
/* Fact Check Verdict Badge */
.verdict-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.verdict-badge.is-false { background-color: #dc3545; }
.verdict-badge.is-misleading { background-color: #ffc107; color: #000; }
.verdict-badge.is-true { background-color: #198754; }
.header-notification-trigger {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 34px;
    min-width: 34px;
    text-decoration: none;
}
.header-notification-count {
    background: #c81e1e;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    position: absolute;
    top: -1px !important;
    right: -3px !important;
    left: auto !important;
    transform: none !important;
    min-width: 17px;
    height: 13px;
    max-width: 23px;
    padding: 0 3px;
    border: 1px solid #fff;
    box-shadow: none;
    font-size: 0.46rem;
    text-align: center;
    z-index: 1;
}
.header-notification-menu {
    width: min(24rem, 88vw);
}
.header-notification-item {
    white-space: normal;
}
.header-notification-item .small {
    line-height: 1.35;
}
.search-shell {
    background:
        radial-gradient(circle at top right, rgba(177, 199, 255, 0.22), transparent 28%),
        linear-gradient(180deg, #fbfaf7 0%, #f4f1eb 100%);
}
.directory-shell,
.archive-shell {
    background:
        radial-gradient(circle at top left, rgba(18, 70, 214, 0.08), transparent 24%),
        linear-gradient(180deg, #faf8f3 0%, #f2efe8 100%);
}
.live-desk-shell {
    background:
        radial-gradient(circle at top right, rgba(255, 90, 95, 0.12), transparent 24%),
        linear-gradient(180deg, #faf8f3 0%, #f1ede6 100%);
}
.most-read-shell {
    background: linear-gradient(180deg, #f6f2ea 0%, #fcfbf8 100%);
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.most-read-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
    .most-read-header {
        flex-direction: column;
        align-items: flex-start;
    }
}
.live-desk-hero,
.live-spotlight-card,
.live-spotlight-rail,
.live-briefing-card {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    padding: 1.5rem;
}
.live-spotlight-meta,
.live-briefing-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.live-key-moments,
.live-briefing-moments,
.live-briefing-related {
    display: grid;
    gap: 0.9rem;
}
.live-key-moment-item,
.live-briefing-moment,
.live-briefing-related-item {
    display: block;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 18px;
    padding: 1rem;
    text-decoration: none;
    color: #111827;
}
.live-briefing-related-item strong {
    display: block;
    margin-top: 0.55rem;
}
.live-briefing-stat {
    min-width: 120px;
    background: rgba(15, 23, 42, 0.03);
    border-radius: 18px;
    padding: 0.9rem 1rem;
}
.live-briefing-stat strong {
    display: block;
    font-size: 1.4rem;
    line-height: 1.1;
    color: #111827;
}
.live-briefing-stat span {
    color: #6b7280;
    font-size: 0.84rem;
}
.trust-panel {
    margin-top: 2rem;
}
.trust-note-card {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
    padding: 1.35rem;
}
.trust-note-correction {
    border-left: 4px solid #b91c1c;
    background: rgba(254, 242, 242, 0.92);
}
.trust-note-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(185, 28, 28, 0.1);
    color: #b91c1c;
    font-size: 1.1rem;
}
.trust-meta-list,
.trust-methodology-list,
.trust-timeline {
    display: grid;
    gap: 0.9rem;
}
.trust-meta-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #4b5563;
}
.trust-meta-item strong,
.trust-timeline-title strong {
    color: #111827;
}
.trust-methodology-item {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: #4b5563;
}
.trust-methodology-item i {
    color: #1246d6;
    font-size: 1.1rem;
    line-height: 1;
}
.trust-timeline-item {
    display: grid;
    grid-template-columns: 14px 1fr;
    gap: 0.85rem;
}
.trust-timeline-marker {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #111827;
    margin-top: 0.3rem;
}
.trust-timeline-title {
    color: #111827;
    font-weight: 600;
    margin-bottom: 0.2rem;
}
.trust-timeline-meta {
    color: #6b7280;
    font-size: 0.9rem;
}
.author-trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}
.author-trust-card {
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 18px;
    padding: 1rem;
}
.author-trust-card strong {
    color: #111827;
    font-size: 1.05rem;
}
@media (max-width: 767.98px) {
    .author-trust-grid {
        grid-template-columns: 1fr;
    }
}
.directory-hero,
.archive-filter-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    padding: 1.6rem;
}
.directory-title {
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 700;
    color: #111827;
}
.directory-subtitle {
    color: #4b5563;
    max-width: 48rem;
}
.directory-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.05);
    padding: 1.4rem;
}
.directory-avatar {
    width: 72px;
    height: 72px;
    min-width: 72px;
}
.directory-avatar-fallback {
    background: #111827;
    color: #f9fafb;
    font-size: 1.5rem;
    font-weight: 700;
}
.directory-meta-line,
.directory-card-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    color: #6b7280;
    font-size: 0.9rem;
}
.directory-card-footer {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    margin-top: 1rem;
    padding-top: 1rem;
    justify-content: space-between;
}
.archive-sidebar {
    position: sticky;
    top: 100px;
}
.archive-month-list {
    display: grid;
    gap: 0.8rem;
}
.archive-month-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #111827;
    text-decoration: none;
    padding: 0.85rem 1rem;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.06);
}
.archive-month-item:hover {
    background: rgba(18, 70, 214, 0.08);
    color: #1246d6;
}
.archive-results-head {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 22px;
    padding: 1.2rem 1.35rem;
}
@media (max-width: 991.98px) {
    .archive-sidebar {
        position: static;
    }
}
.search-hero-card {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 28px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
    padding: 2rem;
}
.search-eyebrow,
.search-section-kicker,
.topic-hub-stat-label {
    display: inline-block;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 700;
    color: #6b7280;
}
.search-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    color: #111827;
}
.search-subtitle,
.search-result-excerpt {
    color: #4b5563;
}
.search-label {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280;
}
.search-results-summary {
    color: #4b5563;
    font-weight: 600;
}
.search-section {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05);
    padding: 1.5rem;
}
.search-inline-link,
.topic-hub-inline-link {
    color: #1246d6;
    font-weight: 700;
    text-decoration: none;
}
.search-inline-link:hover,
.topic-hub-inline-link:hover {
    color: #0d369f;
}
.search-empty-state,
.search-simple-card,
.topic-hub-stat-card,
.topic-hub-latest-card,
.topic-hub-related-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    padding: 1.25rem;
}
.story-context-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}
.story-context-stat strong,
.story-context-rail strong,
.breaking-live-hook strong {
    font-size: 0.85rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.story-context-rail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.profile-story-timeline {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.profile-story-timeline:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.breaking-live-hook {
    border-radius: 18px;
    padding: 1rem 1.1rem;
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.08), rgba(249, 115, 22, 0.06));
    border: 1px solid rgba(220, 38, 38, 0.12);
    color: #7f1d1d;
}
.conversation-question-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.conversation-question-pill {
    padding: 0.65rem 0.8rem;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.04);
    color: #0f172a;
    font-weight: 600;
}
.article-content .news-faq,
.article-content .news-timeline-block,
.article-content .news-factbox,
.article-content .news-qa-block,
.article-content .news-question-block,
.article-content .news-answer-block,
.article-content .news-transcript-block,
.article-content .news-author-note,
.article-content .news-step-block,
.article-content .news-callout,
.article-content .news-summary-box,
.article-content .news-key-takeaways {
    margin: 1.75rem 0;
}
/* Editor-v2 newsroom callouts — variants share a base, accent-bar swaps colour. */
.article-content .news-callout {
    border-left: 4px solid #1d4ed8;
    border-radius: 14px;
    background: rgba(239, 246, 255, 0.8);
    padding: 1rem 1.15rem;
    color: #1e293b;
}
.article-content .news-callout--warning { border-left-color: #d97706; background: rgba(254, 243, 199, 0.55); }
.article-content .news-callout--success { border-left-color: #059669; background: rgba(209, 250, 229, 0.5); }
.article-content .news-callout--danger  { border-left-color: #dc2626; background: rgba(254, 226, 226, 0.5); }
.article-content .news-callout__title { font-size: 1rem; font-weight: 700; margin: 0 0 0.4rem; }
.article-content .news-callout__body { margin: 0; line-height: 1.6; }
/* Summary box — "what to know" lead + bullets. */
.article-content .news-summary-box {
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 18px;
    padding: 1.15rem 1.25rem;
    background: rgba(248, 250, 252, 0.96);
}
.article-content .news-summary-box__title { font-size: 1.1rem; font-weight: 700; margin: 0 0 0.6rem; }
.article-content .news-summary-box__lead  { margin: 0 0 0.65rem; line-height: 1.6; color: #1f2937; }
.article-content .news-summary-box__list  { margin: 0; padding-left: 1.2rem; }
.article-content .news-summary-box__list li { margin: 0.2rem 0; }
/* Key takeaways — NYT-style emphasised bullets. */
.article-content .news-key-takeaways {
    border-top: 2px solid #0f172a;
    border-bottom: 2px solid #0f172a;
    padding: 1rem 0 1.15rem;
    background: transparent;
}
.article-content .news-key-takeaways__title {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 0.65rem;
    color: #0f172a;
}
.article-content .news-key-takeaways__list { margin: 0; padding-left: 1.2rem; }
.article-content .news-key-takeaways__list li {
    margin: 0.35rem 0;
    font-size: 1.05rem;
    line-height: 1.55;
    color: #111827;
}
.article-content .news-faq {
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(248, 250, 252, 0.96);
    padding: 1.25rem 1.35rem;
}
.article-content .news-faq h3,
.article-content .news-timeline-block h3,
.article-content .news-factbox h3 {
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 700;
}
.article-content .news-faq-item + .news-faq-item {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.article-content .news-faq-item h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.45rem;
}
.article-content .news-timeline-block,
.article-content .news-factbox {
    border-left: 4px solid #1d4ed8;
    border-radius: 18px;
    background: rgba(239, 246, 255, 0.8);
    padding: 1.15rem 1.25rem;
}
.article-content .news-timeline-block ul,
.article-content .news-factbox ul {
    margin: 0;
    padding-left: 1.2rem;
}
.article-content .news-factbox-grid {
    display: grid;
    grid-template-columns: minmax(120px, 180px) 1fr;
    gap: 0.5rem 1rem;
    margin: 0;
}
.article-content .news-factbox-grid dt {
    font-weight: 700;
}
.article-content .news-factbox-grid dd {
    margin: 0;
    color: #334155;
}
.article-content .news-qa-block,
.article-content .news-question-block,
.article-content .news-answer-block,
.article-content .news-transcript-block {
    border-radius: 18px;
    padding: 1rem 1.15rem;
}
.article-content .news-qa-block {
    background: rgba(250, 245, 255, 0.92);
    border: 1px solid rgba(126, 34, 206, 0.12);
}
.article-content .news-question-block {
    background: rgba(239, 246, 255, 0.92);
    border-left: 4px solid #2563eb;
}
.article-content .news-answer-block {
    background: rgba(248, 250, 252, 0.96);
    border-left: 4px solid #0f766e;
}
.article-content .news-transcript-block {
    background: rgba(248, 250, 252, 0.92);
    border: 1px dashed rgba(15, 23, 42, 0.18);
}
.article-content .news-question-block h4,
.article-content .news-answer-block h4,
.article-content .news-qa-block h4,
.article-content .news-transcript-block h4 {
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.45rem;
}
.search-result-card {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    min-height: 178px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}
.search-result-media {
    min-height: 100%;
    background: #e5e7eb;
}
.search-result-media img {
    display: block;
}
.search-result-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 1rem 1.1rem;
}
.search-result-meta,
.topic-hub-latest-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.75rem;
}
.search-meta-chip,
.topic-hub-meta-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.72rem;
    border-radius: 999px;
    background: rgba(18, 70, 214, 0.1);
    color: #1246d6;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.search-meta-chip-muted {
    background: rgba(15, 23, 42, 0.08);
    color: #374151;
}
.search-meta-chip-strong,
.topic-hub-meta-chip-accent {
    background: #111827;
    color: #f9fafb;
}
.search-meta-time,
.topic-hub-meta-time {
    color: #6b7280;
    font-size: 0.82rem;
}
.search-result-title {
    font-size: clamp(1.05rem, 1rem + 0.26vw, 1.25rem);
    line-height: 1.28;
    margin-bottom: 0.7rem;
}
.search-result-excerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 0.92rem;
    line-height: 1.55;
}
.search-pagination-nav .pagination {
    margin-bottom: 0;
}
.search-shell .pagination .page-link {
    min-width: 2.15rem;
    border-color: rgba(15, 23, 42, 0.12);
    border-radius: 999px !important;
    color: #111827;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    box-shadow: none;
}
.search-shell .pagination .page-link:hover,
.search-shell .pagination .page-link:focus-visible {
    border-color: rgba(15, 23, 42, 0.22);
    background: rgba(15, 23, 42, 0.06);
    color: #111827;
}
.search-shell .pagination .page-item.active .page-link {
    border-color: #111827;
    background: #111827;
    color: #fff;
}
.search-shell .pagination .page-item.disabled .page-link {
    border-color: rgba(15, 23, 42, 0.08);
    background: rgba(248, 250, 252, 0.9);
    color: #94a3b8;
}
.search-pagination-ellipsis {
    min-width: 2rem;
}
.article-page-shell {
    background: linear-gradient(180deg, #f8f6f1 0%, #ffffff 24%);
}
.article-story-shell {
    max-width: 1240px;
}
.article-page-shell .blog-post {
    color: #111827;
}
.article-page-shell .blog-post-title {
    font-family: "Noto Sans Devanagari", var(--ntcms-font-family-sans);
    font-size: 33px;
    line-height: 1.34;
    letter-spacing: 0;
    margin-bottom: 1rem !important;
    max-width: 100%;
    font-weight: 600;
    text-wrap: normal;
}
.article-page-shell .article-kicker-row {
    gap: 0.55rem;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
}
.article-page-shell .article-kicker-item {
    display: inline-flex;
    align-items: center;
}
.article-page-shell .article-kicker-separator {
    opacity: 0.6;
}
.article-page-shell .story-type-breaking .blog-post-title,
.article-page-shell .story-type-breaking_news .blog-post-title {
    max-width: 28ch;
    line-height: 1.34;
}
.article-page-shell .story-type-breaking,
.article-page-shell .story-type-breaking_news {
    max-width: 52rem;
    margin-left: auto;
    margin-right: auto;
}
.article-page-shell .story-type-breaking > *,
.article-page-shell .story-type-breaking_news > * {
    margin-left: auto;
    margin-right: auto;
}
.article-page-shell .story-type-breaking .blog-post-title,
.article-page-shell .story-type-breaking_news .blog-post-title,
.article-page-shell .story-type-breaking .article-subheading,
.article-page-shell .story-type-breaking_news .article-subheading,
.article-page-shell .story-type-breaking .article-content,
.article-page-shell .story-type-breaking_news .article-content,
.article-page-shell .story-type-breaking .blog-post-meta,
.article-page-shell .story-type-breaking_news .blog-post-meta,
.article-page-shell .story-type-breaking .trust-note-card,
.article-page-shell .story-type-breaking_news .trust-note-card,
.article-page-shell .story-type-breaking .figure,
.article-page-shell .story-type-breaking_news .figure {
    max-width: 46rem;
}
.article-page-shell .article-subheading {
    max-width: 46rem;
    color: #4b5563 !important;
    line-height: 1.6;
    margin-bottom: 1rem !important;
}
.article-page-shell .article-synopsis {
    max-width: 46rem;
}
.article-page-shell .article-dek {
    color: #4b5563;
    font-size: clamp(1.12rem, 2vw, 1.45rem);
    line-height: 1.6;
    font-weight: 400;
}
.article-page-shell .blog-post-meta {
    margin-top: 0;
    margin-bottom: 1.4rem !important;
    padding-top: 0.55rem !important;
    padding-bottom: 0.8rem !important;
    min-height: 0 !important;
    border-top-color: transparent !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
}
.article-page-shell .article-meta-actions {
    gap: 0.45rem !important;
}
.article-page-shell .article-content {
    max-width: 68ch;
    font-size: 1.06rem;
    line-height: 1.9;
    color: #1f2937;
}
.article-page-shell .article-content p {
    margin-bottom: 1.2rem;
}
.article-page-shell .article-content > p:first-of-type {
    font-size: 1.12rem;
    line-height: 1.95;
}
.article-page-shell .story-type-fact_check .fact-check-card {
    margin-bottom: 1.15rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
.article-page-shell .fact-check-methodology-card,
.article-page-shell .media-key-points-card,
.article-page-shell .product-briefing-card,
.article-page-shell .live-briefing-card {
    max-width: 46rem;
}
.article-page-shell .fact-check-intro-card {
    max-width: 46rem;
    margin: 0 0 1.25rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}
.article-page-shell .fact-check-intro-card .claim-text,
.article-page-shell .fact-check-intro-card .verdict-box {
    font-size: 1rem;
}
.article-page-shell .fact-check-reference-item {
    padding: 1rem 1.1rem;
    border-color: rgba(15, 23, 42, 0.08);
}
.article-page-shell .fact-check-evidence-card .card-body {
    padding: 1.1rem;
}
.article-page-shell .media-key-points-list li,
.article-page-shell .product-briefing-card li {
    margin-bottom: 0.5rem;
}
.article-page-shell .recommended-stories,
.article-page-shell .related-videos,
.article-page-shell .trust-panel,
.article-page-shell .comments-section {
    margin-top: 3rem;
}
.article-page-shell .reader-story-section {
    border-top: 1px solid rgba(15, 23, 42, 0.1);
    padding-top: 1.5rem;
}
.article-page-shell .reader-story-card,
.article-page-shell .article-author-card {
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}
.article-page-shell .article-tag-strip {
    padding-top: 0.25rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}
.article-page-shell .newsletter-signup {
    margin-top: 3rem;
}
.article-page-shell .ntcms-footer {
    margin-top: 3rem;
}
.breaking-prelude-card {
    padding: 1rem 1.15rem;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff7f5 0%, #ffffff 100%);
    border: 1px solid rgba(220, 38, 38, 0.12);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}
.breaking-prelude-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}
.breaking-prelude-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    background: rgba(220, 38, 38, 0.06);
    border: 1px solid rgba(220, 38, 38, 0.12);
    color: #7f1d1d;
    font-size: 0.82rem;
    font-weight: 600;
}
.breaking-prelude-facts {
    padding-left: 1rem;
    color: #374151;
}
.breaking-prelude-facts li + li {
    margin-top: 0.4rem;
}
.breaking-prelude-helper {
    font-size: 0.9rem;
    color: #7c2d12;
}
.live-hero-shell .live-status-badge {
    padding: 0.38rem 0.7rem;
    border-radius: 999px;
    font-size: 0.72rem;
    letter-spacing: 0.09em;
}
.live-hero-shell .live-updated-time {
    font-size: 0.88rem;
    letter-spacing: 0.01em;
}
.live-hero-shell h1 {
    max-width: 10ch;
}
.live-family-shell .article-story-shell {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
.live-briefing-card {
    padding: 1.35rem;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}
.live-briefing-moment {
    padding: 0.95rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
}
.live-briefing-moment + .live-briefing-moment {
    margin-top: 0.9rem;
}
.live-update-date-stamp {
    letter-spacing: 0.03em;
}
.live-summary-content,
.live-update-card,
.product-briefing-card,
.fact-check-methodology-card,
.media-key-points-card {
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.live-update-card .update-content-text {
    line-height: 1.75;
    max-width: 42rem;
}
.live-update-card .live-blog-headline {
    max-width: 34rem;
    line-height: 1.2;
}
.live-update-card .btn-outline-primary,
.live-update-card .btn-outline-dark,
.live-update-card .btn-outline-success {
    min-width: 2.25rem;
}
.product-briefing-card .search-meta-chip,
.story-type-timeline .search-meta-chip,
.story-type-newsletter .search-meta-chip,
.story-type-review .search-meta-chip,
.story-type-listicle .search-meta-chip,
.story-type-roundup .search-meta-chip {
    background: #eff6ff;
    color: #1d4ed8;
}
.product-briefing-card ul,
.story-type-timeline .trust-note-card ul {
    -moz-columns: 1;
         columns: 1;
}
.story-type-timeline .trust-note-card,
.story-type-newsletter .product-briefing-card,
.story-type-review .product-briefing-card,
.story-type-listicle .product-briefing-card,
.story-type-roundup .product-briefing-card {
    max-width: 46rem;
}
.story-type-timeline .story-context-grid,
.story-type-newsletter .product-briefing-card,
.story-type-review .product-briefing-card,
.story-type-listicle .product-briefing-card,
.story-type-roundup .product-briefing-card {
    margin-top: 1.5rem;
}
.story-type-timeline .faq-story-nav a,
.story-type-newsletter .product-briefing-card li,
.story-type-review .product-briefing-card li,
.story-type-listicle .product-briefing-card li,
.story-type-roundup .product-briefing-card li {
    line-height: 1.7;
}
.article-page-shell .bi,
.article-page-shell .newsletter-signup .bi,
.article-page-shell .article-author-card .bi,
.article-page-shell .reader-story-section .bi {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    min-width: 1em;
    vertical-align: -0.125em;
}
.article-page-shell .bi::before,
.article-page-shell .newsletter-signup .bi::before,
.article-page-shell .article-author-card .bi::before,
.article-page-shell .reader-story-section .bi::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--icon-svg);
    mask-image: var(--icon-svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.article-page-shell .bi-arrow-repeat,
.article-page-shell .bi-arrow-right,
.article-page-shell .bi-badge-cc,
.article-page-shell .bi-bell,
.article-page-shell .bi-bell-fill,
.article-page-shell .bi-bookmark,
.article-page-shell .bi-bookmark-check-fill,
.article-page-shell .bi-check-lg,
.article-page-shell .bi-check2-circle,
.article-page-shell .bi-clipboard,
.article-page-shell .bi-clock,
.article-page-shell .bi-collection,
.article-page-shell .bi-cup-hot,
.article-page-shell .bi-dot,
.article-page-shell .bi-envelope,
.article-page-shell .bi-facebook,
.article-page-shell .bi-film,
.article-page-shell .bi-headphones,
.article-page-shell .bi-journal-text,
.article-page-shell .bi-linkedin,
.article-page-shell .bi-lock,
.article-page-shell .bi-patch-check-fill,
.article-page-shell .bi-person-check-fill,
.article-page-shell .bi-person-circle,
.article-page-shell .bi-person-fill,
.article-page-shell .bi-person-plus,
.article-page-shell .bi-play-circle,
.article-page-shell .bi-play-circle-fill,
.article-page-shell .bi-search,
.article-page-shell .bi-send,
.article-page-shell .bi-share,
.article-page-shell .bi-flag,
.article-page-shell .bi-shield-check,
.article-page-shell .bi-star-fill,
.article-page-shell .bi-stop-circle,
.article-page-shell .bi-twitter,
.article-page-shell .bi-twitter-x,
.article-page-shell .bi-type,
.article-page-shell .bi-printer,
.article-page-shell .bi-volume-mute-fill,
.article-page-shell .bi-volume-up,
.article-page-shell .bi-whatsapp,
.article-page-shell .bi-x-circle {
    --icon-svg: none;
}
.article-page-shell .bi-arrow-repeat { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 8a6 6 0 0 1 10.2-4.2V2.5H13.5v4H9.4V5.2h2A5 5 0 1 0 12 11h1a6 6 0 1 1-11-3Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-arrow-right { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m10.5 3.5-.7.7L12.6 7H2v1h10.6L9.8 10.8l.7.7L14.5 7.5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-badge-cc { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3.5A1.5 1.5 0 0 1 3.5 2h9A1.5 1.5 0 0 1 14 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5zm3.2 3.1a1.7 1.7 0 1 0 0 2.8l-.7.7a2.7 2.7 0 1 1 0-4.2zm5 0a1.7 1.7 0 1 0 0 2.8l-.7.7a2.7 2.7 0 1 1 0-4.2z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-bell,
.article-page-shell .bi-bell-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 15a2 2 0 0 0 1.995-1.85L10 13H6a2 2 0 0 0 2 2Zm4-4V7a4 4 0 1 0-8 0v4L2.5 12.5V13h11v-.5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-bookmark,
.article-page-shell .bi-bookmark-check-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5V15l-5-3-5 3z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-check-lg,
.article-page-shell .bi-check2-circle { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m6.2 11.2-3-3 .8-.8 2.2 2.1 5-5 .8.8z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-clipboard { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10 1.5h-1A1.5 1.5 0 0 0 7.5 0h-1A1.5 1.5 0 0 0 5 1.5H4A2 2 0 0 0 2 3.5v10A2.5 2.5 0 0 0 4.5 16h7A2.5 2.5 0 0 0 14 13.5v-10A2 2 0 0 0 12 1.5zm-3.5 0h1v1h-1zm5 12A1.5 1.5 0 0 1 10 15H5A1.5 1.5 0 0 1 3.5 13.5v-9A1 1 0 0 1 4.5 3h7a1 1 0 0 1 1 1z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-clock { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm.5 3v3.3l2.4 1.4-.5.9L7.5 8.4V4.5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-collection { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h9v9H2zm3 3h9v9H5zm-4 8h3v1H1z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-cup-hot { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 3h8v4a3 3 0 0 1-3 3H6A3 3 0 0 1 3 7zm8 1h1a2 2 0 0 1 0 4h-1V7h1a1 1 0 0 0 0-2h-1zm-7 8h7v1H4zM6 1.5c1 1-.5 1.5.5 2.5.7.7.7 1.4.2 2.1-.1-.8-.4-1.2-.8-1.6-.6-.6-.9-1.4.1-3Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-dot { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='black'/%3E%3C/svg%3E"); }
.article-page-shell .bi-envelope { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M1.5 3h13A1.5 1.5 0 0 1 16 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5v-7A1.5 1.5 0 0 1 1.5 3Zm0 1L8 8.3 14.5 4zm13 8v-6.8L8.3 9.1a.5.5 0 0 1-.6 0L1.5 5.2V12z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-facebook { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9 15V8.8h2.1l.4-2.5H9V4.7c0-.7.2-1.2 1.2-1.2h1.4V1.3C11.1 1.2 10.5 1 9.6 1 7.8 1 6.6 2.1 6.6 4.1v2.2H4.5v2.5h2.1V15z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-film,
.article-page-shell .bi-journal-text { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h12v12H2zm2 2v8h8V4zm1 1h6v1H5zm0 2h6v1H5zm0 2h4v1H5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-headphones { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 2a5 5 0 0 0-5 5v4a2 2 0 0 0 2 2h1V8H5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1V5a3 3 0 0 1 6 0v1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1V7a5 5 0 0 0-5-5Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-linkedin { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.7 5.3H5V13H2.7zm1.1-3.8a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6ZM6.5 5.3h2.2v1.1h.1c.3-.6 1.1-1.3 2.3-1.3 2.4 0 2.9 1.6 2.9 3.7V13h-2.3V9.3c0-.9 0-2-1.2-2s-1.4 1-1.4 1.9V13H6.5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-lock { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M11 6V4.5a3 3 0 1 0-6 0V6H3.5A1.5 1.5 0 0 0 2 7.5v5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 12.5 6zm-5 0V4.5a2 2 0 1 1 4 0V6z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-patch-check-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 0 6.7 1.7 4.6 1.4 4 3.6 2 4.7l1 2-1 2 2 1.1.6 2.2 2.1-.3L8 16l1.3-1.7 2.1.3.6-2.2 2-1.1-1-2 1-2-2-1.1-.6-2.2-2.1.3zM7 11.2 4.6 8.8l.8-.8L7 9.6l3.6-3.6.8.8z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-person-circle,
.article-page-shell .bi-person-fill,
.article-page-shell .bi-person-plus,
.article-page-shell .bi-person-check-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5 6c0-2.2 2.2-4 5-4s5 1.8 5 4z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-play-circle,
.article-page-shell .bi-play-circle-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Zm-1.5 3.8v6.4L11 8 6.5 4.8Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-search { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M11.5 10.5 15 14l-1 1-3.5-3.5a5.5 5.5 0 1 1 1-1ZM6.5 11A4.5 4.5 0 1 0 6.5 2a4.5 4.5 0 0 0 0 9Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-send { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M15.9 1.6 14.5 14a.7.7 0 0 1-1 .6L9.7 12l-2.6 2.3a.7.7 0 0 1-1.2-.5V10L1.2 8.1a.7.7 0 0 1 0-1.3L14.9.9a.7.7 0 0 1 1 .7z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-share { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13 10a2 2 0 0 0-1.6.8L5.9 8a2 2 0 0 0 0-.5l5.5-2.8A2 2 0 1 0 10.8 4L5.3 6.8a2 2 0 1 0 0 2.4l5.5 2.8A2 2 0 1 0 13 10Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-type { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.2 12.6 5.5 3h1.7l3.3 9.6h-1.6l-.9-2.7H4.6l-.9 2.7zM5 8.7h2.6L6.3 4.8zm6.9 4-.2-.7c-.5.6-1 .9-1.7.9-1.1 0-1.8-.7-1.8-1.7 0-1.2 1-1.8 2.4-1.8h1V8.9c0-.5-.3-.8-.9-.8-.6 0-.9.3-1 .7h-1.3c0-1.1.9-1.9 2.4-1.9 1.4 0 2.2.7 2.2 1.9v3.8zm-1.4-.7c.6 0 1-.4 1-.9V10c-.7 0-1.7.1-1.7.9 0 .5.3.7.7.7Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-printer { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.5 8a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm9.5 4v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2H1.5A1.5 1.5 0 0 1 0 10.5v-4A1.5 1.5 0 0 1 1.5 5H2V2.5A1.5 1.5 0 0 1 3.5 1h9A1.5 1.5 0 0 1 14 2.5V5h.5A1.5 1.5 0 0 1 16 6.5v4a1.5 1.5 0 0 1-1.5 1.5zM3 5h10V2.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5zm12 5.5v-4a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5H4v-2.5h8V11h2.5a.5.5 0 0 0 .5-.5ZM5 12v2h6v-3H5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-stop-circle { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14Zm0-1A6 6 0 1 0 8 2a6 6 0 0 0 0 12ZM5 5h6v6H5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-flag { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M14.5 3 8.7 8 14.5 13H4v2H3V1h1v2zM4 4v8h9.6L9.5 8.6 13.6 5.4z'/%3E%3C/svg%3E"); }
/* Reader text-size preference — drives the .article-content body font
 * scale based on the data-article-text-size attribute set on <html>
 * by reader.js (persisted in localStorage). Four tiers (sm/md/lg/xl)
 * match the dropdown labels. Selectors are extra-specific so they
 * override .article-page-shell .article-content > p:first-of-type
 * (which had higher specificity than the earlier attempt and was
 * leaving the lead paragraph at the default size).
 */
html[data-article-text-size="sm"] .article-page-shell { --reader-font-scale: 0.9; }
html[data-article-text-size="md"] .article-page-shell { --reader-font-scale: 1; }
html[data-article-text-size="lg"] .article-page-shell { --reader-font-scale: 1.18; }
html[data-article-text-size="xl"] .article-page-shell { --reader-font-scale: 1.35; }
/* Override the existing .article-content + first-of-type rules with a
 * higher-specificity selector. !important is intentional — we want the
 * reader preference to win even against per-story-type stylesheets
 * that may add their own paragraph rules later.
 */
html[data-article-text-size] .article-page-shell .article-content p,
html[data-article-text-size] .article-page-shell .article-content li,
html[data-article-text-size] .article-page-shell .article-content blockquote,
html[data-article-text-size] .article-page-shell .article-content > p:first-of-type {
    font-size: calc(1.125rem * var(--reader-font-scale, 1)) !important;
    line-height: 1.7;
}
html[data-article-text-size] .article-page-shell .article-content h2 {
    font-size: calc(1.55rem * var(--reader-font-scale, 1)) !important;
}
html[data-article-text-size] .article-page-shell .article-content h3 {
    font-size: calc(1.25rem * var(--reader-font-scale, 1)) !important;
}
html[data-article-text-size] .article-page-shell .article-content h4 {
    font-size: calc(1.1rem * var(--reader-font-scale, 1)) !important;
}
html[data-article-text-size] .article-page-shell .article-standfirst,
html[data-article-text-size] .article-page-shell .article-summary,
html[data-article-text-size] .article-page-shell .article-deck {
    font-size: calc(1.25rem * var(--reader-font-scale, 1)) !important;
}
/* ============================================================
 * Print stylesheet — strip site chrome so only the article prints.
 *
 * Before this block existed, hitting the toolbar print button (or
 * Ctrl+P) printed the entire page including header, sidebar, share
 * rail, ads, footer, dropdowns, and the sticky read-progress bar —
 * a noisy 2-3 page output instead of a clean reprint of the story.
 * ============================================================ */
@media print {
    /* Background colors don't render by default on most browsers, but
     * force black ink on white to be safe even when the user's printer
     * setting allows backgrounds. */
    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 11pt !important;
    }

    /* Hide every chrome surface that isn't the article body. Selectors
     * cover the canonical newsroom layout + a few legacy classes that
     * predate the article-page-shell wrapper.
     *
     * NOTE: do NOT use bare `header` selector — the article renders its
     * title + byline inside <header class="article-lead-shell"> in
     * core_content.php. Hiding bare `header` strips the article's own
     * title. Target site-level headers by their specific classes instead.
     */
    body > header,
    .site-header,
    .masthead,
    .primary-nav,
    .ntcms-header,
    .topbar-public,
    .reading-progress,
    .reading-progress-bar,
    .article-share-rail,
    .article-share-rail-sticky,
    [data-article-share-rail],
    .article-meta-actions,            /* the toolbar with the print button itself */
    .article-newsroom-meta-line,
    .article-byline-social,
    .article-related,
    .article-recommendations,
    .article-comments,
    .comments-section,                /* CommentsSectionBuilder output */
    #comments,
    .recommended-stories,             /* RelatedContentBuilder: Readers Also Picked + Recommended Stories */
    .reader-story-section,
    .reader-section-heading,
    .reader-story-card,
    .reader-newsletter-signup,
    .newsletter-signup,
    .article-author-card,
    .article-paywall,
    .article-meter-banner,
    .trust-panel,                     /* ArticleViewModelFactory: Story lifecycle + Update Log + Recent newsroom changes */
    .trust-note-card,
    .trust-timeline,
    aside,
    .sidebar,
    .article-page-sidebar,
    .ad-slot,
    .advertisement,
    [data-ad-slot],
    footer,
    .ntcms-footer,
    .site-footer,
    .dpdp-consent-banner,
    .push-soft-prompt,
    .adblock-wall,
    .bottom-sticky-rail,
    .scroll-to-top-btn,
    body > nav,
    .primary-nav,
    .breadcrumb,
    .breadcrumb-container,
    .tts-settings-modal,
    .modal,
    .dropdown-menu,
    .article-meta-actions button,
    .article-meta-actions .btn,
    .article-page-shell aside,
    .article-page-shell footer,
    .article-page-shell .btn:not(.article-status-flag),
    .article-page-shell button:not(.article-status-flag) {
        display: none !important;
    }

    /* Explicitly show the article lead header (title + dek + byline)
     * since we may otherwise hide it under broader chrome rules. */
    .article-lead-shell,
    .article-lead-shell *,
    .article-title-stack,
    .article-title-stack *,
    .blog-post-title,
    .article-subheading,
    .article-byline,
    .article-byline-credit,
    .article-byline-name-line,
    .article-byline-dates {
        display: revert !important;
        visibility: visible !important;
        color: #000 !important;
    }

    /* Strip the article-page-shell wrapper down to a clean column. */
    .article-page-shell,
    .article-page,
    .article-reading-shell,
    .article-primary-shell,
    main,
    main#main-content {
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-shadow: none !important;
    }

    /* Keep the article body readable + linkable in print. */
    .article-content,
    .article-body {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #000 !important;
    }
    .article-content p,
    .article-content li {
        font-size: 11pt !important;
        line-height: 1.5 !important;
        page-break-inside: avoid;
        orphans: 3;
        widows: 3;
    }
    .article-content h1,
    .article-content h2,
    .article-content h3 {
        page-break-after: avoid;
        color: #000 !important;
    }
    .article-title,
    h1.article-title,
    .blog-post-title,
    h1.blog-post-title {
        font-size: 22pt !important;
        line-height: 1.2 !important;
        margin: 0 0 0.5rem !important;
        color: #000 !important;
        font-weight: 800 !important;
    }
    .article-subheading,
    h2.article-subheading {
        font-size: 14pt !important;
        line-height: 1.35 !important;
        margin: 0.25rem 0 0.75rem !important;
        color: #222 !important;
        font-weight: 600 !important;
    }
    .article-standfirst,
    .article-deck {
        font-size: 13pt !important;
        font-style: italic;
    }
    .article-status-flag {
        display: inline-block !important;
        font-size: 9pt !important;
        font-weight: 700;
        padding: 1pt 6pt;
        border: 1pt solid #000;
        margin-bottom: 0.4rem;
    }
    .article-byline,
    .article-byline-credit {
        font-size: 10pt !important;
        margin-bottom: 1rem;
        border: none !important;
    }

    /* Show full URLs after every link so the printed copy is self-citing. */
    .article-content a[href]::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #444;
        word-break: break-all;
    }
    /* …except for anchors and JS-only links. */
    .article-content a[href^="#"]::after,
    .article-content a[href^="javascript:"]::after {
        content: "";
    }

    /* Keep the hero image but cap it so it doesn't eat a full page. */
    .article-hero,
    .article-content figure img,
    .article-content img {
        max-width: 100% !important;
        max-height: 4in !important;
        page-break-inside: avoid;
    }
    .article-hero figcaption,
    .article-content figcaption {
        font-size: 9pt !important;
        color: #444 !important;
        font-style: italic;
    }
}
.article-page-shell .bi-shield-check { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 0 2 2v4c0 4.1 2.7 7.8 6 9 3.3-1.2 6-4.9 6-9V2zm-1 11.2-2.4-2.4.8-.8L7 9.8l3.8-3.8.8.8z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-star-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m8 1.3 1.8 3.7 4.1.6-3 3 .7 4.1L8 10.8l-3.6 1.9.7-4.1-3-3 4.1-.6z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-twitter,
.article-page-shell .bi-twitter-x { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h2.6l3 4.1L11.1 2H14l-5 5.8L14.4 14h-2.6L8.6 9.7 4.9 14H2l5.2-6z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-volume-mute-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8.7 2.1 5.9 4.9H3A1 1 0 0 0 2 6v4a1 1 0 0 0 1 1h2.9l2.8 2.8c.6.6 1.6.2 1.6-.7V2.8c0-.9-1-1.3-1.6-.7Zm4.8 3.6-.7-.7L12 5.8l-.8-.8-.7.7.8.8-.8.8.7.7.8-.8.8.8.7-.7-.8-.8z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-volume-up { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8.7 2.1 5.9 4.9H3A1 1 0 0 0 2 6v4a1 1 0 0 0 1 1h2.9l2.8 2.8c.6.6 1.6.2 1.6-.7V2.8c0-.9-1-1.3-1.6-.7ZM12 6.5a2.5 2.5 0 0 1 0 3.5l.7.7a3.5 3.5 0 0 0 0-4.9Zm1.8-1.8a5 5 0 0 1 0 7.1l.7.7a6 6 0 0 0 0-8.5z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-whatsapp { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13.6 2.4A7.4 7.4 0 0 0 1.9 11l-1 3.7L4.7 13A7.4 7.4 0 1 0 13.6 2.4Zm-5.6 11a6 6 0 0 1-3-.8l-.2-.1-2.2.6.6-2.1-.1-.2A6 6 0 1 1 8 13.4Zm3.3-4.4c-.2-.1-1.1-.6-1.3-.6s-.3-.1-.4.1-.5.6-.6.7-.2.1-.4 0a4.8 4.8 0 0 1-1.4-.9 5.4 5.4 0 0 1-1-1.2c-.1-.2 0-.3.1-.4l.3-.3c.1-.1.1-.2.2-.3 0-.1 0-.2 0-.3S6 4.8 5.8 4.4s-.3-.3-.4-.3h-.3c-.1 0-.3 0-.5.2s-.6.6-.6 1.4.6 1.6.7 1.7 1.2 1.8 3 2.6c.4.2.8.3 1 .4.4.1.8.1 1 .1.3 0 1.1-.4 1.2-.8.2-.4.2-.8.1-.8s-.2-.1-.4-.2Z'/%3E%3C/svg%3E"); }
.article-page-shell .bi-x-circle { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm2.1 9.4-.7.7L8 8.7l-1.4 1.4-.7-.7L7.3 8 5.9 6.6l.7-.7L8 7.3l1.4-1.4.7.7L8.7 8z'/%3E%3C/svg%3E"); }
.public-directory-shell {
    background: linear-gradient(180deg, #f8f6f1 0%, #ffffff 26%);
}
.reader-story-section {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 1.35rem;
}
.reader-section-heading {
    gap: 1rem;
}
.reader-story-card {
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.reader-story-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.1) !important;
}
.reader-story-card:hover .card-img-top {
    transform: scale(1.04);
}
.reader-story-card .card-img-top {
    transition: transform 0.28s ease;
}
.reader-story-card .hover-underline:hover {
    text-decoration: underline !important;
}
.topic-hub-page {
    background: linear-gradient(180deg, #f6f4ef 0%, #ffffff 30%);
}
.topic-hub-shell {
    max-width: 1240px;
}
.topic-hub-hero {
    background: linear-gradient(135deg, #111827 0%, #1f2937 58%, #0f172a 100%);
}
.topic-hub-layout-election {
    background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 55%, #111827 100%);
}
.topic-hub-layout-timeline {
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 55%, #1f2937 100%);
}
.topic-hub-layout-magazine {
    background: linear-gradient(135deg, #1f2937 0%, #0f766e 55%, #111827 100%);
}
.topic-hub-hero-media {
    background-size: cover;
    background-position: center;
    opacity: 0.24;
}
.topic-hub-hero-election-overlay {
    background: radial-gradient(transparent, rgba(0, 0, 0, 0.35));
}
.topic-hub-hero-accent {
    height: 10px;
    background: linear-gradient(90deg, #ff6b6b, #ffd166);
    opacity: 0.6;
}
.topic-hub-hero-scrim {
    pointer-events: none;
}
.topic-hub-timeline-dot {
    width: 10px;
    height: 10px;
    padding: 0 !important;
}
.topic-hub-story-card {
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}
.topic-hub-story-card .card-body {
    padding: 1rem 1.05rem;
}
.topic-hub-stat-value {
    display: block;
    font-size: clamp(2rem, 4vw, 2.75rem);
    line-height: 1;
    margin: 0.65rem 0;
    color: #111827;
}
@media (max-width: 991.98px) {
    .search-result-card {
        grid-template-columns: 1fr;
    }

    .search-result-media {
        min-height: 220px;
        max-height: 260px;
    }
}
@media (max-width: 575.98px) {
    .search-hero-card,
    .search-section {
        padding: 1.15rem;
        border-radius: 20px;
    }

    .search-result-body,
    .search-simple-card,
    .topic-hub-stat-card,
    .topic-hub-latest-card,
    .topic-hub-related-card {
        padding: 1rem;
    }

    .reader-section-heading {
        flex-direction: column;
        align-items: flex-start !important;
    }

}
.multimedia-briefing-card {
    padding: 1.4rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 20px;
    background: linear-gradient(180deg, #f9f7f1 0%, #ffffff 100%);
    box-shadow: 0 18px 40px rgba(17, 24, 39, 0.08);
}
.multimedia-briefing-link {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    height: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
    background: #fff;
    color: #111827;
    text-decoration: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.multimedia-briefing-link:hover {
    color: #111827;
    border-color: rgba(13, 110, 253, 0.35);
    box-shadow: 0 12px 24px rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
}
.multimedia-briefing-link strong,
.multimedia-briefing-link small {
    display: block;
}
.multimedia-briefing-link small {
    margin-top: 0.2rem;
    color: #6b7280;
}
.multimedia-briefing-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 999px;
    background: #0d6efd;
    color: #fff;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.multimedia-transcript {
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    padding-top: 1rem;
}
.multimedia-audio-player {
    padding: 1rem;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
}
.multimedia-audio-player audio,
.audio-story-player audio {
    display: block;
    width: 100%;
    min-height: 42px;
}
.multimedia-transcript summary {
    cursor: pointer;
    font-weight: 700;
    list-style: none;
}
.multimedia-transcript summary::-webkit-details-marker {
    display: none;
}
.multimedia-transcript-meta {
    margin-top: 0.75rem;
    color: #6b7280;
    font-size: 0.9rem;
}
.multimedia-transcript-body {
    margin-top: 0.75rem;
    color: #1f2937;
    line-height: 1.7;
    white-space: normal;
}
.audio-desk-hero {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.12), transparent 32%),
        linear-gradient(135deg, #111827 0%, #1f2937 55%, #0f766e 100%);
}
.audio-desk-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
}
.audio-story-card {
    height: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(17, 24, 39, 0.08);
}
.audio-story-image {
    min-height: 100%;
    max-height: 100%;
}
.audio-story-body {
    padding: 1.4rem;
}
.audio-story-player {
    padding: 0.5rem 0.75rem;
    border-radius: 14px;
    background: #f3f4f6;
    border: 1px solid rgba(17, 24, 39, 0.06);
}
.audio-series-strip {
    margin-top: -1rem;
}
.audio-series-card {
    height: 100%;
    padding: 1.35rem;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f4ee 100%);
    border: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: 0 18px 40px rgba(17, 24, 39, 0.07);
}
.audio-series-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    background: rgba(11, 66, 158, 0.08);
    color: #0b429e;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}
.audio-series-link {
    display: block;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    text-decoration: none;
    color: #111827;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(17, 24, 39, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.audio-series-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    border-color: rgba(11, 66, 158, 0.2);
    color: #111827;
}
.multimedia-desk-links {
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    padding-top: 0.9rem;
}
.audio-story-page {
    background: linear-gradient(180deg, #f7f4ee 0%, #ffffff 38%);
}
.audio-story-hero {
    padding: 4.25rem 0 3rem;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.1), transparent 30%),
        linear-gradient(135deg, #111827 0%, #1f2937 55%, #7c2d12 100%);
}
.audio-story-hero-card,
.audio-story-summary {
    padding: 1.35rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(17, 24, 39, 0.08);
}
.audio-story-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    color: rgba(255,255,255,0.8);
    font-size: 0.95rem;
}
.audio-story-sidebar .multimedia-briefing-link {
    background: #f9fafb;
}
.watch-story-page {
    background: linear-gradient(180deg, #f4f6f8 0%, #ffffff 38%);
}
.watch-story-hero {
    padding: 4.25rem 0 3rem;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.1), transparent 30%),
        linear-gradient(135deg, #111827 0%, #0f172a 55%, #991b1b 100%);
}
.watch-story-hero-card,
.watch-story-summary {
    padding: 1.35rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(17, 24, 39, 0.08);
}
.watch-story-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    color: rgba(255,255,255,0.8);
    font-size: 0.95rem;
}
.watch-story-embed {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 18px;
    background: #0f172a;
    text-decoration: none;
}
.watch-story-embed-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.8);
    font-size: 4rem;
    background: linear-gradient(135deg, #111827, #1f2937);
}
.watch-story-play {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(185, 28, 28, 0.92);
    color: #fff;
    font-size: 2rem;
    box-shadow: 0 16px 30px rgba(0,0,0,0.2);
}
.watch-story-sidebar .multimedia-briefing-link {
    background: #f9fafb;
}
.multimedia-desk-panel {
    padding: 1.35rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}
.multimedia-desk-card {
    display: grid;
    grid-template-columns: minmax(120px, 180px) 1fr;
    gap: 1rem;
    align-items: stretch;
    padding: 0.95rem;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}
.multimedia-desk-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    min-height: 112px;
    background: #0f172a;
}
.multimedia-desk-thumb-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.82);
    font-size: 2.6rem;
}
.multimedia-desk-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(185, 28, 28, 0.92);
    color: #fff;
    font-size: 1.6rem;
}
.multimedia-desk-body {
    min-width: 0;
}
@media (max-width: 767.98px) {
    .multimedia-briefing-card {
        padding: 1.1rem;
        border-radius: 16px;
    }

    .multimedia-briefing-link {
        padding: 0.9rem;
    }

    .audio-story-body {
        padding: 1.1rem;
    }

    .audio-series-strip {
        margin-top: 0;
    }

    .audio-series-card {
        padding: 1.1rem;
        border-radius: 18px;
    }

    .audio-story-hero {
        padding: 3rem 0 2.2rem;
    }

    .audio-story-hero-card,
    .audio-story-summary {
        padding: 1.05rem;
        border-radius: 16px;
    }

    .watch-story-hero {
        padding: 3rem 0 2.2rem;
    }

    .watch-story-hero-card,
    .watch-story-summary {
        padding: 1.05rem;
        border-radius: 16px;
    }

    .multimedia-desk-panel {
        padding: 1rem;
        border-radius: 18px;
    }

        .multimedia-desk-card {
            grid-template-columns: 1fr;
        }
}
.newsroom-dashboard-shell {
    padding: 0.75rem 0 1.5rem;
    background: #f3f4f6;
}
.newsroom-dashboard-hero {
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
    color: #111827;
}
.newsroom-dashboard-title {
    font-family: inherit;
    font-size: 1.2rem;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 700;
    color: #111827;
}
.newsroom-dashboard-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.newsroom-dashboard-actions .btn {
    border-radius: 6px;
    padding: 0.42rem 0.75rem;
    font-weight: 700;
    font-size: 0.9rem;
}
.newsroom-dashboard-metrics {
    margin-top: 0;
}
.newsroom-dashboard-stat-card {
    height: 100%;
    padding: 0.8rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    box-shadow: none;
}
.newsroom-dashboard-stat-label {
    display: block;
    margin-bottom: 0.35rem;
    color: #6b7280;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.newsroom-dashboard-stat-value {
    display: block;
    color: #111827;
    font-size: 1.15rem;
    line-height: 1.1;
    font-weight: 800;
}
.newsroom-dashboard-stat-neutral {
    border-top: 3px solid #111827;
}
.newsroom-dashboard-stat-accent {
    border-top: 3px solid #1d4ed8;
}
.newsroom-dashboard-stat-warning,
.newsroom-dashboard-stat-medium {
    border-top: 3px solid #d97706;
}
.newsroom-dashboard-stat-high {
    border-top: 3px solid #b91c1c;
}
.newsroom-dashboard-stat-low {
    border-top: 3px solid #059669;
}
.newsroom-dashboard-grid {
    align-items: start;
}
.newsroom-dashboard-column {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.newsroom-dashboard-column-label {
    color: #4b5563;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0 0.1rem;
}
.newsroom-dashboard-shell .card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: none;
}
.newsroom-dashboard-shell .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: #f8fafc;
    font-weight: 800;
    font-size: 0.9rem;
}
.newsroom-dashboard-shell .card-body,
.newsroom-dashboard-shell .card-footer {
    padding: 0.8rem 0.85rem;
}
.newsroom-dashboard-shell .row.g-2 .border,
.newsroom-dashboard-shell .row.text-center.g-2 .border {
    border-color: rgba(15, 23, 42, 0.07) !important;
    background: rgba(248, 250, 252, 0.92);
}
.newsroom-dashboard-shell .list-group-item {
    border-color: rgba(15, 23, 42, 0.06);
    background: transparent;
}
.newsroom-dashboard-shell .btn-outline-dark,
.newsroom-dashboard-shell .btn-outline-primary,
.newsroom-dashboard-shell .btn-outline-danger {
    border-radius: 6px;
    font-weight: 700;
}
.governance-summary-grid .border,
.governance-auth-summary .border,
.newsroom-dashboard-shell .media-upload-pressure,
.newsroom-dashboard-shell .media-desk-pulse-list .list-group-item,
.newsroom-dashboard-shell .media-desk-uploaders-list .list-group-item,
.newsroom-dashboard-shell .media-desk-delete-role-list .list-group-item {
    border-color: rgba(15, 23, 42, 0.07) !important;
    background: rgba(248, 250, 252, 0.92);
}
.newsroom-dashboard-shell .media-desk-pulse-list .list-group-item,
.newsroom-dashboard-shell .media-desk-uploaders-list .list-group-item,
.newsroom-dashboard-shell .media-desk-delete-role-list .list-group-item {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}
.newsroom-dashboard-shell .bg-dark.text-white {
    background: #111827 !important;
    box-shadow: none;
}
.newsroom-dashboard-shell .badge {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.newsroom-dashboard-shell .dashboard-time-card .card-header {
    background: #f8fafc;
}
.newsroom-dashboard-shell .dashboard-time-card h2 {
    font-size: 2rem;
    line-height: 1;
    color: #111827;
}
.newsroom-dashboard-shell .dashboard-card-secondary .card-header,
.newsroom-dashboard-shell .dashboard-card-tertiary .card-header {
    padding: 0.62rem 0.8rem;
    font-size: 0.84rem;
}
.newsroom-dashboard-shell .dashboard-card-secondary .card-body,
.newsroom-dashboard-shell .dashboard-card-secondary .card-footer,
.newsroom-dashboard-shell .dashboard-card-tertiary .card-body,
.newsroom-dashboard-shell .dashboard-card-tertiary .card-footer {
    padding: 0.72rem 0.8rem;
}
.newsroom-dashboard-shell .dashboard-card-secondary .list-group-item,
.newsroom-dashboard-shell .dashboard-card-tertiary .list-group-item {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
}
.newsroom-dashboard-shell .dashboard-card-tertiary .row.g-2 .border,
.newsroom-dashboard-shell .dashboard-card-secondary .row.g-2 .border {
    min-height: 100%;
}
.newsroom-dashboard-shell .dashboard-card-tertiary .small.text-uppercase,
.newsroom-dashboard-shell .dashboard-card-secondary .small.text-uppercase {
    letter-spacing: 0.06em;
}
@media (max-width: 991.98px) {
    .newsroom-dashboard-shell {
        padding-top: 1rem;
    }

    .newsroom-dashboard-hero {
        padding: 0.8rem;
        border-radius: 10px;
    }

    .newsroom-dashboard-column {
        gap: 0.7rem;
    }
}
@media (max-width: 767.98px) {
    .newsroom-dashboard-title {
        font-size: 1.05rem;
    }

    .newsroom-dashboard-actions {
        width: 100%;
    }

    .newsroom-dashboard-actions .btn {
        flex: 1 1 auto;
    }

    .newsroom-dashboard-shell .card,
    .newsroom-dashboard-stat-card {
        border-radius: 10px;
    }
}
.admin-surface-shell {
    padding: 1.25rem 0 2.5rem;
    background:
        radial-gradient(circle at top right, rgba(17, 24, 39, 0.04), transparent 22%),
        linear-gradient(180deg, #faf7f1 0%, #ffffff 100%);
}
.admin-surface-hero {
    position: relative;
    overflow: hidden;
    padding: 1.5rem;
    border-radius: 28px;
    color: #f8fafc;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14);
}
.admin-media-hero {
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(29, 78, 216, 0.92) 55%, rgba(8, 145, 178, 0.9) 100%);
}
.admin-audit-hero {
    background:
        linear-gradient(135deg, rgba(17, 24, 39, 0.98) 0%, rgba(88, 28, 135, 0.92) 55%, rgba(127, 29, 29, 0.92) 100%);
}
.admin-surface-kicker {
    display: inline-block;
    margin-bottom: 0.7rem;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.72);
}
.admin-surface-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 3.5vw, 3.1rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
    color: #fff;
}
.admin-surface-subtitle {
    max-width: 48rem;
    color: rgba(255,255,255,0.8);
    line-height: 1.7;
}
.admin-surface-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.admin-surface-actions .btn {
    border-radius: 999px;
    font-weight: 700;
    padding-inline: 1rem;
}
.admin-surface-toolbar-copy h2 {
    font-family: 'Playfair Display', serif;
    color: #111827;
}
.admin-surface-card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.admin-surface-card .card-header {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,244,237,0.98)) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding: 1rem 1.2rem;
}
.admin-surface-card .card-body,
.admin-surface-card .card-footer {
    padding: 1.15rem 1.2rem;
}
.admin-media-shell .media-card,
.admin-media-shell .media-ops-pulse .border,
.admin-media-shell .media-risk-pulse .border,
.admin-audit-shell .incident-review-summary .border {
    border-color: rgba(15, 23, 42, 0.08) !important;
    background: rgba(248,250,252,0.94);
}
.admin-media-shell .media-card {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}
.admin-media-shell .media-upload-allowance {
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.96));
}
.admin-media-shell .media-ops-activity .list-group-item,
.admin-media-shell .media-risk-top-used .list-group-item,
.admin-audit-shell .table tbody tr {
    border-color: rgba(15, 23, 42, 0.06);
}
.admin-audit-shell .audit-export-presets .btn,
.admin-audit-shell .btn,
.admin-media-shell .btn {
    border-radius: 999px;
}
.admin-audit-shell .table thead th {
    background: #f8fafc;
    border-bottom-color: rgba(15, 23, 42, 0.08);
    color: #374151;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.admin-audit-shell .table tbody tr td {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
}
.admin-audit-shell .audit-severity-badge {
    align-self: flex-start;
}
@media (max-width: 767.98px) {
    .admin-surface-hero {
        padding: 1.15rem;
        border-radius: 20px;
    }

    .admin-surface-actions {
        flex-direction: column;
    }

    .admin-surface-actions .btn {
        width: 100%;
    }

    .admin-surface-card {
        border-radius: 18px;
    }
}
.live-family-shell .live-icon-pulse {
    display: inline-flex;
    align-items: center;
    color: #ff7b7b;
    animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.18);
        opacity: 0.45;
    }
}
.article-page-shell .live-family-shell .bi,
.article-page-shell .live-updates-container .bi,
.article-page-shell #live-reporting-header .bi,
.article-page-shell #btn-jump-latest .bi,
.article-page-shell #btn-key-events .bi,
.article-page-shell .live-update-card .bi,
.article-page-shell #empty-feed-message .bi {
    display: inline-block;
    width: auto;
    height: auto;
    min-width: 0;
    vertical-align: -0.125em;
}
.article-page-shell .live-family-shell .bi::before,
.article-page-shell .live-updates-container .bi::before,
.article-page-shell #live-reporting-header .bi::before,
.article-page-shell #btn-jump-latest .bi::before,
.article-page-shell #btn-key-events .bi::before,
.article-page-shell .live-update-card .bi::before,
.article-page-shell #empty-feed-message .bi::before {
    display: inline-block;
    width: auto;
    height: auto;
    background: none;
    background-color: transparent;
    -webkit-mask-image: none;
    mask-image: none;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
}
.article-page-shell .live-family-shell .bi-record-circle-fill::before,
.article-page-shell .live-updates-container .bi-record-circle-fill::before { content: "\f517"; }
.article-page-shell .live-family-shell .bi-volume-mute-fill::before,
.article-page-shell .live-updates-container .bi-volume-mute-fill::before { content: "\f60c"; }
.article-page-shell .live-family-shell .bi-volume-up-fill::before,
.article-page-shell .live-updates-container .bi-volume-up-fill::before { content: "\f610"; }
.article-page-shell .live-family-shell .bi-collection::before,
.article-page-shell .live-updates-container .bi-collection::before { content: "\f2cc"; }
.article-page-shell .live-family-shell .bi-arrow-up-circle::before,
.article-page-shell .live-updates-container .bi-arrow-up-circle::before { content: "\f13a"; }
.article-page-shell .live-family-shell .bi-arrow-up-circle-fill::before,
.article-page-shell .live-updates-container .bi-arrow-up-circle-fill::before { content: "\f139"; }
.article-page-shell .live-family-shell .bi-star-fill::before,
.article-page-shell .live-updates-container .bi-star-fill::before { content: "\f586"; }
.article-page-shell .live-family-shell .bi-pin-fill::before,
.article-page-shell .live-updates-container .bi-pin-fill::before { content: "\f4ec"; }
.article-page-shell .live-family-shell .bi-pin-angle::before,
.article-page-shell .live-updates-container .bi-pin-angle::before { content: "\f4eb"; }
.article-page-shell .live-family-shell .bi-pin-angle-fill::before,
.article-page-shell .live-updates-container .bi-pin-angle-fill::before { content: "\f4ea"; }
.article-page-shell .live-family-shell .bi-hand-thumbs-up::before,
.article-page-shell .live-updates-container .bi-hand-thumbs-up::before { content: "\f407"; }
.article-page-shell .live-family-shell .bi-hand-thumbs-up-fill::before,
.article-page-shell .live-updates-container .bi-hand-thumbs-up-fill::before { content: "\f406"; }
.article-page-shell .live-family-shell .bi-hand-thumbs-down::before,
.article-page-shell .live-updates-container .bi-hand-thumbs-down::before { content: "\f405"; }
.article-page-shell .live-family-shell .bi-hand-thumbs-down-fill::before,
.article-page-shell .live-updates-container .bi-hand-thumbs-down-fill::before { content: "\f404"; }
.article-page-shell .live-family-shell .bi-link-45deg::before,
.article-page-shell .live-updates-container .bi-link-45deg::before { content: "\f470"; }
.article-page-shell .live-family-shell .bi-cup-hot::before,
.article-page-shell .live-updates-container .bi-cup-hot::before { content: "\f7eb"; }
.article-page-shell .live-family-shell .bi-camera-fill::before,
.article-page-shell .live-updates-container .bi-camera-fill::before { content: "\f219"; }
.article-page-shell .live-family-shell .bi-pencil-square::before,
.article-page-shell .live-updates-container .bi-pencil-square::before { content: "\f4ca"; }
.article-page-shell .live-update-card .bi-facebook,
.article-page-shell .live-update-card .bi-twitter-x,
.article-page-shell .live-update-card .bi-whatsapp {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    min-width: 1em;
    vertical-align: -0.125em;
}
.article-page-shell .live-update-card .bi-facebook::before,
.article-page-shell .live-update-card .bi-twitter-x::before,
.article-page-shell .live-update-card .bi-whatsapp::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    font-family: inherit !important;
}
.article-page-shell .live-update-card .bi-facebook::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9 15V8.8h2.1l.4-2.5H9V4.7c0-.7.2-1.2 1.2-1.2h1.4V1.3C11.1 1.2 10.5 1 9.6 1 7.8 1 6.6 2.1 6.6 4.1v2.2H4.5v2.5h2.1V15z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9 15V8.8h2.1l.4-2.5H9V4.7c0-.7.2-1.2 1.2-1.2h1.4V1.3C11.1 1.2 10.5 1 9.6 1 7.8 1 6.6 2.1 6.6 4.1v2.2H4.5v2.5h2.1V15z'/%3E%3C/svg%3E");
}
.article-page-shell .live-update-card .bi-twitter-x::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h2.6l3 4.1L11.1 2H14l-5 5.8L14.4 14h-2.6L8.6 9.7 4.9 14H2l5.2-6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h2.6l3 4.1L11.1 2H14l-5 5.8L14.4 14h-2.6L8.6 9.7 4.9 14H2l5.2-6z'/%3E%3C/svg%3E");
}
.article-page-shell .live-update-card .bi-whatsapp::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13.6 2.4A7.4 7.4 0 0 0 1.9 11l-1 3.7L4.7 13A7.4 7.4 0 1 0 13.6 2.4Zm-5.6 11a6 6 0 0 1-3-.8l-.2-.1-2.2.6.6-2.1-.1-.2A6 6 0 1 1 8 13.4Zm3.3-4.4c-.2-.1-1.1-.6-1.3-.6s-.3-.1-.4.1-.5.6-.6.7-.2.1-.4 0a4.8 4.8 0 0 1-1.4-.9 5.4 5.4 0 0 1-1-1.2c-.1-.2 0-.3.1-.4l.3-.3c.1-.1.1-.2.2-.3 0-.1 0-.2 0-.3S6 4.8 5.8 4.4s-.3-.3-.4-.3h-.3c-.1 0-.3 0-.5.2s-.6.6-.6 1.4.6 1.6.7 1.7 1.2 1.8 3 2.6c.4.2.8.3 1 .4.4.1.8.1 1 .1.3 0 1.1-.4 1.2-.8.2-.4.2-.8.1-.8s-.2-.1-.4-.2Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13.6 2.4A7.4 7.4 0 0 0 1.9 11l-1 3.7L4.7 13A7.4 7.4 0 1 0 13.6 2.4Zm-5.6 11a6 6 0 0 1-3-.8l-.2-.1-2.2.6.6-2.1-.1-.2A6 6 0 1 1 8 13.4Zm3.3-4.4c-.2-.1-1.1-.6-1.3-.6s-.3-.1-.4.1-.5.6-.6.7-.2.1-.4 0a4.8 4.8 0 0 1-1.4-.9 5.4 5.4 0 0 1-1-1.2c-.1-.2 0-.3.1-.4l.3-.3c.1-.1.1-.2.2-.3 0-.1 0-.2 0-.3S6 4.8 5.8 4.4s-.3-.3-.4-.3h-.3c-.1 0-.3 0-.5.2s-.6.6-.6 1.4.6 1.6.7 1.7 1.2 1.8 3 2.6c.4.2.8.3 1 .4.4.1.8.1 1 .1.3 0 1.1-.4 1.2-.8.2-.4.2-.8.1-.8s-.2-.1-.4-.2Z'/%3E%3C/svg%3E");
}
.live-hero-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 1.75rem;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.12), transparent 26%),
        linear-gradient(135deg, #334155 0%, #1f2937 55%, #0f172a 100%);
}
.live-hero-placeholder-card {
    max-width: 20rem;
    padding: 1rem 1.1rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
}
.live-hero-placeholder-card .directory-kicker {
    color: rgba(255,255,255,0.72);
}
.longform-hero-image {
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
       object-fit: cover;
}
.longform-hero-card {
    display: grid;
    gap: 1rem;
}
.longform-hero-overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 2rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.78) 100%);
}
.longform-progress-shell {
    padding: 0.75rem 1rem;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    background: #fff;
}
.media-family-hero-image,
.media-family-gallery-thumb {
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
       object-fit: cover;
}
.photo-story-gallery-shell {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.96);
}
.photo-story-gallery-main-image {
    display: block;
}
.photo-story-gallery-caption {
    color: #4b5563;
    line-height: 1.6;
    min-height: 1.5rem;
}
.photo-story-gallery-credit {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b7280;
}
.photo-story-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: 0.75rem;
}
.photo-story-thumb-btn {
    display: block;
    padding: 0.25rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 16px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.photo-story-thumb-btn:hover,
.photo-story-thumb-btn:focus-visible,
.photo-story-thumb-btn.is-active {
    border-color: #111827;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}
.photo-story-thumb-btn img {
    aspect-ratio: 16 / 9;
}
.media-audio-shell audio {
    min-height: 52px;
}
.article-featured-cta-box {
    margin: 0 auto 1.5rem;
    padding: 1.1rem 1.25rem;
    max-width: 760px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: #f7f7f4;
    text-align: center;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
.article-featured-cta-text {
    margin: 0;
    color: #111827;
    font-size: 0.98rem;
    line-height: 1.45;
}
.article-featured-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.78rem 1.25rem;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-weight: 700;
    font-size: 0.98rem;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.article-featured-cta-button:hover,
.article-featured-cta-button:focus {
    color: #111827;
    border-color: rgba(15, 23, 42, 0.28);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1);
    transform: translateY(-1px);
    text-decoration: none;
}
.article-featured-cta-arrow {
    font-size: 1.1em;
    line-height: 1;
}
@media (max-width: 767.98px) {
    .article-featured-cta-box {
        padding: 0.95rem 0.9rem;
        border-radius: 16px;
    }

    .article-featured-cta-text {
        font-size: 0.94rem;
    }

    .article-featured-cta-button {
        width: auto;
        max-width: 100%;
        font-size: 0.94rem;
    }
}
.library-mini-card.is-unread {
    border-color: rgba(13, 110, 253, 0.22);
    background: linear-gradient(180deg, rgba(13, 110, 253, 0.08), rgba(13, 110, 253, 0.02));
}
.notification-type-label {
    font-size: 0.68rem;
    letter-spacing: 0.06em;
}
.footer-dark-bg {
    background-color: #111 !important;
}
.footer-branding-border {
    border-top: 1px solid #333;
}
.footer-logo-bg-dark {
    background-color: #111;
}
.aspect-ratio-1x1 {
    aspect-ratio: 1 / 1;
}
.homepage-visual-story-fallback {
    padding: 2rem 1.5rem;
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.34), transparent 42%),
        linear-gradient(180deg, #f6c15f 0%, #f08a24 40%, #8b1e12 100%);
    color: #fff7ed;
}
.homepage-visual-story-fallback-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.homepage-visual-story-fallback-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin: 1rem 0 0.75rem;
    border: 1px solid rgba(255, 247, 237, 0.45);
    border-radius: 1.5rem;
    background: rgba(17, 24, 39, 0.16);
    box-shadow: 0 18px 34px rgba(17, 24, 39, 0.18);
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1;
}
.homepage-visual-story-fallback-copy {
    max-width: 12rem;
    font-size: 0.92rem;
    line-height: 1.45;
    font-weight: 600;
}
.homepage-visual-story-item.homepage-visual-story-item-featured {
    width: min(760px, 100%) !important;
    max-width: 760px;
    margin-inline: auto;
    flex: 0 1 min(760px, 100%) !important;
}
.homepage-visual-story-media-featured {
    min-height: min(24rem, 60vh);
}
.homepage-visual-story-item-featured .homepage-visual-story-title {
    font-size: 1.45rem !important;
    line-height: 1.12 !important;
    max-width: 18ch;
}
@media (min-width: 1200px) {
    .homepage-site-header--regional .homepage-header-shell {
        width: min(calc(100% - 48px), 1706px) !important;
        max-width: 1706px !important;
        margin-inline: auto !important;
    }

    .homepage-site-header--regional .homepage-utility-shell {
        min-height: 26px !important;
        gap: 0.5rem !important;
    }

    .homepage-site-header--regional .homepage-utility-pill {
        min-height: 20px !important;
        padding-inline: 0.58rem !important;
        font-size: 0.56rem !important;
    }

    .homepage-site-header--regional .homepage-utility-links a,
    .homepage-site-header--regional .homepage-utility-fallback {
        font-size: 0.72rem !important;
        line-height: 1.1 !important;
    }

    .homepage-site-header--regional .homepage-utility-trigger,
    .homepage-site-header--regional .homepage-utility-date span {
        font-size: 0.72rem !important;
        line-height: 1 !important;
    }

    .homepage-site-header--regional .homepage-utility-social a {
        width: 18px !important;
        height: 18px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .homepage-site-header--regional .homepage-social-icon {
        width: 13px !important;
        height: 13px !important;
        flex-basis: 13px !important;
    }

    .homepage-site-header--regional .homepage-branding-row--regional {
        grid-template-columns: 220px minmax(430px, 1fr) 528px !important;
        gap: 24px !important;
        min-height: 132px !important;
        padding-block: 12px !important;
        align-items: center !important;
        position: relative !important;
    }

    .homepage-site-header--regional .homepage-weather-card,
    .homepage-site-header--regional .homepage-header-extras--regional {
        position: relative !important;
        z-index: 2 !important;
    }

    .homepage-site-header--regional .homepage-weather-card {
        grid-column: 1 !important;
    }

    .homepage-site-header--regional .homepage-header-extras--regional {
        grid-column: 3 !important;
    }

    .homepage-site-header--regional .homepage-logo-wrapper--regional {
        position: absolute !important;
        z-index: 1 !important;
        top: 50% !important;
        left: 50% !important;
        width: min(470px, 36vw) !important;
        transform: translate(-50%, -50%) !important;
        pointer-events: none !important;
    }

    .homepage-site-header--regional .homepage-logo-wrapper--regional .homepage-brand-logo {
        width: 100% !important;
    }

    .homepage-site-header--regional .homepage-logo-wrapper--regional .header-logo-img {
        max-height: 78px !important;
        max-width: 100% !important;
        -o-object-fit: contain !important;
           object-fit: contain !important;
    }

    .homepage-site-header--regional .homepage-brand-tagline {
        font-size: 0.78rem !important;
        line-height: 1.1 !important;
    }

    .homepage-site-header--regional .homepage-brand-tagline::before,
    .homepage-site-header--regional .homepage-brand-tagline::after {
        width: 70px !important;
    }

    .homepage-site-header--regional .homepage-weather-card {
        min-height: 76px !important;
        gap: 10px !important;
    }

    .homepage-site-header--regional .homepage-weather-card__icon {
        width: 34px !important;
        height: 34px !important;
        font-size: 24px !important;
    }

    .homepage-site-header--regional .homepage-weather-card__body strong {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    .homepage-site-header--regional .homepage-weather-card__location {
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    .homepage-site-header--regional .homepage-weather-card__body small {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    .homepage-site-header--regional .homepage-header-extras--regional {
        gap: 12px !important;
    }

    .homepage-site-header--regional .homepage-header-cta {
        min-height: 32px !important;
        border-radius: 8px !important;
        font-size: 0.68rem !important;
        letter-spacing: 0.02em !important;
        width: auto !important;
        padding-left: 0.52rem !important;
        padding-right: 0.52rem !important;
    }

    .homepage-site-header--regional .homepage-header-cta-outline {
        min-width: 0 !important;
        width: auto !important;
        max-width: -moz-max-content !important;
        max-width: max-content !important;
        gap: 0.2rem !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        padding-left: 0.72rem !important;
        padding-right: 0.72rem !important;
    }

    .homepage-site-header--regional .homepage-header-cta-primary {
        min-width: 0 !important;
        width: auto !important;
        max-width: -moz-max-content !important;
        max-width: max-content !important;
        padding-left: 0.88rem !important;
        padding-right: 0.88rem !important;
    }

    .homepage-site-header--regional .homepage-header-cta-outline__icon {
        display: none !important;
    }

    .homepage-site-header--regional .homepage-header-cta-outline span {
        white-space: nowrap !important;
        font-size: 0.68rem !important;
        font-weight: 700 !important;
    }

    .homepage-site-header--regional .homepage-navbar--regional {
        gap: 18px !important;
        min-height: 52px !important;
    }

    .homepage-site-header--regional .homepage-nav-home {
        width: 42px !important;
        height: 42px !important;
        border-radius: 6px !important;
    }

    .homepage-site-header--regional .homepage-nav-home i {
        font-size: 1rem !important;
    }

    .homepage-site-header--regional .homepage-navbar .navbar-nav {
        gap: 2px !important;
        min-width: 0 !important;
    }

    .homepage-site-header--regional .homepage-navbar .navbar-nav .nav-link {
        font-size: 1.02rem !important;
        font-weight: 800 !important;
        line-height: 1.05 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-inline: 0.42rem !important;
    }

    .homepage-site-header--regional .homepage-nav-actions {
        min-height: 36px !important;
        gap: 0.28rem !important;
        padding-left: 0.85rem !important;
    }

    .homepage-site-header--regional .homepage-nav-actions .header-notification-trigger,
    .homepage-site-header--regional .homepage-nav-actions .search-toggle {
        height: 34px !important;
        width: 34px !important;
    }

    .homepage-site-header--regional .homepage-nav-actions .search-toggle .bi,
    .homepage-site-header--regional .homepage-nav-actions .header-notification-trigger .bi,
    .homepage-site-header--regional .homepage-account-chip__chevron {
        font-size: 1.45rem !important;
    }

    .homepage-site-header--regional .homepage-account-chip__avatar {
        width: 34px !important;
        height: 34px !important;
        font-size: 0.92rem !important;
    }

    .homepage-site-header--regional .homepage-account-chip__guest-icon {
        font-size: 1.75rem !important;
    }
}
/* 
   LOCKED CORE STYLES - DO NOT EDIT 
   --------------------------------
   This file contains the critical styles for Scroll to Top and Lightbox.
   Header and Footer styles have been UNLOCKED and moved to style.css.
*/
/* --- Scroll to Top Button --- */
.scroll-to-top {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    left: auto !important;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color, #0d6efd);
    color: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 10000; /* Increased z-index to avoid conflicts */
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    transform: translateY(20px);
}
.scroll-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.scroll-to-top:hover {
    background-color: #0b5ed7; /* Darker blue */
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}
.scroll-to-top:active {
    transform: translateY(0);
}
body.has-sticky-video .scroll-to-top {
    right: 360px !important;
    bottom: 24px !important;
}
body:has(.sticky-video-active) .scroll-to-top {
    right: 360px !important;
    bottom: 24px !important;
}
body.has-sticky-video-player .scroll-to-top {
    right: calc(min(360px, calc(100vw - 2rem)) + 2rem) !important;
    bottom: 24px !important;
}
body:has(.article-video-player-shell.video-player-sticky-active) .scroll-to-top {
    right: calc(min(360px, calc(100vw - 2rem)) + 2rem) !important;
    bottom: 24px !important;
}
@media (max-width: 767.98px) {
    body.has-sticky-video .scroll-to-top,
    body.has-sticky-video-player .scroll-to-top,
    body:has(.sticky-video-active) .scroll-to-top,
    body:has(.article-video-player-shell.video-player-sticky-active) .scroll-to-top {
        right: 16px !important;
        bottom: 152px !important;
    }
}
/* --- Lightbox Styles (Linked to Layout Z-Index) --- */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 10005; /* Bumped above Scroll to Top (10000) */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
}
.lightbox-overlay.active {
    opacity: 1;
    visibility: visible;
}
.lightbox-image {
    max-width: 95%;
    max-height: 95vh;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0,0,0,0.8);
    transform: scale(0.95);
    transition: transform 0.3s ease;
}
.lightbox-overlay.active .lightbox-image {
    transform: scale(1);
}
.lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    background: none;
    border: none;
    color: white;
    font-size: 3rem;
    line-height: 1;
    cursor: pointer;
    z-index: 10006; /* Bumped to be above overlay */
    padding: 10px;
    transition: color 0.2s ease;
    font-family: sans-serif;
    font-weight: 100;
}
.lightbox-close:hover {
    color: #ffc107;
    transform: scale(1.1);
}
/* Homepage Specific Styles */
/* Layout & Spacing */
.negative-margin-top-60 {
    margin-top: -60px;
}
.w-85px {
    width: 85px;
}
.w-120px {
    width: 120px;
}
.mt-n80px {
    margin-top: -80px;
}
.z-10 {
    z-index: 10;
}
.mt-n3 {
    margin-top: -1rem;
}
.ws-gradient-overlay {
    background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0));
}
/* Web Stories & Shorts */
.web-story-item {
    scroll-snap-align: start;
    width: 45%;
}
@media (min-width: 768px) {
    .web-story-item {
        width: 23%; /* Tablet/Desktop: 4 items visible with gap */
    }
}
.web-story-item:hover img {
    transform: scale(1.05);
}
.ratio-9x16 {
    --bs-aspect-ratio: 177.77%;
}
.bg-gradient-to-t-black {
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.letter-spacing-1 {
    letter-spacing: 1px;
}
.font-serif {
    font-family: "Noto Sans Devanagari", sans-serif;
}
/* Phone Mockup */
/* Reduce gap above bottom bar and indicator */
/* Shorts App Header inside phone */
.shorts-brand-badge {
    background: linear-gradient(180deg, #ffffff 0%, #ffffffcc 100%);
    border: 1px solid #eee;
    padding: 6px 18px !important; /* Extra space left-right */
    gap: 8px; /* Space between brand and tail */
    line-height: 1;
}
.shorts-brand-icon {
    height: 16px;
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
}
@media (max-width: 991.98px) {
    .shorts-brand-badge { padding: 5px 14px !important; gap: 6px; }
    .shorts-brand-icon { height: 14px; }
}
.series-strip {
    background: linear-gradient(90deg, #f5f5f5 0%, #ffffff 55%, #f5f5f5 100%);
    border-radius: 8px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
/* Override: Adjust utility height for homepage layout */
.h-100 {
    height: 100% !important;
}
/* Font Sizes */
.fs-12px { font-size: 12px; }
.fs-13px { font-size: 13px; }
.fs-15px { font-size: 15px; }
.fs-05rem { font-size: 0.5rem; }
.fs-065rem {
    font-size: 0.65rem !important;
}
.fs-075rem {
    font-size: 0.75rem !important;
}
.fs-085rem { font-size: 0.85rem; }
/* Line Heights */
/* Live Updates Timeline */
.live-updates-ml { margin-left: 5px; }
.live-updates-border {
    border-color: #d1d1d1 !important;
    left: 4px;
}
.live-update-dot {
    width: 10px;
    height: 10px;
    left: 4px;
    margin-top: 8px;
    border-color: #f58e08 !important;
}
/* Sizing */
.w-10px { width: 10px; }
.h-10px { height: 10px; }
.w-40px { width: 40px; }
.h-40px { height: 40px; }
.w-50px { width: 50px !important; }
.h-50px { height: 50px !important; }
.w-60px { width: 60px; }
.h-60px { height: 60px; }
.w-85px { width: 85px; }
.w-140px { width: 140px; }
.h-200px { height: 200px; }
.max-w-50px { max-width: 50px; }
.max-h-50px { max-height: 50px; }
/* Misc Utilities */
.bg-gradient-dark-bottom {
    background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0));
}
.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.white-space-nowrap { white-space: nowrap; }
.ratio-1x1 {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
}
.ratio-16x9 {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
       object-fit: cover;
}
.object-fit-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
.object-fit-cover-center {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
/* Feature Helpers */
.min-h-150px { min-height: 150px; }
.min-h-200px { min-height: 200px; }
.min-h-300px { min-height: 300px; }
.top-20px { top: 20px; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.w-32px { width: 32px; }
.h-32px { height: 32px; }
/* Effects */
.bg-gradient-dark-transparent {
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
}
.backdrop-blur {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.opacity-75 { opacity: 0.75; }
.hover-opacity:hover { opacity: 0.8; transition: opacity 0.2s; }
/* Typography */
:root {
    --font-serif-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
}
/* Layout Helpers */
.negative-margin-top-60 { margin-top: -60px; }
.mt-n80px { margin-top: -80px; }
.mt-n3 { margin-top: -1rem !important; }
.z-10 { z-index: 10; }
.border-dotted-black { border-bottom: 1px dotted #000; }
.live-updates-ml { margin-left: 0.5rem; }
.live-updates-border { border-left: 2px solid #dee2e6; }
.live-update-dot { width: 10px; height: 10px; }
.white-space-nowrap { white-space: nowrap; }
.hover-shadow:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px);
}
/* Phase 3 newsroom homepage */
:root {
    --nr-ink: #111317;
    --nr-muted: #5f6670;
    --nr-rule: #d9dde3;
    --nr-soft: #f6f4ef;
    --nr-paper: #ffffff;
    --nr-accent: #b20d18;
    --nr-accent-dark: #7f0710;
    --nr-blue: #173f77;
    --nr-gutter: clamp(16px, 2vw, 28px);
    --nr-serif: Georgia, "Times New Roman", "Noto Serif Devanagari", serif;
    --nr-sans: "Noto Sans Devanagari", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.nr-homepage {
    background: var(--nr-paper);
    color: var(--nr-ink);
    font-family: var(--nr-sans);
}
.nr-shell {
    width: min(100% - 32px, 1220px);
    margin-inline: auto;
}
.nr-breaking {
    border-block: 1px solid var(--nr-rule);
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(17, 19, 23, 0.04);
}
.nr-breaking__inner {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 62px;
    padding-block: 10px;
    overflow: hidden;
}
.nr-breaking__label,
.nr-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 12px;
    background: var(--nr-accent);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
}
.nr-breaking__items {
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
.nr-breaking__items a {
    position: relative;
    color: var(--nr-ink);
    text-decoration: none;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    padding-right: 20px;
    margin-right: 20px;
}
.nr-breaking__items a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--nr-accent);
    transform: translateY(-50%);
}
.nr-breaking__items a:hover,
.nr-card__title a:hover,
.nr-latest a:hover,
.nr-opinion a:hover,
.nr-topic:hover strong {
    color: var(--nr-accent);
}
/* Lead card has the accent colour as its body background — using the same
   colour for hover text would make headings invisible (red on red). Use
   white with an underline so the affordance is preserved on the dark
   accent background. Same fix for any other card variant that uses the
   accent as background. */
.nr-card--lead .nr-card__title a:hover,
.nr-card--lead .nr-card__body a:hover {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.nr-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(260px, 0.68fr) minmax(280px, 0.62fr);
    gap: clamp(22px, 2.2vw, 34px);
    align-items: start;
    padding-block: 28px 30px;
}
.nr-hero__lead,
.nr-hero__secondary,
.nr-latest {
    min-width: 0;
}
.nr-hero__secondary {
    display: grid;
    gap: 14px;
    align-content: start;
}
.nr-card {
    min-width: 0;
}
.nr-card__media {
    display: block;
    overflow: hidden;
    background: #eceff3;
    color: transparent;
}
.nr-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.nr-card--lead .nr-card__media {
    aspect-ratio: 16 / 9;
}
.nr-card--lead .nr-card__body {
    background: var(--nr-accent);
    color: #fff;
    padding: 20px 22px 22px;
}
.nr-card--lead .nr-meta,
.nr-card--lead .nr-card__deck {
    color: rgba(255,255,255,.82);
}
.nr-card--lead .nr-meta__section {
    color: #fff;
}
.nr-card--secondary {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--nr-rule);
}
.nr-card--secondary .nr-card__media {
    aspect-ratio: 4 / 3;
}
.nr-second-lead {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--nr-rule);
}
.nr-card--lead-secondary {
    display: grid;
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}
.nr-card--lead-secondary .nr-card__media {
    aspect-ratio: 4 / 3;
}
.nr-card--lead-secondary .nr-card__title {
    font-size: clamp(1.02rem, 1.28vw, 1.28rem);
    line-height: 1.18;
}
.nr-card--pick .nr-card__media,
.nr-card--section-lead .nr-card__media,
.nr-card--media .nr-card__media {
    aspect-ratio: 16 / 9;
    margin-bottom: 10px;
}
.nr-card--utility,
.nr-card--list {
    padding-block: 12px;
    border-top: 1px solid var(--nr-rule);
}
.nr-card__title {
    margin: 0;
    font-family: var(--nr-sans);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
}
.nr-card__title a,
.nr-latest a,
.nr-opinion a,
.nr-topic {
    color: inherit;
    text-decoration: none;
}
.nr-card--lead .nr-card__title {
    font-size: clamp(1.65rem, 2.45vw, 2.35rem);
    line-height: 1.16;
    color: #fff;
}
.nr-card--secondary .nr-card__title {
    font-size: clamp(0.96rem, 1.08vw, 1.1rem);
    line-height: 1.18;
}
.nr-card--pick .nr-card__title,
.nr-card--section-lead .nr-card__title,
.nr-card--media .nr-card__title {
    font-size: clamp(1.05rem, 1.28vw, 1.25rem);
    line-height: 1.2;
}
.nr-card--pick .nr-card__title {
    font-size: clamp(1.05rem, 1.22vw, 1.22rem);
    line-height: 1.18;
    font-weight: 800;
}
.nr-card--list .nr-card__title,
.nr-card--utility .nr-card__title {
    font-size: 0.96rem;
    line-height: 1.2;
}
.nr-card__deck {
    margin: 10px 0 0;
    color: var(--nr-muted);
    font-size: clamp(0.98rem, 1.25vw, 1.1rem);
    line-height: 1.55;
}
.nr-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: var(--nr-muted);
    font-size: 0.72rem;
    line-height: 1.2;
}
.nr-meta__section {
    color: var(--nr-accent);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.nr-meta__byline {
    min-width: 0;
    color: var(--nr-muted);
    font-weight: 700;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}
.nr-badge {
    min-height: 18px;
    padding-inline: 6px;
    background: var(--nr-blue);
    font-size: 0.64rem;
}
.nr-latest {
    padding-left: 0;
}
.nr-live-updates {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--nr-rule);
}
.nr-live-updates__heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--nr-accent);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.nr-live-updates__heading span {
    width: 10px;
    height: 10px;
    border: 2px solid var(--nr-accent);
    border-radius: 999px;
}
.nr-live-updates ol {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.nr-live-updates li {
    display: grid;
    grid-template-columns: 76px minmax(0,1fr);
    gap: 8px;
    font-size: .9rem;
    line-height: 1.35;
}
.nr-live-updates time {
    color: var(--nr-muted);
    font-size: .78rem;
}
.nr-live-updates a {
    color: inherit;
    text-decoration: none;
}
.nr-block-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    border-bottom: 2px solid var(--nr-ink);
}
.nr-block-head h2 {
    margin: 0;
    font-family: var(--nr-serif);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 900;
}
.nr-block-head span {
    margin-bottom: 5px;
    color: var(--nr-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.nr-block-head--compact {
    margin-bottom: 8px;
}
.nr-latest__list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.nr-latest__list li {
    position: relative;
    padding: 11px 0 11px 14px;
    border-bottom: 1px solid var(--nr-rule);
}
.nr-latest__list li:first-child {
    padding-top: 0;
}
.nr-latest__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 17px;
    width: 7px;
    height: 7px;
    border: 2px solid var(--nr-accent);
    border-radius: 999px;
}
.nr-latest__list li:first-child::before {
    top: 6px;
}
.nr-latest__list a {
    display: block;
    font-family: var(--nr-sans);
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.2;
}
.nr-band,
.nr-media-band,
.nr-utility-band,
.nr-topics {
    padding-block: 30px;
}
.nr-picks {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}
.nr-section-grid,
.nr-section-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px var(--nr-gutter);
    padding-block: 8px 34px;
}
.nr-section-package {
    min-width: 0;
    padding-top: 22px;
    border-top: 1px solid var(--nr-rule);
}
.nr-section-package__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(180px, 0.95fr);
    gap: 18px;
}
.nr-section-package__list {
    display: grid;
    align-content: start;
}
.nr-analysis-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: var(--nr-gutter);
    padding-block: 28px;
    border-top: 2px solid var(--nr-ink);
}
.nr-opinion {
    background: var(--nr-soft);
    padding: 18px;
}
.nr-opinion__item {
    padding-block: 14px;
    border-top: 1px solid rgba(17, 19, 23, 0.15);
}
.nr-opinion__item h3 {
    margin: 0;
    font-family: var(--nr-serif);
    font-size: 1.16rem;
    line-height: 1.18;
    font-weight: 900;
}
.nr-opinion__item p {
    margin: 7px 0 0;
    color: var(--nr-muted);
    font-size: 0.86rem;
}
.nr-media-band {
    width: 100%;
    max-width: none;
    background: #111317;
    color: #fff;
}
.nr-media-band.nr-shell {
    width: 100%;
    padding-inline: max(16px, calc((100vw - 1220px) / 2));
}
.nr-block-head--inverse {
    border-color: rgba(255, 255, 255, 0.35);
}
.nr-block-head--inverse span {
    color: rgba(255, 255, 255, 0.72);
}
.nr-media-band__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.nr-card--media .nr-card__media {
    background: #2b3038;
}
.nr-utility-band {
    display: grid;
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
    gap: var(--nr-gutter);
    border-bottom: 1px solid var(--nr-rule);
}
.nr-utility-band__panel {
    background: var(--nr-soft);
    padding: 22px;
    border-left: 4px solid var(--nr-accent);
}
.nr-utility-band__newsletter {
    padding: 22px;
    border: 1px solid var(--nr-rule);
}
.nr-utility-band__eyebrow {
    margin-bottom: 8px;
    color: var(--nr-accent);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.nr-utility-band__panel h2,
.nr-utility-band__newsletter h2 {
    margin: 0 0 10px;
    font-family: var(--nr-serif);
    font-size: 1.75rem;
    font-weight: 900;
}
.nr-utility-band__panel p,
.nr-utility-band__newsletter p {
    color: var(--nr-muted);
    line-height: 1.5;
}
.nr-utility-band__cover {
    display: block;
    max-width: 220px;
    aspect-ratio: 3 / 4;
    margin: 12px 0 16px;
    overflow: hidden;
    background: #e8eaee;
}
.nr-utility-band__cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.nr-button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    padding: 0 14px;
    background: var(--nr-ink);
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}
.nr-utility-band__stories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 14px;
}
.nr-newsletter-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin-top: 16px;
}
.nr-newsletter-form input,
.nr-newsletter-form button {
    min-height: 44px;
    border: 1px solid var(--nr-rule);
}
.nr-newsletter-form input {
    padding-inline: 12px;
}
.nr-newsletter-form button {
    padding-inline: 14px;
    background: var(--nr-accent);
    color: #fff;
    font-weight: 900;
}
.nr-utility-link {
    display: inline-block;
    margin-top: 12px;
    color: var(--nr-blue);
    font-weight: 800;
    text-decoration: none;
}
.nr-topics__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.nr-topic {
    display: grid;
    gap: 8px;
    min-height: 118px;
    padding: 16px;
    border: 1px solid var(--nr-rule);
    background: #fff;
}
.nr-topic span {
    color: var(--nr-accent);
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.nr-topic strong {
    font-family: var(--nr-serif);
    font-size: 1.05rem;
    line-height: 1.18;
}
@media (max-width: 1100px) {
    .nr-hero {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
    }

    .nr-latest {
        grid-column: 1 / -1;
        border-top: 1px solid var(--nr-rule);
        padding-left: 0;
        padding-top: 16px;
    }

    .nr-latest__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        -moz-column-gap: 20px;
             column-gap: 20px;
    }

    .nr-picks,
    .nr-media-band__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .nr-shell {
        width: min(100% - 24px, 1220px);
    }

    .nr-breaking__inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        min-height: 0;
        padding-block: 12px;
    }

    .nr-breaking__label {
        min-height: 30px;
        font-size: 0.76rem;
    }

    .nr-breaking__items {
        width: 100%;
    }

    .nr-breaking__items a {
        font-size: 0.95rem;
        padding-right: 16px;
        margin-right: 16px;
    }

    .nr-hero,
    .nr-section-grid,
    .nr-section-pair,
    .nr-analysis-grid,
    .nr-utility-band {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .nr-hero {
        padding-top: 22px;
        padding-bottom: 26px;
    }

    .nr-hero__secondary {
        order: 2;
    }

    .nr-latest {
        order: 3;
    }

    .nr-card--lead .nr-card__title {
        font-size: clamp(1.8rem, 9vw, 2.6rem);
    }

    .nr-card--secondary {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .nr-card--lead-secondary {
        grid-template-columns: 112px minmax(0, 1fr);
    }

    .nr-latest__list,
    .nr-picks,
    .nr-section-package__grid,
    .nr-media-band__grid,
    .nr-utility-band__stories,
    .nr-topics__grid {
        grid-template-columns: 1fr;
    }

    .nr-section-package {
        padding-top: 18px;
    }

    .nr-block-head {
        align-items: start;
        flex-direction: column;
        gap: 2px;
    }

    .nr-media-band.nr-shell {
        padding-inline: 12px;
    }
}
.nr-format-grid,
.nr-portrait-strip,
.nr-zodiac-grid,
.nr-video-gallery,
.nr-photo-gallery {
    margin-block: 28px;
}
.nr-format-grid__items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.nr-format-grid--count-1 .nr-format-grid__items {
    grid-template-columns: minmax(0, 420px);
}
.nr-format-grid--grid_4 .nr-format-grid__items,
.nr-format-grid--image_grid .nr-format-grid__items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.nr-portrait-strip__track {
    display: grid;
    grid-auto-columns: minmax(170px, 210px);
    grid-auto-flow: column;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
}
.nr-portrait-strip--count-1 .nr-portrait-strip__track {
    grid-auto-columns: minmax(180px, 240px);
}
.nr-portrait-card,
.nr-video-card,
.nr-gallery-card,
.nr-recipe-card,
.nr-review-card,
.nr-infographic-card,
.nr-opinion-card {
    background: #fff;
    border: 1px solid var(--nr-rule, #dedede);
    border-radius: 8px;
    overflow: hidden;
}
.nr-portrait-card {
    min-height: 318px;
    scroll-snap-align: start;
}
.nr-portrait-strip--count-1 .nr-portrait-card {
    min-height: 0;
}
.nr-portrait-card__media {
    aspect-ratio: 9 / 16;
}
.nr-portrait-strip--count-1 .nr-portrait-card__media {
    aspect-ratio: 9 / 14;
}
.nr-video-card__media,
.nr-gallery-card__media,
.nr-recipe-card__media,
.nr-review-card__media,
.nr-infographic-card__media,
.nr-opinion-card__media,
.nr-portrait-card__media {
    display: block;
    overflow: hidden;
    position: relative;
}
.nr-video-card__media--fallback,
.nr-gallery-card__media--fallback,
.nr-recipe-card__media--fallback,
.nr-review-card__media--fallback,
.nr-infographic-card__media--fallback,
.nr-opinion-card__media--fallback,
.nr-portrait-card__media--fallback {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(31, 95, 139, .16), rgba(155, 28, 28, .10)),
        repeating-linear-gradient(45deg, rgba(17, 24, 39, .055) 0 1px, transparent 1px 13px),
        #f8f6ef;
    display: flex;
    justify-content: center;
}
.nr-portrait-card__media--fallback {
    background:
        linear-gradient(160deg, rgba(17, 24, 39, .92), rgba(88, 28, 28, .74)),
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 30%);
}
.nr-infographic-card__media--fallback {
    background:
        linear-gradient(135deg, rgba(31,95,139,.20), rgba(20,83,45,.10)),
        linear-gradient(90deg, transparent 0 20%, rgba(31,95,139,.10) 20% 24%, transparent 24% 48%, rgba(155,28,28,.10) 48% 52%, transparent 52%);
}
.nr-gallery-card__media--fallback {
    background:
        linear-gradient(135deg, rgba(111, 66, 193, .14), rgba(17, 24, 39, .08)),
        #faf8f3;
}
.nr-recipe-card__media--fallback {
    background:
        linear-gradient(135deg, rgba(20,83,45,.14), rgba(202,138,4,.14)),
        #fffdf7;
}
.nr-media-fallback {
    align-items: center;
    color: #202734;
    display: grid;
    gap: 8px;
    justify-items: center;
    padding: 18px;
    text-align: center;
}
.nr-media-fallback,
.nr-media-fallback * {
    text-decoration: none;
}
.nr-portrait-card__media--fallback .nr-media-fallback {
    color: #fff;
}
.nr-media-fallback__icon {
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
    min-width: 68px;
    padding: 9px 12px;
}
.nr-media-fallback__label {
    font-family: var(--nr-serif, Georgia, serif);
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.1;
}
.nr-video-card__media,
.nr-gallery-card__media,
.nr-recipe-card__media,
.nr-review-card__media,
.nr-infographic-card__media,
.nr-opinion-card__media {
    aspect-ratio: 16 / 9;
}
.nr-video-card__media img,
.nr-gallery-card__media img,
.nr-recipe-card__media img,
.nr-review-card__media img,
.nr-infographic-card__media img,
.nr-opinion-card__media img,
.nr-portrait-card__media img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}
.nr-video-card__body,
.nr-gallery-card__body,
.nr-recipe-card__body,
.nr-review-card__body,
.nr-infographic-card__body,
.nr-opinion-card__body,
.nr-portrait-card__body {
    padding: 12px;
}
.nr-portrait-card__body {
    background: #11151d;
    color: #fff;
}
.nr-portrait-card__body a {
    color: #fff;
}
.nr-portrait-card__body small,
.nr-portrait-card__body p {
    color: rgba(255,255,255,.72);
}
.nr-video-card__body h3,
.nr-gallery-card__body h3,
.nr-recipe-card__body h3,
.nr-review-card__body h3,
.nr-infographic-card__body h3,
.nr-opinion-card__body h3,
.nr-portrait-card__body h3 {
    font-family: var(--nr-serif, Georgia, serif);
    font-size: 1.05rem;
    line-height: 1.16;
    margin: 6px 0;
}
.nr-video-card__body h3 a,
.nr-gallery-card__body h3 a,
.nr-recipe-card__body h3 a,
.nr-review-card__body h3 a,
.nr-infographic-card__body h3 a,
.nr-opinion-card__body h3 a,
.nr-portrait-card__body h3 a {
    color: inherit;
    text-decoration: none;
}
.nr-video-card__body h3 a:hover,
.nr-gallery-card__body h3 a:hover,
.nr-recipe-card__body h3 a:hover,
.nr-review-card__body h3 a:hover,
.nr-infographic-card__body h3 a:hover,
.nr-opinion-card__body h3 a:hover,
.nr-portrait-card__body h3 a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.nr-video-card__body p,
.nr-gallery-card__body p,
.nr-recipe-card__body p,
.nr-review-card__body p,
.nr-infographic-card__body p,
.nr-opinion-card__body p {
    color: #5f6470;
    font-size: .9rem;
    line-height: 1.42;
    margin: 6px 0 0;
}
.nr-format-label {
    color: #9b1c1c;
    display: inline-block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}
.nr-play {
    align-items: center;
    background: rgba(0, 0, 0, .72);
    border-radius: 999px;
    bottom: 10px;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: 10px;
    width: 38px;
}
.nr-play::before {
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
    border-top: 8px solid transparent;
    content: "";
    margin-left: 3px;
}
.nr-media-band .nr-video-card,
.nr-media-band .nr-video-card__body {
    background: #11151d;
    border-color: rgba(255,255,255,.12);
    color: #fff;
}
.nr-media-band .nr-video-card__body p,
.nr-media-band .nr-video-card__body small {
    color: rgba(255,255,255,.72);
}
.nr-video-gallery {
    background: #11151d;
    border: 1px solid rgba(255,255,255,.10);
    color: #fff;
    padding-block: 22px;
}
.nr-video-gallery__grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
}
.nr-video-gallery__support {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}
.nr-video-gallery--video_gallery_grid .nr-video-gallery__grid,
.nr-video-gallery--count-1 .nr-video-gallery__grid {
    grid-template-columns: 1fr;
}
.nr-video-gallery--count-1 .nr-video-gallery__lead {
    max-width: 560px;
}
.nr-video-gallery .nr-video-card,
.nr-video-gallery .nr-video-card__body {
    background: #171c26;
    border-color: rgba(255,255,255,.12);
    color: #fff;
}
.nr-video-gallery .nr-video-card__body h3 {
    font-size: 1rem;
}
.nr-video-gallery__lead .nr-video-card__body h3 {
    font-size: clamp(1.35rem, 2.1vw, 2rem);
}
.nr-video-gallery .nr-video-card__body p,
.nr-video-gallery .nr-video-card__body small {
    color: rgba(255,255,255,.72);
}
.nr-video-gallery__support .nr-video-card {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
}
.nr-video-gallery__support .nr-video-card__media {
    height: 100%;
}
.nr-photo-gallery__grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
}
.nr-photo-gallery__support {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nr-photo-gallery--photo_gallery_grid .nr-photo-gallery__grid,
.nr-photo-gallery--count-1 .nr-photo-gallery__grid {
    grid-template-columns: 1fr;
}
.nr-photo-gallery--count-1 .nr-photo-gallery__lead {
    max-width: 380px;
}
.nr-photo-gallery__lead .nr-gallery-card__media {
    aspect-ratio: 4 / 3;
}
.nr-photo-gallery--count-1 .nr-photo-gallery__lead .nr-gallery-card__media {
    aspect-ratio: 16 / 9;
}
.nr-photo-gallery__support .nr-gallery-card__media,
.nr-format-grid--count-1 .nr-gallery-card__media,
.nr-format-grid--count-1 .nr-infographic-card__media {
    aspect-ratio: 16 / 10;
}
.nr-photo-gallery__lead .nr-gallery-card__body h3 {
    font-size: clamp(1.25rem, 1.8vw, 1.75rem);
}
.nr-gallery-card__media--fallback,
.nr-infographic-card__media--fallback {
    min-height: 0;
}
.nr-format-grid--count-1 .nr-infographic-card,
.nr-format-grid--count-1 .nr-gallery-card,
.nr-format-grid--count-1 .nr-recipe-card {
    max-width: 420px;
}
.nr-recipe-card {
    background: #fffdf7;
}
.nr-recipe-card .nr-format-label {
    color: #166534;
}
.nr-infographic-card {
    border-left: 4px solid #1f5f8b;
}
.nr-infographic-card .nr-format-label {
    color: #1f5f8b;
}
.nr-review-card {
    border-top: 4px solid #111827;
}
.nr-opinion-card {
    background: #fafafa;
}
.nr-zodiac-grid__items {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}
.nr-horoscope-card {
    background: #fff;
    border: 1px solid var(--nr-rule, #dedede);
    border-radius: 8px;
    min-height: 144px;
    padding: 12px;
}
.nr-horoscope-card__link {
    align-items: center;
    color: inherit;
    display: flex;
    gap: 10px;
    text-decoration: none;
}
.nr-horoscope-card__link img {
    flex: 0 0 56px;
    height: 56px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 56px;
}
.nr-horoscope-card strong {
    display: block;
    font-family: var(--nr-serif, Georgia, serif);
    font-size: 1rem;
    line-height: 1.1;
}
.nr-horoscope-card small {
    color: #68707d;
    display: block;
    font-size: .76rem;
    margin-top: 3px;
}
.nr-horoscope-card p {
    color: #454b57;
    display: -webkit-box;
    font-size: .86rem;
    line-height: 1.36;
    margin: 10px 0 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 980px) {
    .nr-format-grid__items,
    .nr-format-grid--grid_4 .nr-format-grid__items,
    .nr-format-grid--image_grid .nr-format-grid__items,
    .nr-video-gallery__grid,
    .nr-photo-gallery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nr-video-gallery__support .nr-video-card {
        grid-template-columns: 1fr;
    }

    .nr-zodiac-grid__items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 560px) {
    .nr-format-grid__items,
    .nr-format-grid--grid_4 .nr-format-grid__items,
    .nr-format-grid--image_grid .nr-format-grid__items,
    .nr-video-gallery__grid,
    .nr-photo-gallery__grid,
    .nr-photo-gallery__support {
        grid-template-columns: 1fr;
    }

    .nr-zodiac-grid__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nr-zodiac-grid--compact .nr-zodiac-grid__items {
        display: grid;
        grid-auto-columns: minmax(210px, 78vw);
        grid-auto-flow: column;
        grid-template-columns: none;
        overflow-x: auto;
        padding-bottom: 8px;
        scroll-snap-type: x mandatory;
    }

    .nr-horoscope-card {
        min-height: 128px;
    }
}
.transition-all {
    transition: all 0.3s ease;
}
/* Feature Hero */
.z-2 { z-index: 2; }
.feature-hero-gradient {
    background: linear-gradient(90deg, #000 0%, rgba(0,0,0,0.9) 22%, transparent 45%),
                linear-gradient(270deg, #000 0%, rgba(0,0,0,0.9) 22%, transparent 45%);
}
.feature-icon-box {
    min-width: 28px;
    height: 28px;
    padding: 0 4px;
    font-family: serif;
    border-radius: 2px;
}
.font-serif-1-1rem {
    font-family: serif;
    font-size: 1.1rem;
}
.font-serif-hero-title {
    font-family: serif;
    line-height: 1.15;
    font-size: 2.5rem;
}
.letter-spacing-1px {
    letter-spacing: 1px;
}
.hover-opacity:hover { opacity: 0.9; }
.group-hover:hover .transition-transform { transform: translateX(5px); }
/* Borders */
.border-dashed-y-4 {
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    height: 4px;
}
.border-dotted-bottom {
    border-bottom-style: dotted !important;
    border-bottom-width: 2px !important;
    border-color: #e0e0e0 !important;
}
.border-dotted-black {
    border-bottom: 1px dotted #000;
}
.alert-border-dashed {
    border-style: dashed !important;
}
/* Colors */
.hover-bg-gray:hover {
    background-color: #e9ecef !important;
}
.transition-transform {
    transition: transform 0.3s ease;
}
.hover-brand:hover {
    color: var(--bs-primary) !important;
}
.pagination-dot {
    width: 8px; 
    height: 8px;
}
/* Animations */
/* Missing Utility Classes for Hardcoded Styles */
.top-20px { top: 20px !important; }
.z-index-10 { z-index: 10 !important; }
.mt-n80px { margin-top: -80px !important; }
.w-30px { width: 30px !important; }
.h-30px { height: 30px !important; }
.left-n15px { left: -15px !important; }
.ls-1px { letter-spacing: 1px !important; }
.ml-5px { margin-left: 5px !important; }
.border-bottom-dotted { border-bottom: 1px dotted #000 !important; }
.line-height-1-3 { line-height: 1.3 !important; }
.font-size-1-1rem { font-size: 1.1rem !important; }
.font-size-1rem { font-size: 1rem !important; }
.font-size-0-8rem { font-size: 0.8rem !important; }
/* New Utility Classes Added */
.w-auto { width: auto !important; }
.h-28px { height: 28px !important; }
.w-05rem { width: 0.5rem !important; }
.h-05rem { height: 0.5rem !important; }
.w-85 { width: 85% !important; }
.max-w-350px { max-width: 350px !important; }
.px-10px { padding-left: 10px !important; padding-right: 10px !important; }
.py-2px { padding-top: 2px !important; padding-bottom: 2px !important; }
/* Image Hover Zoom Effect */
.img-hover-zoom {
    overflow: hidden;
    display: block;
}
.img-hover-zoom img {
    transition: transform 0.5s ease;
}
.img-hover-zoom:hover img {
    transform: scale(1.05);
}
/* Web Story & Visual Story Overrides */
.ws-track-combined {
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.ws-track-combined::-webkit-scrollbar {
    display: none;
}
/* Phone Mockup Utilities */
.phone-mockup-border {
    border: 10px solid #1a1a1a;
    border-radius: 35px;
}
.phone-status-gradient {
    background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0));
}
.phone-btn {
    position: absolute;
    background-color: #212529;
    border-radius: 0.25rem 0 0 0.25rem;
}
.phone-btn-right {
    position: absolute;
    background-color: #212529;
    border-radius: 0 0.25rem 0.25rem 0;
}
.phone-btn-vol-up {
    width: 3px; height: 50px; top: 120px; left: -3px;
}
.phone-btn-vol-down {
    width: 3px; height: 50px; top: 180px; left: -3px;
}
.phone-btn-power {
    width: 3px; height: 70px; top: 110px; right: -3px;
}
.phone-notch {
    width: 100px; height: 26px;
}
.phone-speaker {
    width: 30px; height: 6px; border: 1px solid #333;
}
.phone-camera {
    width: 8px; height: 8px; border: 1px solid #333;
}
.phone-home-indicator {
    width: 120px; height: 5px; opacity: 0.2;
}
/* Typography Utilities */
.ls-0px { letter-spacing: 0px; }
.lh-1-4 { line-height: 1.4; }
.form-control,
.form-select {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #111827;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
}
.form-select-sm {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    font-size: 0.875rem;
}
.form-label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: #fff;
    border: 1px solid #ced4da;
}
.dropdown-item-text {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    color: #111827;
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
    border: 0;
}
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: #111827;
    visibility: hidden;
    background: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: min(85vw, 400px);
    border-right: 1px solid rgba(17, 24, 39, 0.08);
    transform: translateX(-100%);
}
.offcanvas.show {
    visibility: visible;
    transform: none;
}
.offcanvas-backdrop,
.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(17, 24, 39, 0.45);
}
.offcanvas-header,
.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}
.offcanvas-body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto;
}
.modal {
    position: fixed;
    inset: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: rgba(17, 24, 39, 0.5);
}
.modal.show {
    display: block;
}
.fade {
    transition: opacity 0.15s linear;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 1rem;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 2rem);
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border-radius: 1rem;
    box-shadow: var(--bs-box-shadow-lg);
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.btn-close {
    background: transparent;
    border: 0;
    padding: 0.25rem;
    cursor: pointer;
}
.btn-close::before {
    content: "×";
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
}
.newsletter-signup,
.trust-panel,
.related-videos,
.recommended-stories,
.comments-section,
.ntcms-footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 640px;
}
.recommended-stories-inline ul,
.recommended-stories-inline li {
    list-style: none !important;
    padding-left: 0;
}
.newsletter-signup,
.article-author-card,
.related-videos,
.comments-section,
.trust-panel {
    border-radius: 22px;
}
.newsletter-signup,
.related-videos,
.comments-section,
.trust-panel,
.article-author-card,
.topic-package-card,
.reader-pulse-card {
    margin-top: 2.25rem;
}
.article-author-card,
.related-videos,
.comments-section,
.trust-panel,
.topic-package-card,
.reader-pulse-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
}
.related-videos,
.comments-section,
.trust-panel,
.topic-package-card,
.reader-pulse-card {
    padding: 1.25rem;
}
.article-author-card {
    border: 1px solid rgba(15, 23, 42, 0.06);
}
.article-author-card .author-bio-text {
    line-height: 1.7;
    max-width: 44rem;
}
.article-author-card h4 {
    font-size: 1.15rem;
}
.article-tag-strip {
    padding-top: 0.25rem;
}
.article-tag-strip .badge {
    border-radius: 999px;
    padding: 0.5rem 0.85rem !important;
}
.comments-section {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 1.5rem;
}
.bi-twitter::before,
.bi-linkedin::before,
.bi-instagram::before,
.bi-youtube::before,
.bi-whatsapp::before,
.bi-send::before,
.bi-clipboard::before,
.bi-bookmark-heart::before,
.bi-image::before,
.bi-images::before,
.bi-film::before,
.bi-journal-text::before,
.bi-check2-circle::before,
.bi-collection::before,
.bi-cup-hot::before,
.bi-envelope::before,
.bi-volume-mute-fill::before {
    background-color: currentColor;
}
.bi-twitter { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M14.5 4.1c-.5.2-1 .4-1.6.4.6-.4 1-1 1.2-1.7-.5.3-1.1.5-1.8.6A2.8 2.8 0 0 0 7.5 5.9 7.9 7.9 0 0 1 1.8 3 2.8 2.8 0 0 0 2.7 6.7c-.4 0-.8-.1-1.2-.3v.1A2.8 2.8 0 0 0 3.8 9a2.8 2.8 0 0 1-1.3.1A2.8 2.8 0 0 0 5.1 11a5.7 5.7 0 0 1-3.6 1.2H1a8.1 8.1 0 0 0 4.4 1.3c5.3 0 8.2-4.4 8.2-8.2v-.4c.6-.3 1-.8 1.4-1.3Z'/%3E%3C/svg%3E"); }
.bi-linkedin { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.5 1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM1 5h3v10H1zm5 0h2.9v1.4h.1c.4-.8 1.4-1.7 2.9-1.7 3.1 0 3.7 2 3.7 4.7V15h-3V9.9c0-1.2 0-2.7-1.7-2.7-1.7 0-1.9 1.3-1.9 2.6V15H6z'/%3E%3C/svg%3E"); }
.bi-instagram { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4.5 1h7A3.5 3.5 0 0 1 15 4.5v7a3.5 3.5 0 0 1-3.5 3.5h-7A3.5 3.5 0 0 1 1 11.5v-7A3.5 3.5 0 0 1 4.5 1ZM8 4.2A3.8 3.8 0 1 0 8 11.8 3.8 3.8 0 0 0 8 4.2Zm4.1-.9a.9.9 0 1 0 0 1.8.9.9 0 0 0 0-1.8ZM8 5.4A2.6 2.6 0 1 1 8 10.6 2.6 2.6 0 0 1 8 5.4Z'/%3E%3C/svg%3E"); }
.bi-youtube { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M14.5 4.2a2 2 0 0 0-1.4-1.4C11.9 2.5 8 2.5 8 2.5s-3.9 0-5.1.3A2 2 0 0 0 1.5 4.2 21 21 0 0 0 1.2 8c0 1.3.1 2.6.3 3.8a2 2 0 0 0 1.4 1.4c1.2.3 5.1.3 5.1.3s3.9 0 5.1-.3a2 2 0 0 0 1.4-1.4c.2-1.2.3-2.5.3-3.8 0-1.3-.1-2.6-.3-3.8ZM6.5 10.5v-5L10.8 8z'/%3E%3C/svg%3E"); }
.bi-whatsapp { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1.3a6.7 6.7 0 0 0-5.8 10l-.9 3.4 3.5-.9A6.7 6.7 0 1 0 8 1.3Zm0 12.2c-1 0-2-.3-2.9-.8l-.2-.1-2 .5.5-2-.1-.2A5.5 5.5 0 1 1 8 13.5Zm3-4.1c-.2-.1-1.1-.5-1.2-.5-.2-.1-.3-.1-.4.1l-.4.5c-.1.1-.2.1-.4.1s-.8-.3-1.5-.9c-.6-.5-1-.9-1.1-1.1-.1-.2 0-.3.1-.4l.3-.3.1-.2.1-.2c0-.1 0-.2 0-.3l-.5-1.2c-.1-.2-.2-.2-.4-.2h-.3c-.1 0-.3.1-.4.2-.1.2-.5.5-.5 1.3s.6 1.5.7 1.6c.1.1 1.2 1.9 3 2.6 1.8.8 1.8.5 2.2.5.3 0 1.1-.4 1.2-.8.2-.4.2-.7.1-.8 0-.1-.2-.1-.4-.2Z'/%3E%3C/svg%3E"); }
.bi-send { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M15.9.7 1.5 6.5l4.7 1.7L8 13l7.9-12.3ZM7 8l6.2-5.3-5 6.2-.4 2.1-.8-2.1-2.1-.8Z'/%3E%3C/svg%3E"); }
.bi-clipboard { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10 1.5h-1a1.5 1.5 0 0 0-3 0H5A1.5 1.5 0 0 0 3.5 3v10A1.5 1.5 0 0 0 5 14.5h5A1.5 1.5 0 0 0 11.5 13V3A1.5 1.5 0 0 0 10 1.5Zm-3-.5a.5.5 0 0 1 1 0v1H7zm3.5 12a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V3A.5.5 0 0 1 5 2.5h1v1h4v-1h1a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E"); }
.bi-bookmark-heart { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5V15l-5-3-5 3z'/%3E%3C/svg%3E"); }
.bi-image, .bi-images { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.5 3A1.5 1.5 0 0 0 1 4.5v7A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 13.5 3zm0 1h11a.5.5 0 0 1 .5.5v5l-2.1-2.1a1 1 0 0 0-1.4 0L8 10 6.4 8.4a1 1 0 0 0-1.4 0L2 11V4.5a.5.5 0 0 1 .5-.5ZM5 5.5A1.5 1.5 0 1 0 5 8.5a1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E"); }
.bi-film { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M0 2h16v12H0zm1 1v10h14V3zm1 1h2v2H2zm0 3h2v2H2zm0 3h2v2H2zm10-6h2v2h-2zm0 3h2v2h-2zm0 3h2v2h-2zM5 4h6v8H5z'/%3E%3C/svg%3E"); }
.bi-journal-text { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 2h10v12H3zm1 2v1h6V4zm0 3v1h8V7zm0 3v1h5v-1z'/%3E%3C/svg%3E"); }
.bi-check2-circle { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m6.2 11.2-3-3 .8-.8 2.2 2.1 5-5 .8.8z'/%3E%3C/svg%3E"); }
.bi-collection { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h9v9H2zm3 3h9v9H5zm-4 8h3v1H1z'/%3E%3C/svg%3E"); }
.bi-cup-hot { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 3h8v4a3 3 0 0 1-3 3H6A3 3 0 0 1 3 7zm8 1h1a2 2 0 0 1 0 4h-1V7h1a1 1 0 0 0 0-2h-1zm-7 8h7v1H4zM6 1.5c1 1-.5 1.5.5 2.5.7.7.7 1.4.2 2.1-.1-.8-.4-1.2-.8-1.6-.6-.6-.9-1.4.1-3Z'/%3E%3C/svg%3E"); }
.bi-envelope { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M1.5 3h13A1.5 1.5 0 0 1 16 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5v-7A1.5 1.5 0 0 1 1.5 3Zm0 1L8 8.3 14.5 4zm13 8v-6.8L8.3 9.1a.5.5 0 0 1-.6 0L1.5 5.2V12z'/%3E%3C/svg%3E"); }
.bi-volume-mute-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8.7 2.1 5.9 4.9H3A1 1 0 0 0 2 6v4a1 1 0 0 0 1 1h2.9l2.8 2.8c.6.6 1.6.2 1.6-.7V2.8c0-.9-1-1.3-1.6-.7Zm4.8 3.6-.7-.7L12 5.8l-.8-.8-.7.7.8.8-.8.8.7.7.8-.8.8.8.7-.7-.8-.8z'/%3E%3C/svg%3E"); }
.trust-panel {
    margin-top: 2rem;
}
.trust-meta-list,
.trust-methodology-list,
.trust-timeline {
    display: grid;
    gap: 0.9rem;
}
.trust-meta-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #4b5563;
}
.trust-meta-item strong,
.trust-timeline-title strong {
    color: #111827;
}
.trust-methodology-item {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: #4b5563;
}
.trust-methodology-item i {
    color: #1246d6;
    font-size: 1.1rem;
    line-height: 1;
}
.trust-timeline-item {
    display: grid;
    grid-template-columns: 14px 1fr;
    gap: 0.85rem;
}
.trust-timeline-marker {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #111827;
    margin-top: 0.3rem;
}
.trust-timeline-title {
    color: #111827;
    font-weight: 600;
    margin-bottom: 0.2rem;
}
.trust-timeline-meta {
    color: #6b7280;
    font-size: 0.9rem;
}
.article-followup-shell,
.article-context-shell,
.article-discovery-shell,
.article-community-shell {
    max-width: 72rem;
    margin-inline: auto;
    margin-top: 3rem;
}
.article-followup-shell {
    max-width: 46rem;
}
.article-followup-shell > * + *,
.article-context-shell > * + *,
.article-discovery-shell > * + *,
.article-community-shell > * + * {
    margin-top: 2rem !important;
}
.article-author-card,
.related-videos,
.recommended-stories,
.comments-section,
.trust-panel {
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}
.article-author-card {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.article-author-card__layout {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.4rem;
    align-items: start;
}
.article-author-card__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}
.article-author-card__title {
    margin: 0;
    font-family: var(--ntcms-font-family-serif);
    font-size: clamp(1.35rem, 1.15rem + 0.4vw, 1.62rem);
    line-height: 1.2;
}
.article-author-card__beat {
    margin: 0.35rem 0 0;
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.article-inline-link {
    color: #111827;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(17, 24, 39, 0.18);
}
.article-author-card__bio {
    margin-bottom: 0;
    color: #4b5563;
}
.article-author-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1rem;
}
.article-author-card__social {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #111827;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
}
.article-author-card__social i {
    color: #475569;
}
.article-tag-strip {
    padding-top: 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.article-tag-strip .badge {
    border-radius: 999px;
    padding: 0.45rem 0.82rem !important;
    background: transparent !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    color: #111827 !important;
    font-weight: 600;
}
.reader-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
    padding-bottom: 0.85rem !important;
    margin-bottom: 1.5rem !important;
}
.reader-section-heading h3 {
    margin: 0;
    font-family: var(--ntcms-font-family-sans);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.reader-section-heading a {
    color: #111827;
}
.recommended-stories .row,
.related-videos .row {
    --grid-gutter-x: 2rem;
    --grid-gutter-y: 2rem;
}
.reader-story-card,
.recommended-stories .card,
.related-videos .card {
    background: transparent;
    border: 0;
    box-shadow: none !important;
    border-radius: 0;
    overflow: visible;
}
.reader-story-card .ratio,
.related-videos .ratio {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}
.reader-story-card .card-body,
.related-videos .card-body {
    padding: 0.95rem 0 0;
}
.reader-story-card .card-title,
.related-videos .card-title {
    font-size: 1.24rem;
    line-height: 1.28;
    letter-spacing: -0.02em;
}
.reader-story-card .card-text,
.reader-story-card .small,
.related-videos .card-text {
    color: #4b5563;
}
.trust-panel {
    padding-top: 1.75rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.trust-note-card {
    background: rgba(250, 248, 242, 0.82);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    box-shadow: none;
    padding: 1.35rem;
}
.comments-section {
    padding-top: 1.75rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}
@media (max-width: 991.98px) {
    .article-followup-shell,
    .article-context-shell,
    .article-discovery-shell,
    .article-community-shell {
        margin-top: 2.5rem;
    }

    .article-author-card__header {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media (max-width: 767.98px) {
    .article-author-card__layout {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .article-author-card__media {
        order: -1;
    }

    .recommended-stories .row,
    .related-videos .row {
        --grid-gutter-x: 1.35rem;
        --grid-gutter-y: 1.6rem;
    }

    .reader-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}
.ntcms-footer {
    background-color: #111 !important;
    color: #fff !important;
    font-family: var(--bs-body-font-family, system-ui, sans-serif);
    font-size: 0.9rem;
}
.bg-dark-footer {
    background-color: #111 !important;
}
.footer-branding-wrapper {
    border-top: 1px solid #333 !important;
    padding-top: 3rem;
    margin-top: 1rem;
    position: relative;
}
.footer-logo-bg {
    background-color: #111 !important;
    padding: 0 1rem;
}
.footer-logo-img {
    max-height: 40px;
    width: auto;
    display: block;
}
.footer-link {
    color: #bbb !important;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 0.9rem;
}
.footer-link:hover {
    color: #fff !important;
    text-decoration: underline;
}
.footer-heading {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    letter-spacing: 1px;
    color: #fff !important;
    font-size: 0.75rem;
}
.social-links a {
    color: #fff;
    font-size: 1.2rem;
    margin: 0 10px;
    transition: opacity 0.2s;
}
.social-links a:hover {
    opacity: 0.8;
}
.footer-legal-links {
    font-size: 0.8rem;
    opacity: 0.8;
}
.footer-legal-links a {
    color: #aaa;
    text-decoration: none;
    margin: 0 5px;
}
.footer-legal-links a:hover {
    color: #fff;
    text-decoration: underline;
}
.bi-house-door-fill::before,
.bi-bell::before,
.bi-box-arrow-right::before,
.bi-arrow-left::before,
.bi-chevron-right::before,
.bi-chevron-left::before,
.bi-play-circle::before,
.bi-headphones::before,
.bi-twitter-x::before,
.bi-list::before,
.bi-record-circle-fill::before,
.bi-circle-fill::before,
.bi-clock::before {
    background-color: currentColor;
}
.bi-house-door-fill { --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1.2 1.3 7.1v7.1h4.9v-4h3.6v4h4.9V7.1z'/%3E%3C/svg%3E"); }
.bi-bell { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 15a2 2 0 0 0 1.995-1.85L10 13H6a2 2 0 0 0 2 2Zm4-4V7a4 4 0 1 0-8 0v4L2.5 12.5V13h11v-.5z'/%3E%3C/svg%3E\"); }
.bi-box-arrow-right { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10 12v2H2V2h8v2h1V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2zm4.85-4.35-2.5-2.5-.7.7L13.29 7.5H6v1h7.29l-1.64 1.65.7.7z'/%3E%3C/svg%3E\"); }
.bi-arrow-left { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m5.5 3.5.7.7L3.4 7H14v1H3.4l2.8 2.8-.7.7L1.5 7.5z'/%3E%3C/svg%3E\"); }
.bi-chevron-right { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m6 3 5 5-5 5-.7-.7L9.6 8 5.3 3.7z'/%3E%3C/svg%3E\"); }
.bi-chevron-left { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m10 3 .7.7L6.4 8l4.3 4.3-.7.7-5-5z'/%3E%3C/svg%3E\"); }
.bi-play-circle { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Zm-1.5 3.8v6.4L11 8 6.5 4.8Z'/%3E%3C/svg%3E\"); }
.bi-headphones { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 2a5 5 0 0 0-5 5v4a2 2 0 0 0 2 2h1V8H5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1V5a3 3 0 0 1 6 0v1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1V7a5 5 0 0 0-5-5Z'/%3E%3C/svg%3E\"); }
.bi-twitter-x { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h2.6l3 4.1L11.1 2H14l-5 5.8L14.4 14h-2.6L8.6 9.7 4.9 14H2l5.2-6z'/%3E%3C/svg%3E\"); }
.bi-list { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 4h12v1H2zm0 3.5h12v1H2zm0 3.5h12v1H2z'/%3E%3C/svg%3E\"); }
.bi-record-circle-fill,
.bi-circle-fill { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='black'/%3E%3C/svg%3E\"); }
.bi-clock { --icon-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm.5 3v3.3l2.4 1.4-.5.9L7.5 8.4V4.5z'/%3E%3C/svg%3E\"); }
.article-video-player-shell [hidden] {
    display: none !important;
}
.article-video-player-shell [data-video-player-stage] {
    isolation: isolate;
}
.article-video-player-shell [data-video-player-mount] {
    z-index: 1;
}
.article-video-player-shell [data-video-player-loading] {
    z-index: 3;
    pointer-events: none;
}
.article-video-player-shell[data-video-player-root]:focus-visible,
.article-video-player-shell button:focus-visible,
.article-video-player-shell video:focus-visible {
    outline: 3px solid #0d6efd;
    outline-offset: 3px;
}
.article-video-player-shell video {
    background: #000;
}
.article-video-chapters button {
    white-space: nowrap;
}
.article-video-player-shell[data-video-player-root] [data-video-player-live-badge] {
    background: #dc3545;
    color: #fff;
}
.article-video-player-shell.video-player-is-live [data-video-player-live-badge] {
    box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.15);
}
.article-video-player-shell.video-player-is-replay [data-video-player-live-badge] {
    background: #343a40;
    color: #fff;
}
.article-video-player-shell.video-player-sticky-active {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: min(360px, calc(100vw - 2rem));
    z-index: 1045;
    background: #fff;
    padding: 0.75rem;
    border-radius: 1rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.28);
}
.article-video-player-shell.video-player-sticky-active [data-video-player-stage] {
    border-radius: 0.75rem;
    overflow: hidden;
}
.article-video-player-shell.video-player-sticky-active [data-video-player-controls],
.article-video-player-shell.video-player-sticky-active [data-video-player-status-row] {
    margin-top: 0.5rem !important;
}
.article-video-player-shell.video-player-sticky-active [data-video-player-action="fullscreen"] {
    display: none;
}
@media (max-width: 575.98px) {
    .article-video-player-shell.video-player-sticky-active {
        display: none;
    }
}
/* =========================================
   Z-INDEX HIERARCHY (MASTER MAP)
   =========================================
   Base Content:       1
   Link Layer:         10
   Header (Fixed):     1020
   Footer (Fixed):     1030
   Crop Overlay:       2000 (Covers header/footer)
   Crop Controls:      2020
   Mobile Menu:        2100 (Highest for controls)
   Loader:             4000 (Top of everything)
   Locked Core:        10000+ (ScrollToTop, Lightbox)
   ========================================= */
/* =========================================
   VIEWER BODY LAYOUT
   ========================================= */
body.epaper-viewer {
    padding-bottom: 0 !important; /* Force override style.css 80px */
    overflow-y: hidden; /* Prevent double scrollbars if needed */
}
.viewer-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important; /* Reduced to remove extra space */
    background-color: #f0f2f5; /* Light gray background for contrast */
}
/* Override .main-content padding from style.css */
.viewer-body .main-content {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
/* =========================================
   WORLD CLASS FOOTER (STANDARD FIT-PAGE)
   ========================================= */
.epaper-footer {
    background: #fff; /* Solid background for standard look */
    border-top: 1px solid #dee2e6; /* Standard Bootstrap border color */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease-in-out;
    z-index: 1030; /* See Master Map */
    width: 100%;
    left: 0;
    bottom: 0;
    position: fixed;
    padding: 0; /* Reset padding */
}
/* Desktop: Standard Full Width Bar */
@media (min-width: 992px) {
    .epaper-footer {
        transform: translateY(0);
        border-radius: 0; /* Square corners */
        max-width: 100%;
        display: block; /* Full block */
    }

    /* Adjust hide transform */
    body.immersive-mode .epaper-footer {
        transform: translateY(100%); /* Slide down out of view */
    }

    /* FORCE FOOTER VISIBILITY IN CROP MODE */
    body.is-cropping .epaper-footer {
        transform: translateY(0) !important;
        z-index: 2100 !important; /* Ensure it is above crop overlay */
        display: block !important;
    }
}
/* Page Scroller Container */
.epaper-pages-scroller {
    /* Hide scrollbar but keep functionality */
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 8px 0; /* Tighter padding */
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    text-align: center;
}
.epaper-pages-scroller::-webkit-scrollbar {
    display: none;
}
/* Page Buttons */
.page-nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 4px; /* Slight rounded square for standard feel */
    border: 1px solid #e9ecef;
    background: #f8f9fa;
    color: var(--secondary-color, #6c757d);
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    display: inline-flex; /* Inline flex for horizontal list */
    align-items: center;
    justify-content: center;
    margin: 0 4px; /* Standard spacing */
}
.page-nav-btn:hover {
    background: #e9ecef;
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    color: var(--primary-color, #0d6efd);
    z-index: 10;
    border-color: #dee2e6;
}
.page-nav-btn.btn-primary {
    background: var(--primary-color, #0d6efd);
    color: white;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.2);
    border: 1px solid var(--primary-color, #0d6efd);
}
.page-nav-btn.btn-primary:hover {
    background: #0b5ed7;
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
    transform: translateY(-2px);
}
.epaper-date-picker-fixed {
    width: 110px;
}
.epaper-page-dropdown-scroll {
    max-height: 400px;
    overflow-y: auto;
}
.mobile-menu-btn-fixed {
    width: 40px;
    height: 40px;
}
.mobile-control-menu-fixed {
    min-width: 300px;
    z-index: 2100;
}
.epaper-touch-control-btn {
    width: 48px;
    height: 48px;
}
.main-content-no-outline {
    outline: none;
}
.puzzle-play-badge {
    font-size: 0.7rem;
}
/* Active Indicator Dot - Removed for standard look */
.page-nav-btn.btn-primary::after {
    display: none;
}
/* Mobile Adjustments */
@media (max-width: 991.98px) {
    .epaper-footer {
        padding-bottom: max(10px, env(safe-area-inset-bottom));
    }
    
    .page-nav-btn {
        width: 48px; /* Larger tap target */
        height: 48px;
        font-size: 1.1rem;
    }
}
/* ePaper Refactored Styles */
/* Z-Index values should align with epaper-world-class.css Definitive Map */
/* Layout Structure - Fixed Header/Footer with Scrolling Body */
body.epaper-viewer {
    /* Reverting flex to avoid conflict with world-class css */
    overflow: hidden; /* Prevent body scroll */
}
/* Header */
.viewer-header {
    height: 64px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    
    /* Fixed Positioning */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    
    /* High Z-Index to stay above everything */
    z-index: 1040; 
}
/* Viewer Body (Scrollable Area) */
.viewer-body-custom {
    height: 100vh;
    overflow-y: auto;
    overflow-x: auto; /* Allow horizontal scroll for zoom/panning */
    position: relative;
    z-index: 1;
    
    /* Padding to prevent overlap with Fixed Header/Footer */
    padding-top: 64px !important; /* Override .viewer-body padding: 0 !important */
    padding-bottom: 60px; /* Space for fixed footer */
    
    /* Mobile Touch Handling */
    touch-action: none; /* Disable browser handling to allow custom JS Pan/Zoom */
}
.viewer-body-custom.grabbing {
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
}
/* Ensure Dropdowns are above everything */
.viewer-header .dropdown-menu {
    z-index: 1050;
}
/* Page Container & Layers */
.epaper-page-container-custom {
    z-index: 1; /* Base layer */
    max-width: 1100px; /* Enforce max-width for readability */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1); /* Enhanced shadow */
}
/* Image Fit */
.epaper-page-img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}
.epaper-link-layer {
    z-index: 40; /* Above image */
    pointer-events: none;
}
.article-link-area {
    z-index: 41;
    pointer-events: none;
    cursor: default;
    touch-action: none;
    background: transparent;
}
.article-link-area:hover,
.article-link-area:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(13, 110, 253, 0.45);
}
/* Crop Overlay & Zones */
.crop-overlay-custom {
    display: none; 
    z-index: 2000; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: crosshair;
}
.smart-crop-zone {
    position: absolute;
    border: 1px dashed rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.2s;
    z-index: 2005;
}
.smart-crop-zone:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.epaper-selection-box {
    position: absolute;
    border: 2px dashed #dc3545; /* Bootstrap danger color */
    background: rgba(220, 53, 69, 0.1);
    z-index: 2010;
    pointer-events: none; /* Allow drag events to pass through */
}
.logo-area-wrapper {
    display: flex;
    align-items: center;
}
.epaper-badge-modern {
    background-color: #000;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* Nav Pill Group (Center Controls) */
.nav-pill-group {
    background-color: #f8f9fa;
    border-radius: 50px;
    padding: 4px 6px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #e9ecef;
}
.btn-nav-pill {
    background: transparent;
    border: none;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #495057;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    white-space: nowrap;
}
.btn-nav-pill:hover, .btn-nav-pill[aria-expanded="true"] {
    background-color: #fff;
    color: #000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.date-picker-modern {
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 0.9rem;
    color: #495057;
    cursor: pointer;
    outline: none;
}
.date-picker-modern:focus {
    color: #000;
}
/* Mobile FAB */
.mobile-crop-fab-custom {
    position: fixed;
    bottom: 90px; /* Above footer (60px) + spacing */
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2010; /* Above everything */
    transition: transform 0.2s ease;
}
.mobile-crop-fab-custom:active {
    transform: scale(0.95);
}
/* Loader */
.epaper-loader-centered {
    z-index: 30; /* Above crop overlay */
}
/* Dropdown overrides */
.dropdown-toggle::after {
    display: none; /* Hide default caret */
}
/* Tool Buttons (Right Side) */
.tool-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #e9ecef;
    background: #fff;
    color: #495057;
    border-radius: 4px; /* Slight rounding */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    cursor: pointer;
}
.tool-btn:hover {
    background: #f8f9fa;
    color: #000;
    border-color: #dee2e6;
    transform: translateY(-1px);
}
.tool-btn-primary {
    height: 40px;
    padding: 0 16px; /* Wider for text */
    border: 1px solid #000;
    background: #000;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
}
.tool-btn-primary:hover {
    background: #333;
    border-color: #333;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
/* Mobile Menu Button */
.mobile-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.logo-img {
    height: auto; 
    max-height: 32px; 
    width: auto; 
    max-width: 100%;
}
.site-title {
    font-family: 'Noto Serif', serif; 
    letter-spacing: 0.5px; 
    white-space: nowrap;
}
.date-picker-custom {
    width: 110px;
}
.dropdown-menu-scrollable {
    max-height: 400px; 
    overflow-y: auto;
}
.reset-zoom-btn {
    min-width: 50px; 
    font-size: 0.85rem;
}
/* Body Layout */
.viewer-body-custom {
    min-height: calc(100vh - 64px - 60px); /* Header 64px, Footer 60px */
}
/* Ensure padding is on the SCROLLABLE container to clear the fixed footer */
.viewer-body-custom .main-content {
    padding-bottom: 65px !important; /* Minimal clearance for footer */
    padding-top: 4px !important; /* Minimal top gap */
}
.epaper-page-container-custom {
    margin-bottom: 10px; /* Minimal breathing room */
}
/* Loader Placement */
.epaper-loader-centered {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
}
/* --- Mobile Optimizations (Added) --- */
@media (max-width: 991.98px) {
    .viewer-header {
        height: 56px; /* Compact header */
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .viewer-body-custom {
        padding-top: 56px !important; /* Match header */
    }
    
    .logo-img {
        max-height: 24px; /* Smaller logo for mobile */
    }
}
/* --- User Menu Styles --- */
.user-menu-btn-modern {
    background: transparent;
    border: 1px solid #e9ecef;
    padding: 4px 12px 4px 4px; /* Less padding left for avatar */
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    cursor: pointer;
    height: 40px;
}
.user-menu-btn-modern:hover, .user-menu-btn-modern[aria-expanded="true"] {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.user-avatar-circle {
    width: 32px;
    height: 32px;
    background-color: #0d6efd; /* Primary Color */
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
}
/* --- Restored Functional Styles (Missing in recent edits) --- */
.page-nav-btn {
    min-width: 40px;
}
/* Loader Styles */
.epaper-loader {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 8px;
    backdrop-filter: blur(4px);
}
.epaper-loader.show {
    display: flex;
}
/* Article Link Areas */
.article-link-area {
    pointer-events: auto; 
    border: 1px solid rgba(0,0,255,0.1);
}
/* Crop Buttons */
.crop-btn-floating {
    position: absolute; 
    z-index: 2020; 
    transform: translateX(-50%);
}
/* Modals */
.modal-icon-wrapper {
    width: 48px; 
    height: 48px;
}
.modal-icon-wrapper-lg {
    width: 64px; 
    height: 64px;
}
.clip-preview-container {
    min-height: 0; 
    overflow: hidden;
}
.clip-preview-img {
    max-height: 100%; 
    max-width: 100%; 
    width: auto; 
    height: auto; 
    -o-object-fit: contain; 
       object-fit: contain; 
    transition: opacity 0.3s;
}
.share-section-title {
    font-size: 0.7rem; 
    letter-spacing: 1px;
}
.share-icon-btn {
    width: 40px; 
    height: 40px; 
    transition: transform 0.2s;
}
.share-icon-btn-lg {
    width: 48px; 
    height: 48px; 
    transition: transform 0.2s;
}
.copy-input {
    border-right: 0;
}
/* Animations */
.hover-scale:hover {
    transform: scale(1.1);
}
.modal-content-custom {
    height: 90vh; 
    max-height: 90vh;
}
/* Clean ePaper reader toolbar. Keep this at the end because this legacy file
   is imported after the main ePaper surface stylesheet. */
body.epaper-viewer.epaper-viewer-shell {
    --epaper-reader-toolbar-height: 54px;
    --epaper-reader-tool-size: 32px;
    --epaper-reader-toolbar-gap: 8px;
}
body.epaper-viewer.epaper-viewer-shell .viewer-header.epaper-toolbar {
    display: flex !important;
    align-items: center;
    gap: var(--epaper-reader-toolbar-gap);
    height: var(--epaper-reader-toolbar-height) !important;
    min-height: var(--epaper-reader-toolbar-height) !important;
    padding: 5px 13px !important;
    overflow: hidden;
    box-sizing: border-box;
}
body.epaper-viewer.epaper-viewer-shell .viewer-body-custom {
    padding-top: var(--epaper-reader-toolbar-height) !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone {
    min-width: 0;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--brand {
    display: flex;
    flex: 0 0 clamp(500px, 31vw, 610px);
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand {
    display: flex;
    flex: 0 0 336px;
    align-items: center;
    min-width: 0;
    width: 336px;
    max-width: 336px;
    overflow: hidden;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__logo.logo-img {
    display: block;
    width: auto !important;
    max-width: 336px !important;
    height: auto !important;
    max-height: 44px !important;
    -o-object-fit: contain;
       object-fit: contain;
}
body.epaper-viewer.epaper-viewer-shell .epaper-reader-mark {
    display: none !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-reader-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    margin-left: 6px;
    padding: 0 8px;
    border-radius: 999px;
    background: #111827;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}
body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand::after {
    content: none !important;
    display: none !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--center {
    display: flex !important;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    max-width: min(423px, 35vw);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--center::-webkit-scrollbar,
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions::-webkit-scrollbar {
    display: none;
}
body.epaper-viewer.epaper-viewer-shell .epaper-command-rail {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions > *,
body.epaper-viewer.epaper-viewer-shell .epaper-offline-control,
body.epaper-viewer.epaper-viewer-shell .epaper-selector-cluster,
body.epaper-viewer.epaper-viewer-shell .epaper-zoom-cluster,
body.epaper-viewer.epaper-viewer-shell .epaper-command-stepper {
    flex: 0 0 auto;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn,
body.epaper-viewer.epaper-viewer-shell .tool-btn,
body.epaper-viewer.epaper-viewer-shell .epaper-step-btn,
body.epaper-viewer.epaper-viewer-shell .user-menu-btn-modern {
    align-items: center;
    justify-content: center;
    width: var(--epaper-reader-tool-size) !important;
    min-width: var(--epaper-reader-tool-size) !important;
    height: var(--epaper-reader-tool-size) !important;
    min-height: var(--epaper-reader-tool-size) !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    transform: none !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn,
body.epaper-viewer.epaper-viewer-shell .epaper-step-btn,
body.epaper-viewer.epaper-viewer-shell .user-menu-btn-modern {
    display: inline-flex !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--center .epaper-command-stepper {
    display: none !important;
}
@media (min-width: 992px) {
    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-lg-none,
    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .d-lg-none {
        display: none !important;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-none.d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (max-width: 991.98px) {
    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-none.d-lg-inline-flex,
    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .d-none.d-lg-inline-flex {
        display: none !important;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-lg-none {
        display: inline-flex !important;
    }
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn .hamburger-icon {
    position: relative;
    display: block;
    width: 16px;
    height: 13px;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn .hamburger-icon span {
    position: absolute;
    left: 0;
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: #111827;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn .hamburger-icon span:nth-child(1) {
    top: 0;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn .hamburger-icon span:nth-child(2) {
    top: 5.5px;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn .hamburger-icon span:nth-child(3) {
    top: 11px;
}
body.epaper-viewer.epaper-viewer-shell .tool-btn i,
body.epaper-viewer.epaper-viewer-shell .epaper-step-btn i,
body.epaper-viewer.epaper-viewer-shell .user-menu-btn-modern i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 0.9rem;
}
body.epaper-viewer.epaper-viewer-shell .tool-btn:hover,
body.epaper-viewer.epaper-viewer-shell .epaper-step-btn:hover {
    transform: none !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-cluster,
body.epaper-viewer.epaper-viewer-shell .epaper-zoom-cluster {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    white-space: nowrap;
}
body.epaper-viewer.epaper-viewer-shell .btn-nav-pill.epaper-selector-card__button,
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card__field {
    min-height: 31px;
    padding-inline: 0.52rem !important;
    font-size: 0.78rem !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card:first-child .epaper-selector-card__button {
    min-width: 115px;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card--date .epaper-selector-card__field {
    min-width: 119px;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card--page .epaper-selector-card__button {
    min-width: 86px;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .btn-group {
    display: inline-flex !important;
    height: var(--epaper-reader-tool-size);
    align-items: center;
    margin-left: 0 !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .btn-group > .btn {
    min-width: 49px;
    height: var(--epaper-reader-tool-size);
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.81rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
body.epaper-viewer.epaper-viewer-shell .epaper-account-caret {
    display: none !important;
}
body.epaper-viewer.epaper-viewer-shell .user-avatar-circle {
    width: 23px;
    height: 23px;
    min-width: 23px;
    font-size: 0.74rem;
}
@media (max-width: 1399.98px) {
    body.epaper-viewer.epaper-viewer-shell .viewer-header.epaper-toolbar {
        padding-inline: 12px !important;
        gap: 7px;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--brand {
        flex-basis: clamp(430px, 30vw, 505px);
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand {
        flex-basis: 300px;
        width: 300px;
        max-width: 300px;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__logo.logo-img {
        max-width: 300px !important;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions {
        max-width: min(387px, 33vw);
    }
}
@media (max-width: 1199.98px) {
    body.epaper-viewer.epaper-viewer-shell {
        --epaper-reader-tool-size: 31px;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--brand {
        flex-basis: 220px;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand {
        flex-basis: 155px;
        width: 155px;
        max-width: 155px;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__logo.logo-img {
        max-width: 155px !important;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions {
        max-width: min(297px, 31vw);
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand::after {
        display: none;
    }

    body.epaper-viewer.epaper-viewer-shell .epaper-reader-badge {
        display: none;
    }
}
/* --- Fact Check Aaj Tak Style --- */
.fc-container {
    background-color: #1a1a1a;
    color: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 20px;
    font-family: 'Noto Sans Devanagari', sans-serif;
    max-width: 900px;
    margin: 0 auto;
}
.fc-header {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.fc-title {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.fc-logo {
    position: absolute;
    top: 0;
    right: 0;
    background: #cc0000;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 0.9rem;
}
.fc-body {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.fc-left, .fc-right {
    flex: 1;
    min-width: 300px;
}
.fc-claim-box {
    border: 1px solid #555;
    padding: 15px;
    border-radius: 4px;
    height: 100%;
    background: #222;
}
.fc-label {
    color: #cc0000;
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 10px;
    display: block;
    position: relative;
    padding-left: 15px;
}
.fc-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 4px;
    background-color: #cc0000;
}
.fc-claim-text {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 500;
}
.fc-image-wrapper {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #444;
}
.fc-image {
    width: 100%;
    height: auto;
    display: block;
}
/* Gauge Styles */
.fc-gauge-wrapper {
    position: relative;
    width: 280px;
    height: 140px; /* Half circle */
    margin: 0 auto 30px;
    overflow: hidden;
}
.fc-gauge {
    width: 280px;
    height: 140px;
    background: conic-gradient(
        from 270deg,
        #28a745 0deg 45deg,   /* Sach (Green) */
        #aadd2e 45deg 90deg,  /* Adha Sach (Light Green) */
        #ffc107 90deg 135deg, /* Bhramak (Orange) */
        #dc3545 135deg 180deg /* Galat (Red) */
    );
    border-radius: 140px 140px 0 0;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
/* Thin separator lines between segments (every 45deg) */
.fc-gauge::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 140px 140px 0 0;
    background: 
        conic-gradient(from 270deg,
            transparent 0deg 44.5deg,
            #1a1a1a 44.5deg 45.5deg,
            transparent 45.5deg 89.5deg,
            #1a1a1a 89.5deg 90.5deg,
            transparent 90.5deg 134.5deg,
            #1a1a1a 134.5deg 135.5deg,
            transparent 135.5deg
        );
    pointer-events: none;
}
.fc-gauge-inner {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 200px;
    height: 100px;
    background: #1a1a1a;
    border-radius: 100px 100px 0 0;
    z-index: 1;
}
.fc-needle {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 120px;
    height: 6px;
    background: #fff;
    transform-origin: left center;
    transform: rotate(-90deg); /* Default Vertical */
    z-index: 2;
    transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-radius: 0 50% 50% 0; /* Tapered end */
    clip-path: polygon(0 0, 100% 50%, 0 100%); /* Triangle shape */
}
.fc-needle::after {
    content: '';
    position: absolute;
    left: -8px;
    top: -5px;
    width: 16px;
    height: 16px;
    background: #ff5722;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.fc-gauge-labels {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 3;
}
.fc-g-label {
    position: absolute;
    font-size: 0.9rem;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    white-space: nowrap;
}
/* Position labels strictly along the outer arc */
/* Sach - ~292.5deg (Left) */
.lbl-1 { bottom: 30px; left: 10px; transform: rotate(-70deg); }
/* Adha Sach - ~337.5deg (Top-Left) */
.lbl-2 { top: 15px; left: 55px; transform: rotate(-25deg); }
/* Bhramak - ~22.5deg (Top-Right) */
.lbl-3 { top: 15px; right: 55px; transform: rotate(25deg); }
/* Galat - ~67.5deg (Right) */
.lbl-4 { bottom: 30px; right: 10px; transform: rotate(70deg); }
.fc-truth-section {
    border-top: 1px solid #333;
    padding-top: 20px;
    margin-top: 10px;
}
.fc-truth-label {
    color: #28a745;
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.fc-truth-text {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #ddd;
}
.fc-footer {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.fc-share-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1rem;
}
.fc-fb { background: #fff; color: #1877f2; }
.fc-x { background: #fff; color: #000; }
.fc-wa { background: #25d366; color: #fff; }
/* Responsive */
@media (max-width: 768px) {
    .fc-body { flex-direction: column; }
    .fc-gauge-wrapper { width: 260px; height: 130px; }
    .fc-gauge { width: 260px; height: 130px; }
    .fc-gauge-inner { width: 180px; height: 90px; left: 40px; }
}
/* Shorts Page Styles */
@font-face {
    font-family: 'Noto Sans Devanagari';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: optional;
    size-adjust: 105%;
    ascent-override: 100%;
    descent-override: 30%;
    line-gap-override: 0%;
    src: local('Noto Sans Devanagari'), url('/assets/fonts/NotoSansDevanagari.woff2') format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
html.shorts-page,
body.shorts-page-body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #f8f9fa; /* Light background like screenshot */
    font-family: "Noto Sans Devanagari", sans-serif;
}
/* Snap Scroll Container */
.shorts-container {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* Hide Scrollbar */
.shorts-container::-webkit-scrollbar { 
    display: none; 
}
/* Each Section acts as a viewport for one card */
.short-section {
    height: 100%;
    width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0; /* Removed padding to maximize space */
}
/* The Card */
.short-card {
    width: 85%; /* Slightly narrower responsive width */
    max-width: 300px; /* Requested further reduction */
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 96vh; /* Increased height to reduce top/bottom gap */
    max-height: 850px;
    position: relative;
}
/* Image Area */
.card-image-wrapper {
    position: relative;
    z-index: 20; /* Ensure branding sits above content */
    width: 100%;
    height: 33%; /* Increased image height slightly */
    background: #000;
    flex-shrink: 0;
}
.card-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* Floating Logo Badge (Half on image, Half on content) */
.floating-logo {
    position: absolute;
    bottom: -16px; /* Half of height (32px/2) */
    left: 48%;
    transform: translateX(-50%);
    z-index: 30;
    padding: 0 60px; /* Revert to stable spacing */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto; /* Allow growth */
    min-width: 140px; /* Ensure minimum width for visibility */
    max-width: 90%; /* Prevent overflowing the card */
    height: 32px; /* Increased height for better balance */
    background-color: transparent !important; /* Ensure transparent container */
}
/* White background for top half only */
.floating-logo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 50%; /* Only top half */
    background: #fff;
    border-radius: 15px 15px 0 0;
    border: 1px solid #f0f0f0;
    border-bottom: none;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.1); /* Upward shadow only */
    z-index: -1;
    clip-path: inset(-20px -20px 0px -20px); /* Strictly cut off shadow/border at bottom edge */
}
.floating-logo img {
    height: 26px; /* Slightly increased for better visibility */
    max-width: 100%;
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0 7px;
    mix-blend-mode: multiply; /* Make white background of image transparent */
}
/* Content Area */
.card-content {
    padding: 12px; /* Reduced padding for narrower card */
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Prevent scrolling */
    justify-content: space-between; /* Distribute space */
}
.card-title {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 1.1rem; /* Smaller title */
    line-height: 1.3;
    color: #000;
    margin-bottom: 8px;
    padding-top: 5px; /* Reduced padding as requested */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit title lines */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-shrink: 0;
}
.card-meta {
    display: flex;
    align-items: center;
    font-size: 0.75rem; /* Smaller meta */
    color: #666;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.meta-category {
    color: #d71920;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 6px;
}
.meta-separator {
    margin-right: 6px;
    color: #ccc;
}
.info-icon {
    margin-left: auto;
    color: #666;
    cursor: pointer;
}
.card-text {
    font-size: 0.85rem; /* Smaller text */
    line-height: 1.45;
    color: #333;
    margin-bottom: 8px;
    font-family: 'Merriweather', serif;
    
    /* Truncate text to fit */
    display: -webkit-box;
    -webkit-line-clamp: 18; /* Maximized lines */
    line-clamp: 18;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Actions Footer */
.card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Spread items */
    gap: 10px; /* Space between buttons */
    padding-top: 10px;
    flex-shrink: 0;
    width: 100%;
    position: relative; /* Fix z-index context */
    z-index: 500; /* Ensure above other content */
    pointer-events: auto; /* Ensure clicks are received */
}
/* Distinct Icon Buttons */
.action-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    margin: 0;
    z-index: 1000 !important; /* Force top layer */
    position: relative; /* Required for z-index */
    pointer-events: auto !important; /* Force enable clicks */
    -webkit-tap-highlight-color: transparent; /* Remove mobile highlight */
}
.action-icon-btn:hover {
    background: #f0f0f0;
    color: #333;
    border-color: #ccc;
    transform: translateY(-2px);
}
.action-icon-btn:active {
    transform: translateY(0);
}
.download-btn {
    color: #2196F3;
    border-color: #bbdefb;
}
.share-btn {
    color: #4CAF50;
    border-color: #c8e6c9;
}
.btn-read-full {
    background-color: #d71920;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    transition: background 0.2s;
    box-shadow: 0 4px 10px rgba(215, 25, 32, 0.3);
    flex: 1; /* Take remaining space */
    text-align: center;
    white-space: nowrap;
}
.btn-read-full:hover {
    background-color: #b0141a;
    color: #fff;
}
.action-icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #f0f0f0;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 1.2rem;
    flex-shrink: 0; /* Don't shrink */
    position: relative;
    z-index: 1000; /* Ensure button is clickable above everything */
}
.action-icon-btn:hover {
    background-color: #e0e0e0;
    transform: scale(1.05);
}
/* External Navigation Buttons */
.nav-buttons {
    position: fixed;
    right: calc(50% - 215px); /* Reduced distance to bring closer to card */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 100;
}
.nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ffccd5; /* Light red border */
    color: #d71920;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.nav-btn:hover {
    background: #fff5f6;
    transform: scale(1.1);
}
.nav-btn:active {
    transform: scale(0.95);
}
/* Close Button */
.nav-close {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    color: #333;
    font-size: 1.5rem;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
/* Shorts Top Text Header (no logo) */
.shorts-brand-header {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 980;
    background: #ffffff;
    color: #111;
    padding: 6px 14px;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    letter-spacing: 0.5px;
    line-height: 1;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.shorts-brand-name {
    color: #d71920;
    font-weight: 900;
    text-transform: uppercase;
}
.shorts-brand-tail {
    color: #111;
    font-style: italic;
}
@media (max-width: 991.98px) {
    .shorts-brand-header {
        top: 16px;
        font-size: 0.95rem;
        padding: 5px 12px;
        gap: 5px;
    }
}
.shorts-brand-header {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 980;
    background: #ffffff;
    padding: 6px 16px;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}
.shorts-brand-name {
    color: #d71920;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.shorts-brand-tail {
    color: #111;
    font-style: italic;
}
@media (max-width: 991.98px) {
    .shorts-brand-header {
        top: 16px;
        padding: 5px 12px;
        gap: 6px;
    }
}
/* Brand Header: 'NIHARIKA Shorts' */
/* Footer for Download (Hidden by default) */
.card-download-footer {
    display: none;
    padding: 5px 0 15px 0; /* Reduced top padding significantly */
    border-top: 1px solid #eee;
    background-color: transparent; /* Transparent to respect card rounding */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0; /* Remove auto margin to avoid pushing down */
}
.card-download-footer .footer-title {
    font-family: 'Merriweather', serif;
    font-weight: 900;
    font-size: 18px;
    color: #d71920;
    margin-bottom: 4px;
}
.card-download-footer .footer-sub {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* =========================================
   DOWNLOAD MODE OVERRIDES
   ========================================= */
/* Hide unwanted elements */
.download-mode .floating-logo::before,
.download-mode .card-actions,
.download-mode .action-icon-btn,
.download-mode .nav-buttons,
.download-mode .nav-close {
    display: none !important;
}
/* Show footer */
.download-mode .card-download-footer {
    display: flex !important;
    border-radius: 0 0 32px 32px !important;
    overflow: hidden !important;
}
/* Card adjustments */
.download-mode .short-card {
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    border-radius: 32px !important;
    box-shadow: none !important;
    border: 1px solid #eee !important;
    background: #ffffff !important;
}
/* Image wrapper adjustments */
.download-mode .card-image-wrapper {
    flex: none !important;
    overflow: visible !important; /* Allow badge to hang out */
    position: relative !important;
    z-index: 10 !important;
    /* Width/Height set dynamically in JS */
}
.download-mode .card-image-wrapper img {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    z-index: 1 !important;
}
/* Logo adjustments */
.download-mode .floating-logo {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    transform: none !important;
    bottom: -16px !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 90% !important;
    height: 32px !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 20px !important;
    z-index: 100 !important;
}
.download-mode .floating-logo img {
    position: relative !important;
    z-index: 2 !important;
    height: 24px !important;
    width: auto !important;
    max-width: 100% !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
    display: block !important;
    mix-blend-mode: multiply !important;
}
/* Dynamic logo background class (injected via JS) */
.floating-logo-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 16px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: -1;
}
/* Content adjustments */
.download-mode .card-content {
    overflow: visible !important;
    flex: none !important;
    padding-bottom: 0px !important;
    justify-content: flex-start !important;
}
/* Mobile Responsive Styles */
.toast-container-custom {
    z-index: 1100;
}
.toast-center-custom {
    z-index: 2000;
}
@media (max-width: 768px) {
    .short-card {
        width: 100%;
        max-width: 100%;
        height: 100dvh; /* Full viewport height on mobile */
        max-height: none;
        border-radius: 0; /* Full screen experience */
        box-shadow: none;
    }

    .short-section {
        padding: 0;
    }
    
    .card-image-wrapper {
        height: 40%; /* More image space on mobile */
    }

    .nav-close {
        top: 15px;
        right: 15px;
        background: rgba(255, 255, 255, 0.9);
        width: 35px;
        height: 35px;
        font-size: 1.2rem;
    }
    
    /* Hide external nav buttons on tablet/mobile */
    .nav-buttons {
        display: none;
    }
}
body { margin: 0; padding: 0; }
#swagger-ui,
.api-docs-shell {
  max-width: 1120px;
  margin: 0 auto;
  padding: 32px 20px 48px;
}
.api-docs-shell h1 {
  margin: 0 0 8px;
  font-family: var(--font-latin-serif);
  font-size: 2rem;
  line-height: 1.15;
}
.api-docs-shell__status {
  margin: 0 0 24px;
  color: var(--text-secondary);
}
.api-docs-endpoint {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  margin-block: 12px;
  padding: 16px;
  background: var(--bg-elevated);
}
.api-docs-endpoint__head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.api-docs-endpoint code {
  overflow-wrap: anywhere;
}
.api-docs-method {
  border-radius: var(--radius-sm);
  color: var(--text-inverse);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  min-width: 64px;
  justify-content: center;
  padding: 4px 8px;
}
.api-docs-method--get { background: var(--state-info); }
.api-docs-method--post { background: var(--state-success); }
.api-docs-method--put,
.api-docs-method--patch { background: var(--state-warning); }
.api-docs-method--delete { background: var(--state-error); }
.api-docs-endpoint__meta {
  color: var(--text-secondary);
  font-size: 0.875rem;
  margin: 8px 0 0;
}
:root {
    --admin-surface: var(--ntcms-surface-default, #ffffff);
    --admin-surface-muted: var(--ntcms-surface-muted, #f5f7fb);
    --admin-border: var(--ntcms-border-default, #d8dee8);
    --admin-text: var(--ntcms-text-default, #111827);
    --admin-text-muted: var(--ntcms-text-muted, #5f6b7a);
    --admin-primary: var(--ntcms-color-primary, #16324f);
    --admin-primary-contrast: var(--ntcms-color-on-primary, #ffffff);
    --admin-accent: var(--ntcms-color-accent, #ffc107);
    --admin-radius-sm: var(--ntcms-radius-sm, 6px);
    --admin-radius-md: var(--ntcms-radius-md, 8px);
    --admin-shadow-sm: var(--ntcms-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.08));
}
.l-admin-body .btn.btn-primary,
.l-admin-body .c-button.c-button--primary {
    background: var(--admin-primary);
    border-color: var(--admin-primary);
    color: var(--admin-primary-contrast);
}
.l-admin-body .btn.btn-primary:hover,
.l-admin-body .btn.btn-primary:focus,
.l-admin-body .c-button.c-button--primary:hover,
.l-admin-body .c-button.c-button--primary:focus {
    filter: brightness(0.94);
    color: var(--admin-primary-contrast);
}
.l-admin-body .btn.btn-outline-primary,
.l-admin-body .c-button.c-button--secondary {
    border-color: var(--admin-border);
    color: var(--admin-primary);
    background: var(--admin-surface);
}
.l-admin-body .card,
.l-admin-body .c-card,
.l-admin-body .admin-card,
.l-admin-body .dashboard-card {
    border-color: var(--admin-border);
    border-radius: var(--admin-radius-md);
    box-shadow: var(--admin-shadow-sm);
}
.l-admin-body .text-muted,
.l-admin-body .text-secondary,
.l-admin-body .c-muted {
    color: var(--admin-text-muted) !important;
}
.l-admin-body .badge.bg-primary,
.l-admin-body .c-badge.c-badge--primary {
    background: var(--admin-primary) !important;
    color: var(--admin-primary-contrast);
}
:root {
    --newsroom-ink: #172534;
    --newsroom-ink-soft: #556476;
    --newsroom-ink-muted: #718096;
    --newsroom-line: #dde4eb;
    --newsroom-line-strong: #cfd8e2;
    --newsroom-paper: #f5f1ea;
    --newsroom-surface: #fcfbf8;
    --newsroom-surface-strong: #ffffff;
    --newsroom-accent: #8b6a38;
    --newsroom-accent-soft: #efe6d6;
    --newsroom-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
    --newsroom-radius-lg: 1rem;
    --newsroom-radius-md: 0.85rem;
}
body,
.content-body {
    background:
        radial-gradient(circle at top right, rgba(139, 106, 56, 0.08), transparent 18%),
        linear-gradient(180deg, #f8f5ef 0%, #f3efe7 100%);
    color: var(--newsroom-ink);
}
body,
.btn,
.form-control,
.form-select,
.table,
.dropdown-menu,
.badge,
.nav-link {
    font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.admin-navbar-title,
.sidebar-brand,
.card-header,
.page-title,
[data-editor-slot="newsroom-intelligence-automation"] #automation-decision-summary,
.article-compose-main [data-editor-slot="title"] .form-control {
    font-family: Georgia, "Times New Roman", serif;
}
.sidebar {
    background: #161a20;
    box-shadow: 3px 0 24px rgba(7, 10, 14, 0.22);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.sidebar-header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background: #15191e;
}
.sidebar-brand {
    letter-spacing: 0.08em;
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    font-size: 1.26rem;
    line-height: 1;
}
.sidebar-brand .fw-light {
    color: #b5bcc6;
}
.sidebar-heading {
    margin: 1.1rem 1rem 0.35rem;
    padding: 0.1rem 0 0.1rem 0.85rem;
    color: #98a3b2;
    border-left: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    position: relative;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}
.sidebar-heading.is-active {
    color: #f2f4f7;
    background: transparent;
    box-shadow: none;
}
.sidebar-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.42rem;
    width: 3px;
    height: 0.78rem;
    border-radius: 999px;
    background: rgba(152, 163, 178, 0.45);
}
.sidebar-heading.is-active::before {
    background: #f2f4f7;
}
.sidebar-nav .nav-link {
    margin: 0.08rem 1rem;
    width: auto;
    border-left-width: 0;
    border-radius: 0.78rem;
    color: #e5e7eb;
    min-height: 2.55rem;
    padding: 0.58rem 0.85rem;
    font-size: 0.93rem;
    font-weight: 650;
    background: transparent;
}
.sidebar-nav .nav-link:hover {
    background: rgba(255, 255, 255, 0.045);
    transform: translateX(1px);
    color: #ffffff;
}
.sidebar-nav .nav-link.active {
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        0 8px 18px rgba(0, 0, 0, 0.14);
    position: relative;
}
.sidebar-nav .nav-link.active i {
    color: #ffffff;
}
.sidebar-nav .nav-link.active::before {
    content: "";
    position: absolute;
    left: -0.5rem;
    top: 0.46rem;
    bottom: 0.46rem;
    width: 3px;
    border-radius: 999px;
    background: #f2f4f7;
}
.sidebar-nav .nav-link i {
    width: 1.2rem;
    margin-right: 0.72rem;
    font-size: 0.9rem;
    color: #a7b0bb;
}
.sidebar-nav .nav-link:hover i {
    color: #ffffff;
}
.sidebar-nav {
    padding-top: 0.85rem;
    padding-bottom: 1.2rem;
}
.sidebar-nav > .nav-link:first-child {
    margin-top: 0.15rem;
}
.sidebar-nav .nav-link + .sidebar-heading {
    margin-top: 1.35rem;
}
.sidebar-nav .sidebar-heading + .nav-link {
    margin-top: 0.12rem;
}
.sidebar-nav .sidebar-heading:first-of-type {
    margin-top: 0.8rem;
}
.sidebar .mt-auto {
    display: none;
}
.sidebar-quick-create {
    margin: 0.78rem 1rem 0.45rem;
    padding: 0.4rem 0.45rem 0.35rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.025);
}
.sidebar-quick-create .sidebar-heading {
    margin: 0 0 0.22rem;
}
.sidebar-quick-create .nav-link {
    margin-inline: 0;
}
.sidebar-quick-create + .sidebar-heading {
    margin-top: 1rem;
}
.top-navbar {
    height: 68px;
    border-bottom: 1px solid rgba(139, 106, 56, 0.14);
    background: rgba(252, 251, 248, 0.88);
    backdrop-filter: blur(18px);
}
.admin-navbar-title {
    color: var(--newsroom-ink);
    letter-spacing: -0.03em;
}
.admin-navbar-date {
    color: var(--newsroom-ink-soft) !important;
}
.content-body {
    padding-top: 1.45rem;
}
.card,
.article-workbench__sidebar > .card,
.article-workbench__sidebar > section,
.article-compose-outline,
.article-compose-inspector,
.dropdown-menu,
.list-group-item,
.modal-content {
    border: 1px solid var(--newsroom-line);
    border-radius: var(--newsroom-radius-lg);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--newsroom-shadow);
}
.card:hover {
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
    transform: none;
}
.card-header {
    padding: 1rem 1.15rem;
    border-bottom: 1px solid #e8edf2;
    background: linear-gradient(180deg, #fdfbf7 0%, #f5efe6 100%);
    color: var(--newsroom-ink);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: none;
}
.card-body {
    color: var(--newsroom-ink-soft);
}
.form-control,
.form-select,
.input-group-text {
    border: 1px solid var(--newsroom-line-strong);
    border-radius: 0.85rem;
    background: #fdfdfc;
    color: var(--newsroom-ink);
    box-shadow: none;
}
.form-control:focus,
.form-select:focus,
.btn:focus,
.btn:focus-visible {
    border-color: rgba(139, 106, 56, 0.5);
    box-shadow: 0 0 0 0.18rem rgba(139, 106, 56, 0.14);
}
.form-label {
    color: #465466;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.form-text,
.text-muted,
.small.text-muted {
    color: #6d7a88 !important;
}
.btn {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.btn-primary {
    border-color: #1f4d8b;
    background: linear-gradient(180deg, #25579d 0%, #1d477f 100%);
}
.btn-primary:hover,
.btn-primary:focus {
    border-color: #173b68;
    background: linear-gradient(180deg, #214d8a 0%, #173b68 100%);
}
.btn-warning {
    border-color: #c8952d;
    background: linear-gradient(180deg, #f1be47 0%, #daab39 100%);
    color: #182534;
}
.btn-outline-secondary,
.btn-light,
.btn.btn-sm.btn-outline-secondary {
    border-color: var(--newsroom-line-strong);
    background: rgba(255, 255, 255, 0.78);
    color: var(--newsroom-ink);
}
.badge {
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.alert {
    border: 1px solid var(--newsroom-line);
    border-radius: var(--newsroom-radius-md);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}
.table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(139, 106, 56, 0.025);
    --bs-table-hover-bg: rgba(23, 37, 52, 0.035);
    color: var(--newsroom-ink);
}
.table > :not(caption) > * > * {
    border-bottom-color: #e7edf3;
    padding-top: 0.88rem;
    padding-bottom: 0.88rem;
}
.table thead th {
    color: #556476;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.list-group-item {
    border-width: 0 0 1px;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}
.list-group-item:last-child {
    border-bottom: 0;
}
.dropdown-menu {
    padding: 0.45rem;
}
.dropdown-item {
    border-radius: 0.7rem;
    color: var(--newsroom-ink);
}
.dropdown-item:hover,
.dropdown-item:focus {
    background: #f4efe6;
}
.admin-user-avatar {
    background: linear-gradient(180deg, #1f4d8b 0%, #173b68 100%) !important;
    box-shadow: 0 8px 20px rgba(31, 77, 139, 0.22);
    overflow: hidden;
}
/* Renders the uploaded profile picture inside the admin topbar avatar
   circle. Parent already defines the circle size + border-radius via
   .l-admin-topbar__avatar / .admin-user-avatar; the image just fills
   it with object-fit:cover. CLS-safe via fixed parent dimensions. */
.admin-user-avatar__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    display: block;
    border-radius: inherit;
}
.article-compose-page,
.article-workbench,
.article-workbench__grid--newsroom,
.article-compose-layout {
    color: var(--newsroom-ink);
}
.article-compose-topbar,
.article-workbench__topbar {
    border: 1px solid var(--newsroom-line);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--newsroom-shadow);
}
.article-compose-status-pill {
    border-color: #d6dde6;
    background: #f7f8fa;
    color: #5e6d7d;
}
.article-compose-status-pill.is-active {
    border-color: rgba(139, 106, 56, 0.38);
    background: #f5ede0;
    color: #503a1d;
}
.article-compose-main > .row[data-editor-slot-group="story-headline-row"],
.article-compose-main > [data-editor-slot="deck"],
.article-compose-main > [data-editor-slot="story-dateline"],
.article-compose-main > [data-editor-slot="story-synopsis"],
.article-compose-main > [data-editor-slot="excerpt"],
.article-compose-main > [data-editor-slot="story-correction-note"],
.article-compose-main > #structured-editor-pane,
.article-workbench__sidebar > .card,
.article-workbench__sidebar > section {
    background: rgba(255, 255, 255, 0.93);
}
.article-compose-outline__title,
.article-compose-readiness-panel__title,
.article-workbench-card__header {
    color: var(--newsroom-ink);
}
[data-editor-slot="newsroom-intelligence-automation"],
[data-editor-slot="editorial-intelligence"],
[data-editor-slot="advanced-seo-settings"],
[data-editor-slot="evergreen-desk"] {
    border-radius: 1rem;
}
[data-editor-slot="newsroom-intelligence-automation"] .card-header,
[data-editor-slot="editorial-intelligence"] .card-header,
[data-editor-slot="advanced-seo-settings"] .card-header,
[data-editor-slot="evergreen-desk"] .card-header {
    background: linear-gradient(180deg, #fcf9f3 0%, #f2ece2 100%) !important;
}
.pagination .page-link {
    border-color: var(--newsroom-line);
    color: var(--newsroom-ink);
    background: rgba(255, 255, 255, 0.92);
}
.pagination .page-item.active .page-link {
    border-color: #1f4d8b;
    background: #1f4d8b;
}
@media (max-width: 991.98px) {
    .content-body {
        padding-inline: 0.9rem;
    }

    .sidebar-nav .nav-link {
        margin-inline: 0.8rem;
    }

    .sidebar-heading {
        margin-inline: 0.8rem;
    }

    .sidebar-quick-create {
        margin-inline: 0.8rem;
    }
}
.dashboard-minimal-shell,
.admin-surface-shell {
    color: var(--newsroom-ink);
}
.dashboard-minimal-shell .card,
.admin-surface-shell .card {
    overflow: hidden;
}
.dashboard-minimal-shell .badge,
.admin-surface-shell .badge {
    box-shadow: none;
}
.dashboard-minimal-shell .btn-outline-dark,
.dashboard-minimal-shell .btn-outline-secondary,
.admin-surface-shell .btn-outline-dark,
.admin-surface-shell .btn-outline-secondary,
.admin-surface-shell .btn-outline-info,
.admin-surface-shell .btn-outline-danger,
.admin-surface-shell .btn-light {
    border-color: var(--newsroom-line-strong);
    background: rgba(255, 255, 255, 0.85);
    color: var(--newsroom-ink);
}
.dashboard-minimal-shell .btn-outline-dark:hover,
.dashboard-minimal-shell .btn-outline-secondary:hover,
.admin-surface-shell .btn-outline-dark:hover,
.admin-surface-shell .btn-outline-secondary:hover,
.admin-surface-shell .btn-outline-info:hover,
.admin-surface-shell .btn-outline-danger:hover,
.admin-surface-shell .btn-light:hover {
    background: #f4efe6;
    color: var(--newsroom-ink);
}
.dashboard-minimal-shell .table-light,
.admin-surface-shell .table-light {
    --bs-table-bg: #f8f4ed;
    color: var(--newsroom-ink);
}
.dashboard-minimal-shell .nav-tabs,
.admin-surface-shell .nav-tabs {
    gap: 0.5rem;
    border-bottom: 0;
}
.dashboard-minimal-shell .nav-tabs .nav-link,
.admin-surface-shell .nav-tabs .nav-link {
    border: 1px solid var(--newsroom-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--newsroom-ink-soft);
    font-weight: 700;
}
.dashboard-minimal-shell .nav-tabs .nav-link.active,
.admin-surface-shell .nav-tabs .nav-link.active {
    border-color: rgba(139, 106, 56, 0.34);
    background: #f5ede0;
    color: #513c20;
}
.dashboard-minimal-shell .list-group-flush > .list-group-item,
.admin-surface-shell .list-group-flush > .list-group-item {
    padding-left: 0;
    padding-right: 0;
}
.dashboard-minimal-shell [class*="hero"],
.admin-surface-hero {
    position: relative;
    border: 1px solid var(--newsroom-line);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at top right, rgba(139, 106, 56, 0.1), transparent 26%),
        linear-gradient(180deg, #fffdf8 0%, #f6f1e8 100%);
    box-shadow: var(--newsroom-shadow);
}
.admin-surface-kicker,
.dashboard-minimal-shell .text-uppercase.small.fw-semibold,
.dashboard-minimal-shell .small.text-uppercase.fw-bold {
    color: #7b6540 !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
}
.admin-surface-title,
.dashboard-minimal-shell h1,
.dashboard-minimal-shell .display-6,
.dashboard-minimal-shell .h1,
.dashboard-minimal-shell .h2 {
    color: var(--newsroom-ink);
    letter-spacing: -0.035em;
}
.admin-surface-subtitle,
.dashboard-minimal-shell .lead,
.dashboard-minimal-shell .text-secondary {
    color: var(--newsroom-ink-soft) !important;
}
.dashboard-minimal-shell .card-header .card-title,
.admin-surface-shell .card-header .card-title,
.admin-surface-shell .card-header h5 {
    margin-bottom: 0;
    color: var(--newsroom-ink);
    font-size: 1rem;
}
.dashboard-minimal-shell .fs-4,
.admin-surface-shell .fs-4 {
    color: var(--newsroom-ink);
}
.dashboard-minimal-shell .border.rounded,
.admin-surface-shell .border.rounded,
.admin-surface-shell .media-card,
.admin-surface-shell .media-upload-allowance {
    border-color: #e1e7ee !important;
    border-radius: 0.95rem !important;
    background: rgba(255, 255, 255, 0.88);
}
.dashboard-minimal-shell .border.rounded,
.admin-surface-shell .border.rounded {
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03);
}
.admin-surface-toolbar,
.admin-surface-actions,
.dashboard-minimal-shell .d-flex.justify-content-between.align-items-center.mb-4 {
    gap: 0.75rem;
}
.admin-surface-toolbar-copy h2,
.admin-surface-shell h2.h4,
.admin-surface-shell h2.h3,
.admin-surface-shell .h3 {
    color: var(--newsroom-ink);
    letter-spacing: -0.025em;
}
.admin-surface-shell form.row.g-3,
.admin-surface-shell form.d-flex.gap-2,
.admin-surface-shell .input-group.input-group-sm,
.admin-surface-shell .table-responsive {
    position: relative;
    z-index: 1;
}
.admin-surface-shell .table-responsive {
    border-radius: 0 0 1rem 1rem;
}
.admin-surface-shell .admin-table tbody tr,
.dashboard-minimal-shell .table tbody tr {
    transition: background-color 0.16s ease;
}
.admin-surface-shell .admin-table tbody tr:hover,
.dashboard-minimal-shell .table tbody tr:hover {
    background: rgba(139, 106, 56, 0.035);
}
.admin-surface-shell .title-cell .fw-bold,
.dashboard-minimal-shell .fw-bold {
    color: var(--newsroom-ink);
}
.admin-surface-shell .media-card {
    border: 1px solid #dfe6ed !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}
.admin-surface-shell .media-card .ratio {
    background: linear-gradient(180deg, #faf7f1 0%, #f3eee5 100%) !important;
}
.admin-surface-shell .media-card .card-body {
    padding: 0.8rem !important;
}
.admin-surface-shell .media-card .card-text:first-child {
    color: var(--newsroom-ink);
    font-weight: 700;
}
.admin-surface-shell .media-ops-activity .list-group-item,
.admin-surface-shell .media-risk-top-used .list-group-item {
    border-bottom-color: #e6ecf2;
}
.admin-surface-shell .media-upload-allowance {
    background: linear-gradient(180deg, #fffdfa 0%, #f8f3ea 100%);
}
.admin-surface-shell .icon-placeholder-lg {
    color: #8d98a5;
}
#settingsList,
.role-item,
#blocks-container,
#blocks-container .block-item,
.tab-content > .tab-pane,
#rbac-drift-summary,
.role-drift-badge {
    color: var(--newsroom-ink);
}
#settingsList {
    border: 1px solid var(--newsroom-line) !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: var(--newsroom-shadow);
}
#settingsList .list-group-item {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e8edf2;
    color: var(--newsroom-ink-soft);
    font-weight: 700;
    background: transparent;
}
#settingsList .list-group-item:last-child {
    border-bottom: 0;
}
#settingsList .list-group-item.active {
    border-color: rgba(139, 106, 56, 0.34);
    background: linear-gradient(180deg, #f5ede0 0%, #f0e6d6 100%);
    color: #513c20;
}
#settingsList .list-group-item i {
    color: #8a6a39;
}
.tab-content > .tab-pane > .card-title,
.tab-content h4.card-title,
.tab-content h5.card-title {
    color: var(--newsroom-ink);
    letter-spacing: -0.02em;
}
.tab-content .bg-light,
.tab-content .bg-white,
.tab-content .alert-info,
.tab-content .alert-light {
    border-radius: 0.95rem;
}
.tab-content .border.rounded,
.tab-content .border.rounded.text-center {
    background: rgba(255, 255, 255, 0.88);
    border-color: #e1e7ee !important;
}
#blocks-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#blocks-container .block-item {
    padding: 1rem 1.05rem;
    border: 1px solid var(--newsroom-line) !important;
    border-radius: 1rem !important;
    background:
        radial-gradient(circle at top right, rgba(139, 106, 56, 0.08), transparent 22%),
        linear-gradient(180deg, #fffdfa 0%, #f6f1e8 100%) !important;
    box-shadow: var(--newsroom-shadow);
}
#blocks-container .block-item .handle h5,
#blocks-container .block-item .block-title-display {
    color: var(--newsroom-ink) !important;
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: -0.02em;
}
#blocks-container .block-item .card,
#blocks-container .block-item .bg-white {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: #e2e8ef !important;
}
#empty-state.alert-info,
.alert.alert-warning.shadow-sm,
.alert.alert-info.text-center {
    border-color: var(--newsroom-line);
    background: linear-gradient(180deg, #fffdfa 0%, #f6f1e8 100%);
    color: var(--newsroom-ink);
}
.container-fluid > .d-flex.justify-content-between.align-items-center.mb-4 > h1,
.container-fluid > .d-flex.justify-content-between.align-items-center.mb-4 > h2,
.container-fluid > .d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center > h1 {
    color: var(--newsroom-ink);
    letter-spacing: -0.03em;
}
.container-fluid .btn-toolbar .btn-success,
.container-fluid .btn-success {
    border-color: #2f6b53;
    background: linear-gradient(180deg, #3d8a69 0%, #2f6b53 100%);
}
.container-fluid .btn-success:hover,
.container-fluid .btn-success:focus {
    border-color: #285944;
    background: linear-gradient(180deg, #34775b 0%, #285944 100%);
}
.container-fluid .btn-outline-primary {
    border-color: var(--newsroom-line-strong);
    background: rgba(255, 255, 255, 0.85);
    color: #1f4d8b;
}
.container-fluid .btn-outline-primary:hover,
.container-fluid .btn-outline-primary:focus {
    background: #eef4fb;
    color: #173b68;
}
.container-fluid .btn-secondary {
    border-color: #5e6875;
    background: linear-gradient(180deg, #6b7684 0%, #56616e 100%);
}
.container-fluid .btn-secondary:hover,
.container-fluid .btn-secondary:focus {
    border-color: #4a5460;
    background: linear-gradient(180deg, #5b6673 0%, #4a5460 100%);
}
.container-fluid .table .badge.bg-danger,
.container-fluid .table .badge.bg-warning,
.container-fluid .table .badge.bg-info,
.container-fluid .table .badge.bg-success,
.container-fluid .table .badge.bg-secondary,
.container-fluid .table .badge.bg-primary,
.container-fluid .table .badge.bg-dark {
    box-shadow: none;
}
.container-fluid .table td.fw-bold,
.container-fluid .table .fw-semibold,
.container-fluid .table .title-cell {
    color: var(--newsroom-ink);
}
.role-item {
    border-bottom: 1px solid #e8edf2 !important;
    background: transparent;
}
.role-item:hover,
.role-item:focus {
    background: #f6f1e8;
}
.role-drift-badge,
#rbac-drift-summary {
    border-radius: 0.8rem;
}
#rbac-drift-summary,
.alert.alert-info.border.mb-3,
.alert.alert-light.border.mb-3 {
    border-color: var(--newsroom-line-strong) !important;
    background: linear-gradient(180deg, #fffdfa 0%, #f7f1e8 100%) !important;
}
.rbac-permission-checkbox:checked {
    background-color: #1f4d8b;
    border-color: #1f4d8b;
}
.form-check:has(.rbac-permission-checkbox) {
    padding: 0.4rem 0.45rem 0.4rem 1.7rem;
    border-radius: 0.8rem;
}
.form-check:has(.rbac-permission-checkbox:checked) {
    background: rgba(31, 77, 139, 0.05);
}
@media (max-width: 767.98px) {
    #settingsList {
        flex-wrap: nowrap !important;
        overflow-x: auto;
    }

    #settingsList .list-group-item {
        white-space: nowrap;
    }
}
.container-fluid > .d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center,
.container-fluid > .d-flex.justify-content-between.align-items-center.mb-4,
.container-fluid > form.row.g-2.mb-4.align-items-end {
    position: relative;
    z-index: 1;
}
.btn-group > .btn-outline-secondary.active,
.btn-group > .btn-outline-secondary:active {
    border-color: rgba(139, 106, 56, 0.34);
    background: #f5ede0;
    color: #513c20;
    box-shadow: none;
}
.table.table-striped > tbody > tr:nth-of-type(odd) > * {
    background: rgba(139, 106, 56, 0.022);
}
.container-fluid .h4,
.container-fluid .h2,
.container-fluid .h3,
.container-fluid .h1 {
    color: var(--newsroom-ink);
}
.container-fluid .card.border-0,
.container-fluid .card.shadow-sm.border-0 {
    border: 1px solid var(--newsroom-line) !important;
}
.container-fluid .card-header.bg-white,
.container-fluid .card-footer.bg-white {
    background: linear-gradient(180deg, #fdfbf7 0%, #f5efe6 100%) !important;
}
.container-fluid .table-active > * {
    background: rgba(31, 77, 139, 0.06) !important;
}
.container-fluid .modal-header,
.container-fluid .modal-footer {
    border-color: #e7edf3;
    background: linear-gradient(180deg, #fcfaf6 0%, #f4eee4 100%);
}
.container-fluid .modal-title {
    color: var(--newsroom-ink);
    letter-spacing: -0.02em;
}
.container-fluid .modal-body .bg-light {
    border: 1px solid #e2e8ef;
    background: #fbfcfd !important;
}
.container-fluid .btn-group-sm > .btn,
.container-fluid .btn-group > .btn {
    border-radius: 0.75rem !important;
}
.container-fluid .btn-group > :not(:first-child),
.container-fluid .btn-group-sm > :not(:first-child) {
    margin-left: 0.25rem;
}
.container-fluid .btn-group > :not(:last-child):not(.dropdown-toggle),
.container-fluid .btn-group-sm > :not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
}
.container-fluid .btn-group > :not(:first-child),
.container-fluid .btn-group-sm > :not(:first-child) {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
}
.container-fluid .badge.bg-success,
.container-fluid .badge.bg-primary,
.container-fluid .badge.bg-secondary,
.container-fluid .badge.bg-danger,
.container-fluid .badge.bg-warning,
.container-fluid .badge.bg-info,
.container-fluid .badge.bg-dark {
    filter: saturate(0.92);
}
.container-fluid .badge.bg-light.text-dark.border {
    background: #fbfcfd !important;
}
.container-fluid .table td a.text-decoration-none,
.container-fluid .table td a {
    color: #1c4a86;
}
.container-fluid .table td a:hover {
    color: #173b68;
}
.container-fluid .text-danger {
    color: #b42318 !important;
}
.container-fluid .text-warning {
    color: #9a6700 !important;
}
.container-fluid .text-success {
    color: #146c43 !important;
}
.container-fluid .alert-success {
    border-color: #cde7d7;
    background: linear-gradient(180deg, #f4fbf6 0%, #eef8f1 100%);
    color: #21543d;
}
.container-fluid .alert-danger {
    border-color: #f1d0cb;
    background: linear-gradient(180deg, #fff7f5 0%, #fff1ee 100%);
    color: #8f2d22;
}
.container-fluid .alert-warning {
    border-color: #eadab5;
    background: linear-gradient(180deg, #fffaf0 0%, #fdf4e3 100%);
    color: #7b5a17;
}
.container-fluid .alert-info {
    border-color: #d7e5f5;
    background: linear-gradient(180deg, #f6faff 0%, #eef5fd 100%);
    color: #22496b;
}
.container-fluid .border-bottom {
    border-bottom-color: #e5ebf1 !important;
}
.container-fluid .analytics-kpi,
.container-fluid .subscription-kpi,
.container-fluid .community-kpi,
.container-fluid .epaper-kpi,
.container-fluid .h-100.bg-light-subtle,
.container-fluid .h-100.border.rounded-3 {
    background: linear-gradient(180deg, #fffdf9 0%, #f7f2ea 100%) !important;
    border-color: #e1e7ee !important;
}
.btn i,
.nav-link i,
.dropdown-item i,
.card-header i,
.list-group-item i,
.form-label i,
.badge i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: -0.08em;
}
.btn i {
    margin-right: 0.45rem;
    font-size: 0.95em;
}
.btn i:only-child {
    margin-right: 0;
}
.btn,
.page-link,
.nav-link,
.dropdown-item {
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.btn-sm {
    padding-top: 0.42rem;
    padding-bottom: 0.42rem;
}
.btn-lg {
    padding-inline: 1.35rem;
}
.btn-group > .btn,
.btn-group-sm > .btn,
.btn-group-lg > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}
.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 1.8rem;
    padding-inline: 0.7rem;
}
.badge.rounded-pill {
    padding-inline: 0.8rem;
}
.badge.fs-xs,
.small .badge {
    min-height: 1.55rem;
    font-size: 0.68rem !important;
}
.table {
    font-size: 0.94rem;
}
.table > :not(caption) > * > * {
    vertical-align: middle;
}
.table td,
.table th {
    line-height: 1.45;
}
.table td .small,
.table th .small,
.table td small {
    line-height: 1.45;
}
.table-sm > :not(caption) > * > * {
    padding-top: 0.62rem;
    padding-bottom: 0.62rem;
}
.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #c8d1db transparent;
}
.table-responsive::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.table-responsive::-webkit-scrollbar-thumb {
    background: #c8d1db;
    border-radius: 999px;
}
.table-responsive::-webkit-scrollbar-track {
    background: transparent;
}
.card-header .badge,
.top-navbar .badge,
.sidebar .badge {
    letter-spacing: 0.06em;
}
.pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.45rem;
    min-height: 2.45rem;
}
.form-check-input {
    border-color: #b7c2ce;
}
.form-check-input:checked {
    background-color: #1f4d8b;
    border-color: #1f4d8b;
}
.input-group > .btn,
.input-group > .form-control,
.input-group > .form-select {
    min-height: 2.75rem;
}
.input-group.input-group-sm > .btn,
.input-group.input-group-sm > .form-control,
.input-group.input-group-sm > .form-select {
    min-height: 2.3rem;
}
.card-title,
.fw-semibold,
.fw-bold {
    text-rendering: optimizeLegibility;
}
@media (max-width: 991.98px) {
    :root {
        --sidebar-width: min(84vw, 320px);
    }

    .sidebar {
        box-shadow: 10px 0 40px rgba(15, 23, 42, 0.26);
    }

    .sidebar-header {
        padding-inline: 1.1rem;
    }

    .sidebar-brand {
        font-size: 1.05rem;
    }

    .sidebar-heading {
        margin: 0.9rem 0.8rem 0.28rem;
        padding: 0.42rem 0.75rem;
        font-size: 0.65rem;
    }

    .sidebar-nav {
        padding-top: 0.6rem;
        padding-bottom: 1.4rem;
    }

    .sidebar-nav .nav-link {
        margin: 0.06rem 0.8rem;
        min-height: 2.95rem;
        padding: 0.78rem 0.9rem;
        font-size: 0.92rem;
    }

    .sidebar-nav .nav-link i {
        margin-right: 0.72rem;
        font-size: 1rem;
    }

    .sidebar-overlay {
        background: rgba(9, 14, 22, 0.62) !important;
        backdrop-filter: blur(3px);
    }

    .top-navbar {
        height: 62px;
        padding-inline: 0.85rem;
    }

    .top-navbar .btn.btn-link {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.78);
        border: 1px solid #dde4eb;
    }

    .top-navbar .btn.btn-link i {
        margin-right: 0;
    }

    .admin-navbar-title {
        font-size: 1.18rem;
        max-width: 56vw;
    }

    .content-body {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
    }
}
@media (max-width: 575.98px) {
    :root {
        --sidebar-width: min(88vw, 300px);
    }

    .sidebar-nav .nav-link {
        min-height: 3rem;
        padding-block: 0.82rem;
    }

    .admin-navbar-title {
        max-width: 50vw;
        font-size: 1.08rem;
    }
}
@media (min-width: 992px) {
    :root {
        --sidebar-width: 240px;
    }

    .l-admin-shell {
        --ntcms-admin-sidebar-width: 240px;
    }

    .sidebar-header {
        padding-inline: 1.05rem;
    }

    .sidebar-brand {
        gap: 0.2rem;
        font-size: 1.12rem;
    }

    .sidebar-nav {
        padding-top: 0.58rem;
        padding-bottom: 0.9rem;
    }

    .sidebar-heading {
        margin: 0.82rem 0.78rem 0.18rem;
        padding: 0.08rem 0 0.08rem 0.62rem;
        font-size: 0.66rem;
        letter-spacing: 0.12em;
    }

    .sidebar-heading::before {
        top: 0.38rem;
        height: 0.66rem;
    }

    .sidebar-nav .nav-link {
        margin: 0.04rem 0.78rem;
        min-height: 2.28rem;
        padding: 0.56rem 0.82rem;
        font-size: 0.88rem;
    }

    .sidebar-nav .nav-link i {
        width: 0.98rem;
        margin-right: 0.5rem;
        font-size: 0.84rem;
    }

    .sidebar-nav .nav-link.active::before {
        left: -0.38rem;
        top: 0.38rem;
        bottom: 0.38rem;
    }

    .sidebar-quick-create {
        margin: 0.52rem 0.78rem 0.28rem;
        padding: 0.22rem 0.24rem 0.2rem;
        border-radius: 0.78rem;
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
    }

    .sidebar-quick-create + .sidebar-heading,
    .sidebar-nav .nav-link + .sidebar-heading {
        margin-top: 0.96rem;
    }

    .sidebar-quick-create .nav-link {
        padding: 0.5rem 0.72rem;
        min-height: 2.2rem;
    }

    .sidebar-quick-create .nav-link i {
        margin-right: 0.46rem;
    }
}
/* Hub-tab strip — auto-rendered at the top of any hub landing page.
   Driven by AdminNavService::resolveHubTabs() + _layout/hub_tabs.php. */
.hub-tabs {
    margin: 0 0 18px;
    border-bottom: 1px solid #e2e6ec;
    background: transparent;
}
.hub-tabs__rail {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
.hub-tabs__tab {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background: transparent;
    color: #4b5563;
    padding: 10px 16px;
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.hub-tabs__tab:hover {
    color: #1d4ed8;
    background: rgba(29, 78, 216, 0.04);
}
.hub-tabs__tab.is-active {
    color: #1d4ed8;
    border-bottom-color: #1d4ed8;
    font-weight: 600;
}
.hub-tabs__tab:focus-visible {
    outline: 2px solid #1d4ed8;
    outline-offset: 2px;
    border-radius: 4px;
}
/*
 * Admin sidebar — newsroom-grade refinement (May 2026).
 *
 * Applies to all admin pages where the sidebar shows labels. The actual
 * article editor (immersive 64px icon rail) keeps its own width via the
 * existing admin-editor-immersive.css rules — only the COSMETIC parts
 * of my refine (bg, type, padding) ride along, harmless under a rail
 * because labels are display:none there anyway.
 *
 * Loaded AFTER admin-newsroom-suite.css so its rules win on the cascade.
 */
/* Width override applies ONLY on non-immersive pages so the article-editor
   rail (64px) is preserved. The CHOOSER page (which is technically tagged
   immersive but still shows labels) gets the rail width by default — that's
   fine; the chooser is a quick interstitial. Real article edit is where the
   rail look is intentional. */
@media (min-width: 992px) {
    body:not(.is-editor-immersive) {
        --sidebar-width: 208px;
    }
    body:not(.is-editor-immersive) .l-admin-shell {
        --ntcms-admin-sidebar-width: 208px !important;
    }
    body:not(.is-editor-immersive) .l-admin-main {
        margin-inline-start: var(--ntcms-admin-sidebar-width, 208px) !important;
    }
}
/* Tighter sidebar chrome — applies universally. */
.sidebar {
    background: #0f1419 !important;
    box-shadow: 1px 0 0 rgba(255,255,255,0.04) !important;
    border-right: 1px solid rgba(255,255,255,0.05) !important;
}
/* Brand header — refined, smaller. Centered when a logo image is mounted
   (the wordmark stays left-aligned by default). */
.sidebar-header {
    padding: 14px 14px 10px !important;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sidebar-header:has(.sidebar-brand--logo) {
    justify-content: center !important;
    padding: 18px 14px 14px !important;
}
.sidebar-brand {
    font-size: 0.95rem !important;
    letter-spacing: 0.02em !important;
    font-weight: 700;
}
/* Uploaded admin logo — image replaces the wordmark. Constrains height so
   tall images don't bloat the sidebar header; width auto-scales. Centered
   horizontally within the header. */
.sidebar-brand--logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 0;
    width: 100%;
    margin: 0 auto;
}
.sidebar-brand__logo {
    max-height: 56px;
    width: auto;
    max-width: 168px;        /* fits the 208px refined sidebar with breathing room */
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    margin: 0 auto;
}
@media (min-width: 992px) {
    body.is-editor-immersive .sidebar-brand__logo {
        max-width: 40px;     /* fits the 64px immersive rail */
        max-height: 32px;
    }
}
/* Article editor uses the square PWA App Icon — bigger than nav-item icons
   so it reads as the brand mark, not just another row. The 64px immersive
   rail can host a 48px chip with breathing room on both sides. */
.sidebar-brand--mark .sidebar-brand__logo {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1 / 1;
}
body.is-editor-immersive .sidebar-header {
    padding: 10px 0 12px !important;
    min-block-size: 72px;
    justify-content: center !important;
}
/* The immersive layout draws an "N" letter via `.sidebar-brand::after` to
   stand in as a brand mark when no logo is uploaded. Once we have an actual
   logo image, suppress that pseudo so it doesn't overlay the logo. Also
   strip the chrome treatment from the brand element so the image rides
   alone. */
body.is-editor-immersive .l-admin-sidebar .sidebar-brand--logo,
body.is-editor-immersive .l-admin-sidebar__brand.sidebar-brand--logo {
    background: transparent !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    text-indent: 0 !important;
    overflow: visible !important;
}
body.is-editor-immersive .l-admin-sidebar .sidebar-brand--logo::after,
body.is-editor-immersive .l-admin-sidebar .sidebar-brand--logo::before,
body.is-editor-immersive .l-admin-sidebar__brand.sidebar-brand--logo::after,
body.is-editor-immersive .l-admin-sidebar__brand.sidebar-brand--logo::before {
    content: none !important;
    display: none !important;
}
/* Section headings — uppercase eyebrow style, refined density */
.sidebar-heading,
.sidebar-nav .sidebar-heading {
    font-size: 0.66rem !important;
    letter-spacing: 0.12em !important;
    font-weight: 700 !important;
    color: #6b7480 !important;
    text-transform: uppercase !important;
    margin: 14px 14px 4px !important;
    padding: 0 !important;
}
.sidebar-nav .sidebar-heading:first-of-type {
    margin-top: 10px !important;
}
.sidebar-heading::before { display: none !important; }
/* Quick create section sits with no special heading rule */
.sidebar-quick-create {
    padding: 4px 0 !important;
}
/* Nav links — slim, refined, fit-to-content width. Sizing rules are scoped
   to non-immersive so the article editor's 40×40 icon-rail keeps its
   precise dimensions. */
body:not(.is-editor-immersive) .sidebar-nav,
body:not(.is-editor-immersive) .admin-toolbench-rail {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
}
body:not(.is-editor-immersive) .sidebar-nav .nav-link,
body:not(.is-editor-immersive) .sidebar-quick-create .nav-link {
    margin: 0 8px !important;
    padding: 7px 10px !important;
    min-height: auto !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    color: #d1d5db !important;
    border-radius: 6px !important;
    line-height: 1.3 !important;
    transition: background 0.12s ease, color 0.12s ease !important;
    transform: none !important;
}
body:not(.is-editor-immersive) .sidebar-nav .nav-link:hover,
body:not(.is-editor-immersive) .sidebar-quick-create .nav-link:hover {
    background: rgba(255,255,255,0.05) !important;
    color: #ffffff !important;
    transform: none !important;
}
/* Active state — refined accent rule (no fancy shadow). Non-immersive only;
   immersive uses its own filled-accent treatment. */
body:not(.is-editor-immersive) .sidebar-nav .nav-link.active,
body:not(.is-editor-immersive) .sidebar-quick-create .nav-link.active {
    background: rgba(59, 130, 246, 0.14) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}
body:not(.is-editor-immersive) .sidebar-nav .nav-link.active::before,
body:not(.is-editor-immersive) .sidebar-quick-create .nav-link.active::before {
    content: "" !important;
    position: absolute !important;
    left: -8px !important;
    top: 8px !important;
    bottom: 8px !important;
    width: 2px !important;
    background: #60a5fa !important;
    border-radius: 0 2px 2px 0 !important;
}
/* Icons — refined, non-immersive only (immersive sizes icons to 18px itself). */
body:not(.is-editor-immersive) .sidebar-nav .nav-link i,
body:not(.is-editor-immersive) .sidebar-quick-create .nav-link i {
    width: 14px !important;
    height: 14px !important;
    margin-right: 10px !important;
    font-size: 0.82rem !important;
    color: #8b94a0 !important;
    flex-shrink: 0;
}
body:not(.is-editor-immersive) .sidebar-nav .nav-link:hover i,
body:not(.is-editor-immersive) .sidebar-quick-create .nav-link:hover i {
    color: #ffffff !important;
}
body:not(.is-editor-immersive) .sidebar-nav .nav-link.active i,
body:not(.is-editor-immersive) .sidebar-quick-create .nav-link.active i {
    color: #60a5fa !important;
}
/* Inter-row spacing (refined sidebar only). */
body:not(.is-editor-immersive) .sidebar-nav > .nav-link + .nav-link,
body:not(.is-editor-immersive) .sidebar-quick-create > .nav-link + .nav-link {
    margin-top: 1px !important;
}
body:not(.is-editor-immersive) .sidebar-nav .nav-link + .sidebar-heading {
    margin-top: 12px !important;
}
body:not(.is-editor-immersive) .sidebar-nav .sidebar-heading + .nav-link {
    margin-top: 2px !important;
}
/* Close-sidebar button (mobile) — smaller */
.l-admin-sidebar [data-action="close-admin-sidebar"] {
    padding: 4px 8px !important;
    font-size: 0.78rem !important;
}
/* On the immersive editor rail, hide section eyebrow text (no labels). */
body.is-editor-immersive .l-admin-sidebar .sidebar-heading {
    display: none !important;
}
.homepage-command {
    color: #111827;
}
.homepage-command__topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    margin: -0.5rem -0.5rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 10px 26px rgba(15,23,42,0.06);
}
.homepage-command__topbar h1,
.homepage-zone-editor h2,
.homepage-command__panel-head h2 {
    margin: 0;
    letter-spacing: 0;
}
.homepage-command__topbar p {
    margin: 0.25rem 0 0;
    color: #6b7280;
}
.homepage-command__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-top: 0.75rem;
    color: #4b5563;
    font-size: 0.78rem;
}
.homepage-command__lockbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.8rem;
    margin-top: 0.75rem;
    color: #374151;
    font-size: 0.76rem;
}
.homepage-command__meta strong {
    color: #111827;
}
.homepage-command__lockbar strong {
    color: #111827;
}
.homepage-command__eyebrow {
    margin: 0 0 0.25rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #991b1b;
}
.homepage-command__actions,
.homepage-zone-editor__header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: flex-end;
}
.homepage-command__summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}
.homepage-command__status {
    margin: -0.25rem 0 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background: #eff6ff;
    color: #1e40af;
    font-size: 0.9rem;
    font-weight: 700;
}
.homepage-command__status--success {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}
.homepage-command__status--error {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}
.homepage-command__summary > div,
.homepage-command__nav,
.homepage-command__issues,
.homepage-zone-editor {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15,23,42,0.04);
}
.homepage-command__summary > div {
    padding: 0.9rem;
}
.homepage-command__summary strong {
    display: block;
    font-size: 1rem;
}
.homepage-command__summary span,
.homepage-zone-editor__header p,
.homepage-zone-item__body small {
    display: block;
    color: #6b7280;
    font-size: 0.78rem;
}
.homepage-command__grid {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}
.homepage-command__nav,
.homepage-command__issues {
    position: sticky;
    top: 6rem;
    max-height: calc(100vh - 7rem);
    overflow: auto;
    padding: 0.85rem;
}
.homepage-command__panel-head,
.homepage-zone-editor__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eef2f7;
}
.homepage-zone-editor__lock {
    display: inline-flex;
    margin-top: 0.55rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.74rem;
}
.homepage-zone-editor__summary {
    margin-top: 0.55rem;
    color: #374151;
    font-size: 0.8rem;
}
.homepage-command__panel-head h2 {
    font-size: 0.95rem;
}
.homepage-command__group h3 {
    margin: 1rem 0 0.45rem;
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.homepage-command__group ol,
.homepage-zone-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.homepage-command__group button {
    width: 100%;
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    padding: 0.65rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    text-align: left;
}
.homepage-command__group button:hover,
.homepage-command__group button.is-active {
    border-color: #d1d5db;
    background: #f9fafb;
}
.homepage-command__group small {
    display: block;
    color: #6b7280;
    font-size: 0.72rem;
}
.homepage-command__zone-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.3rem;
}
.homepage-command__zone-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.homepage-command__zone-pill--error {
    background: #fef2f2;
    color: #991b1b;
}
.homepage-command__zone-pill--warning {
    background: #fffbeb;
    color: #9a3412;
}
.homepage-command__zone-pill--info {
    background: #eff6ff;
    color: #1d4ed8;
}
.homepage-command__zone-pill--success {
    background: #f0fdf4;
    color: #166534;
}
.homepage-command__drag {
    color: #9ca3af;
}
.homepage-zone-editor {
    display: none;
    padding: 1rem;
}
.homepage-zone-editor.is-active {
    display: block;
}
.homepage-zone-editor__config {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}
.homepage-zone-editor__config label {
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
}
.homepage-command__check {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    padding-top: 1.35rem;
}
.homepage-zone-editor__tools {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.8fr);
    gap: 1rem;
    margin-bottom: 1rem;
}
.homepage-zone-editor__results,
.homepage-zone-editor__fallback {
    margin-top: 0.5rem;
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f9fafb;
    color: #4b5563;
    font-size: 0.82rem;
}
.homepage-search-result {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid #e5e7eb;
}
.homepage-search-result:last-child {
    border-bottom: 0;
}
.homepage-zone-items {
    display: grid;
    gap: 0.55rem;
}
.homepage-zone-items li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
}
.homepage-zone-items li.is-selected {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}
.homepage-zone-item__rank {
    color: #991b1b;
    font-weight: 800;
}
.homepage-zone-item__body {
    min-width: 0;
}
.homepage-zone-item__body strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.homepage-zone-item__actions {
    display: flex;
    gap: 0.35rem;
}
.homepage-zone-editor__inspector {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #eef2f7;
}
.homepage-zone-editor__inspector-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}
.homepage-zone-editor__inspector-grid label {
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
}
.homepage-zone-editor__inspector-grid label:nth-child(4),
.homepage-zone-editor__inspector-grid label:nth-child(5),
.homepage-zone-editor__inspector-grid label:nth-child(6) {
    grid-column: span 3;
}
.homepage-zone-editor__inspector-actions {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.85rem;
}
.homepage-zone-editor__validation {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.8rem;
}
.homepage-command__insight {
    padding-top: 0.9rem;
    margin-top: 0.9rem;
    border-top: 1px solid #eef2f7;
}
.homepage-command__panel-head--tight {
    padding-bottom: 0.5rem;
    margin-bottom: 0.65rem;
}
.homepage-command__score {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f8fafc;
}
.homepage-command__preview-actions,
.homepage-command__timeline-actions {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}
.homepage-command__preview-meta {
    color: #4b5563;
    font-size: 0.76rem;
    margin-bottom: 0.55rem;
}
.homepage-command__timeline {
    display: grid;
    gap: 0.65rem;
}
.homepage-command__timeline-item {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f8fafc;
}
.homepage-command__timeline-item strong {
    display: block;
    font-size: 0.82rem;
}
.homepage-command__timeline-item p,
.homepage-command__timeline-item small {
    margin: 0.15rem 0 0;
    color: #6b7280;
}
.homepage-command__score strong {
    display: block;
    font-size: 0.95rem;
}
.homepage-command__score p,
.homepage-command__change-list p {
    margin: 0.25rem 0 0;
    color: #6b7280;
    font-size: 0.78rem;
}
.homepage-command__score-value {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    background: #111827;
    color: #fff;
    font-size: 1.45rem;
    font-weight: 800;
}
.homepage-command__signals {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.8rem;
}
.homepage-command__signal {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    font-size: 0.8rem;
}
.homepage-command__signal--success {
    border-color: #bbf7d0;
    background: #f0fdf4;
}
.homepage-command__signal--warning {
    border-color: #fde68a;
    background: #fffbeb;
}
.homepage-command__signal--error {
    border-color: #fecaca;
    background: #fef2f2;
}
.homepage-command__change-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.7rem;
}
.homepage-command__change-metrics > div {
    padding: 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f9fafb;
}
.homepage-command__change-metrics strong {
    display: block;
    font-size: 0.95rem;
}
.homepage-command__change-metrics span {
    color: #6b7280;
    font-size: 0.75rem;
}
.homepage-command__validation-group h3 {
    margin: 0 0 0.5rem;
    color: #374151;
    font-size: 0.8rem;
}
.homepage-issue {
    padding: 0.7rem;
    margin-bottom: 0.6rem;
    border-radius: 8px;
    background: #fffbeb;
    border: 1px solid #fde68a;
}
.homepage-issue--error {
    background: #fef2f2;
    border-color: #fecaca;
}
.homepage-issue p {
    margin: 0.25rem 0 0;
    color: #4b5563;
    font-size: 0.78rem;
}
.homepage-issue button {
    margin-top: 0.3rem;
}
.homepage-command__preview {
    max-height: 420px;
    overflow: auto;
    margin-top: 1rem;
    padding: 0.75rem;
    border-radius: 8px;
    background: #111827;
    color: #f9fafb;
    font-size: 0.74rem;
}
.homepage-command__launch-summary p {
    margin: 0 0 0.45rem;
    font-size: 0.8rem;
    color: #4b5563;
}
.homepage-command__launch-checks {
    display: grid;
    gap: 0.55rem;
}
.homepage-command__launch-check {
    padding: 0.7rem 0.8rem;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
}
.homepage-command__launch-check p {
    margin: 0.25rem 0 0;
    color: #4b5563;
    font-size: 0.78rem;
}
.homepage-command__launch-check--pass {
    border-color: #bbf7d0;
    background: #f0fdf4;
}
.homepage-command__launch-check--warn {
    border-color: #fde68a;
    background: #fffbeb;
}
.homepage-command__launch-check--fail {
    border-color: #fecaca;
    background: #fef2f2;
}
.homepage-command__modal {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(17, 24, 39, 0.52);
}
.homepage-command__modal-card {
    width: min(760px, 100%);
    max-height: 90vh;
    overflow: auto;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 32px 64px rgba(15, 23, 42, 0.25);
    padding: 1rem;
}
.homepage-command__modal-body {
    display: grid;
    gap: 0.9rem;
    padding: 0.5rem 0 0.25rem;
}
.homepage-command__modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding-top: 0.75rem;
}
.homepage-command__field {
    display: grid;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: #374151;
}
@media (max-width: 1200px) {
    .homepage-command__grid {
        grid-template-columns: 220px minmax(0, 1fr);
    }
    .homepage-command__issues {
        position: static;
        grid-column: 1 / -1;
        max-height: none;
    }
}
@media (max-width: 900px) {
    .homepage-command__topbar,
    .homepage-zone-editor__header {
        flex-direction: column;
    }
    .homepage-command__summary,
    .homepage-command__grid,
    .homepage-zone-editor__config,
    .homepage-zone-editor__tools,
    .homepage-zone-editor__inspector-grid {
        grid-template-columns: 1fr;
    }
    .homepage-command__nav {
        position: static;
        max-height: none;
    }

    .homepage-zone-editor__inspector-grid label:nth-child(4),
    .homepage-zone-editor__inspector-grid label:nth-child(5),
    .homepage-zone-editor__inspector-grid label:nth-child(6) {
        grid-column: span 1;
    }
}
.homepage-cc {
    display: grid;
    gap: 20px;
}
.homepage-cc__top,
.homepage-cc__body,
.homepage-cc__rail-grid,
.homepage-cc__validation-grid {
    display: grid;
    gap: 16px;
}
.homepage-cc__top {
    grid-template-columns: 1fr auto;
    align-items: start;
}
.homepage-cc__top-actions,
.homepage-cc__story-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.homepage-cc__body {
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.9fr);
}
.homepage-cc__rail,
.homepage-cc__zones,
.homepage-cc__queue,
.homepage-cc__validation,
.homepage-cc__zone-card,
.homepage-cc__story-card,
.homepage-cc__slot-card {
    background: #fff;
    border: 1px solid #dde3ea;
    border-radius: 8px;
}
.homepage-cc__rail,
.homepage-cc__zones,
.homepage-cc__queue,
.homepage-cc__validation {
    padding: 16px;
}
.homepage-cc__rail-grid,
.homepage-cc__validation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.homepage-cc__zone-list,
.homepage-cc__queue-list,
[data-breaking-candidates],
[data-breaking-bar-state],
[data-hero-lead-state] {
    display: grid;
    gap: 12px;
}
.homepage-cc__zone-card,
.homepage-cc__story-card,
.homepage-cc__slot-card {
    padding: 12px;
}
.homepage-cc__zone-card.is-full {
    border-color: #198754;
}
.homepage-cc__zone-card.is-underfilled {
    border-color: #dc3545;
}
.homepage-cc__zone-head,
.homepage-cc__rail-head,
.homepage-cc__section-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}
.homepage-cc__zone-fill {
    font-weight: 600;
}
.homepage-cc__eyebrow {
    margin: 0 0 4px;
    font-size: 12px;
    text-transform: uppercase;
    color: #5f6b7a;
}
.homepage-cc__copy {
    margin: 4px 0 0;
    color: #5f6b7a;
}
.homepage-cc__validation-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.homepage-cc__validation-grid div {
    background: #f7f9fc;
    border-radius: 8px;
    padding: 12px;
    display: grid;
    gap: 4px;
}
.homepage-cc__queue-score {
    font-weight: 600;
}
.homepage-cc--mobile .homepage-cc__top,
.homepage-cc--mobile .homepage-cc__body,
.homepage-cc--mobile .homepage-cc__rail-grid,
.homepage-cc--mobile .homepage-cc__validation-grid {
    grid-template-columns: 1fr;
}
@media (max-width: 900px) {
    .homepage-cc__top,
    .homepage-cc__body,
    .homepage-cc__rail-grid,
    .homepage-cc__validation-grid {
        grid-template-columns: 1fr;
    }
}
.article-compose-page {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    --article-compose-radius: 1rem;
}
.article-compose-page[lang^="hi"],
.article-compose-page[lang^="mr"],
.article-compose-page[data-editor-locale^="hi"],
.article-compose-page[data-editor-locale^="mr"] {
    --article-compose-script-font: var(--font-devanagari, "Noto Sans Devanagari", "Noto Sans", system-ui, sans-serif);
}
.article-compose-page[lang^="hi"] .article-compose-main [data-editor-slot="title"] .form-control,
.article-compose-page[lang^="mr"] .article-compose-main [data-editor-slot="title"] .form-control,
.article-compose-page[data-editor-locale^="hi"] .article-compose-main [data-editor-slot="title"] .form-control,
.article-compose-page[data-editor-locale^="mr"] .article-compose-main [data-editor-slot="title"] .form-control,
.article-compose-page[lang^="hi"] .article-compose-main [data-editor-slot="deck"] .form-control,
.article-compose-page[lang^="mr"] .article-compose-main [data-editor-slot="deck"] .form-control,
.article-compose-page[lang^="hi"] .article-compose-main [data-editor-slot="story-synopsis"] .form-control,
.article-compose-page[lang^="mr"] .article-compose-main [data-editor-slot="story-synopsis"] .form-control,
.article-compose-page[lang^="hi"] .article-compose-main [data-editor-slot="excerpt"] .form-control,
.article-compose-page[lang^="mr"] .article-compose-main [data-editor-slot="excerpt"] .form-control {
    font-family: var(--article-compose-script-font);
    font-feature-settings: "kern" 1, "liga" 1, "abvs" 1, "blws" 1, "haln" 1;
    line-height: 1.7;
}
.article-compose-topbar {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe2ea;
    border-radius: var(--article-compose-radius);
    background: #ffffff;
}
.article-compose-topbar__workflow {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}
.article-compose-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid #d0d7e2;
    border-radius: var(--article-compose-radius);
    background: #f8fafc;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.article-compose-status-pill.is-active {
    border-color: #98a2b3;
    background: #eff6ff;
    color: #102a56;
}
.article-compose-topbar__save {
    color: #667085;
    font-size: 0.86rem;
    font-weight: 600;
    white-space: nowrap;
}
.article-compose-topbar__meta {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.9rem;
    flex-wrap: wrap;
}
.article-compose-topbar__readiness {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid #dbe2ea;
    border-radius: var(--article-compose-radius);
    background: #f8fafc;
    color: #1f2937;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}
.article-compose-topbar__readiness.is-blocker {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b42318;
}
.article-compose-topbar__readiness.is-warning {
    border-color: #fde68a;
    background: #fffbeb;
    color: #b45309;
}
.article-compose-topbar__readiness.is-ready {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}
.article-compose-topbar__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.article-workflow-foundation__grid {
    display: grid;
    gap: 0.85rem;
}
.article-workflow-foundation__hero {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}
.article-workflow-foundation__pill,
.article-workflow-foundation__metric,
.article-workflow-foundation__action-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.76rem;
    font-weight: 700;
}
.article-workflow-foundation__pill {
    background: #eff6ff;
    color: #102a56;
    border: 1px solid #bfdbfe;
}
.article-workflow-foundation__stage {
    color: #475467;
    font-size: 0.82rem;
    font-weight: 600;
}
.article-workflow-foundation__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.article-workflow-foundation__label {
    color: #667085;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.article-workflow-foundation__value,
.article-workflow-foundation__hint {
    color: #101828;
    font-size: 0.84rem;
    font-weight: 600;
}
.article-workflow-foundation__hint {
    color: #475467;
    font-weight: 500;
}
.article-workflow-foundation__metric.is-blocked {
    background: #fff1f2;
    color: #b42318;
    border: 1px solid #fecaca;
}
.article-workflow-foundation__metric.is-review {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}
.article-workflow-foundation__metric.is-ready {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.article-workflow-foundation__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}
.article-workflow-foundation__stat {
    border: 1px solid #e4e7ec;
    border-radius: 0.85rem;
    padding: 0.75rem 0.6rem;
    background: #f8fafc;
    text-align: center;
}
.article-workflow-foundation__stat-value {
    display: block;
    color: #101828;
    font-size: 1rem;
    font-weight: 700;
}
.article-workflow-foundation__stat-label,
.article-workflow-foundation__actions-label {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.article-workflow-foundation__actions {
    display: grid;
    gap: 0.45rem;
}
.article-workflow-foundation__action-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
.article-workflow-foundation__action-chip {
    background: #f8fafc;
    color: #344054;
    border: 1px solid #dbe2ea;
}
.article-workflow-foundation__action-chip.is-muted {
    background: #f4f4f5;
    color: #667085;
    border-color: #e4e7ec;
}
.article-workflow-runtime__cluster {
    display: grid;
    gap: 0.55rem;
    padding-top: 0.2rem;
}
.article-workflow-runtime__status-row,
.article-workflow-runtime__item-head,
.article-workflow-runtime__item-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: wrap;
}
.article-workflow-runtime__status-pill,
.article-workflow-runtime__item-status,
.article-workflow-runtime__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.28rem 0.65rem;
    font-size: 0.74rem;
    font-weight: 700;
    border: 1px solid #dbe2ea;
    background: #f8fafc;
    color: #344054;
}
.article-workflow-runtime__status-pill.is-success {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}
.article-workflow-runtime__status-pill.is-warning {
    border-color: #fde68a;
    background: #fffbeb;
    color: #b45309;
}
.article-workflow-runtime__meta,
.article-workflow-runtime__hint,
.article-workflow-runtime__item-copy,
.article-workflow-runtime__item-meta {
    color: #475467;
    font-size: 0.8rem;
    font-weight: 500;
}
.article-workflow-runtime__section-label {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.article-workflow-runtime__list {
    display: grid;
    gap: 0.6rem;
}
.article-workflow-runtime__item,
.article-workflow-runtime__conflict,
.article-workflow-runtime__restore-form {
    border: 1px solid #e4e7ec;
    border-radius: 0.9rem;
    background: #f8fafc;
    padding: 0.8rem;
}
.article-workflow-runtime__item-title {
    color: #101828;
    font-size: 0.84rem;
    font-weight: 700;
}
.article-workflow-runtime__item-diff,
.article-workflow-runtime__item-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.article-workflow-runtime__tag {
    padding-inline: 0.55rem;
    font-weight: 600;
}
.article-workflow-runtime__empty {
    color: #667085;
    font-size: 0.82rem;
    padding: 0.3rem 0;
}
.article-workflow-runtime__conflict {
    border-color: #fde68a;
    background: #fffbeb;
}
.article-workflow-runtime__conflict-copy {
    color: #92400e;
    font-size: 0.82rem;
    font-weight: 600;
}
.article-workflow-runtime__restore-form .form-label {
    margin-bottom: 0.28rem;
}
.article-workflow-runtime__comment-form {
    display: grid;
    gap: 0.4rem;
}
.article-calendar-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}
.article-calendar-lane {
    border: 1px solid #e2e8f0;
    border-radius: var(--article-compose-radius);
    background: #f8fafc;
    min-height: 18rem;
    display: flex;
    flex-direction: column;
}
.article-calendar-lane.is-drop-target {
    border-color: #2563eb;
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.12);
    background: #eff6ff;
}
.article-calendar-lane__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 0.9rem;
    border-bottom: 1px solid #e2e8f0;
}
.article-calendar-lane__body {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.85rem;
}
.article-calendar-lane__empty {
    border: 1px dashed #cbd5e1;
    border-radius: var(--article-compose-radius);
    padding: 1rem;
    color: #64748b;
    font-size: 0.86rem;
    background: rgba(255, 255, 255, 0.72);
}
.article-calendar-card {
    border: 1px solid #dbe2ea;
    border-radius: var(--article-compose-radius);
    padding: 0.9rem;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
    cursor: grab;
}
.article-calendar-card.is-dragging {
    opacity: 0.55;
}
.article-publish-checklist-card {
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.article-publish-checklist-card.is-blocked {
    border-color: #fda4af !important;
    box-shadow: 0 14px 30px rgba(190, 24, 93, 0.08);
}
.article-publish-checklist-card.is-warning {
    border-color: #fcd34d !important;
}
.article-publish-checklist-card.is-ready {
    border-color: #86efac !important;
}
.article-publish-checklist-item.is-blocking {
    border-color: #fecaca !important;
    background: #fff1f2;
}
.article-publish-checklist-item.is-warning {
    border-color: #fde68a !important;
    background: #fffbeb;
}
.article-publish-checklist-item.is-complete {
    border-color: #bbf7d0 !important;
    background: #f0fdf4;
}
.l-editor-article-preview__parity {
    border-top: 1px solid #e5e7eb;
    padding-top: 0.85rem;
}
.l-editor-article-preview__parity-row {
    border: 1px solid #e5e7eb;
    border-radius: var(--article-compose-radius);
    padding: 0.65rem 0.75rem;
    background: #fff;
    margin-bottom: 0.5rem;
}
.article-editor-recovery__row,
.article-editor-recovery__block {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.article-activity-timeline {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.article-activity-timeline__item {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
}
.article-activity-timeline__dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    margin-top: 0.45rem;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.12);
}
.article-activity-timeline__content {
    border: 1px solid #e2e8f0;
    border-radius: var(--article-compose-radius);
    padding: 0.9rem 1rem;
    background: #f8fafc;
}
.article-activity-timeline__diff {
    border-top: 1px solid #d8dee6;
    padding-top: 0.65rem;
}
.article-activity-timeline__diff-summary {
    cursor: pointer;
    color: #0f172a;
    font-weight: 700;
}
.article-activity-timeline__diff-list {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.65rem;
}
.article-activity-timeline__diff-row {
    border: 1px solid #d8dee6;
    border-radius: 0.75rem;
    background: #fff;
    padding: 0.65rem;
}
.article-activity-timeline__diff-field {
    font-size: 0.82rem;
    font-weight: 700;
    margin-bottom: 0.45rem;
}
.article-activity-timeline__diff-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}
.article-activity-timeline__diff-values code {
    display: block;
    min-height: 2.5rem;
    white-space: pre-wrap;
    word-break: break-word;
    border-radius: 0.55rem;
    background: #f1f5f9;
    color: #0f172a;
    padding: 0.5rem;
}
.article-activity-timeline__diff-label {
    display: block;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}
@media (max-width: 1199.98px) {
    .article-calendar-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {
    .article-calendar-board {
        grid-template-columns: 1fr;
    }

    .article-workflow-foundation__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
[data-editor-slot="newsroom-intelligence-automation"] {
    border: 1px solid #d8dee6 !important;
    border-radius: 1rem;
    overflow: hidden;
    background: #fffdfa;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.04);
}
[data-editor-slot="newsroom-intelligence-automation"] .card-header {
    padding: 0.95rem 1.15rem !important;
    border-bottom: 1px solid #e7ebf0;
    background: linear-gradient(180deg, #fbf8f2 0%, #f6f1e8 100%) !important;
}
[data-editor-slot="newsroom-intelligence-automation"] .card-header h6 {
    color: #172534 !important;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}
[data-editor-slot="newsroom-intelligence-automation"] .card-header .bi {
    color: #8a6736;
}
[data-editor-slot="newsroom-intelligence-automation"] .card-body {
    padding: 1.15rem;
    background:
        radial-gradient(circle at top right, rgba(197, 181, 151, 0.12), transparent 22%),
        linear-gradient(180deg, #fffdf9 0%, #fffdfa 100%);
}
[data-editor-slot="newsroom-intelligence-automation"] .badge {
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
[data-editor-slot="newsroom-intelligence-automation"] #automation-publish-readiness-label,
[data-editor-slot="newsroom-intelligence-automation"] #automation-workflow-lane-label,
[data-editor-slot="newsroom-intelligence-automation"] #automation-publish-readiness-score {
    color: #243447 !important;
}
[data-editor-slot="newsroom-intelligence-automation"] .d-flex.flex-wrap.gap-2.mb-3 .badge {
    padding: 0.72rem 0.95rem !important;
    border: 1px solid #d9e0e8 !important;
    background: #ffffff !important;
    color: #233446 !important;
}
[data-editor-slot="newsroom-intelligence-automation"] .bg-light-subtle {
    border: 1px solid #e4e8ee !important;
    border-radius: 1rem !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
[data-editor-slot="newsroom-intelligence-automation"] .bg-light-subtle .small.text-uppercase {
    color: #7b8794 !important;
    letter-spacing: 0.16em;
}
[data-editor-slot="newsroom-intelligence-automation"] #automation-decision-summary {
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 700 !important;
    line-height: 1.45;
    font-family: Georgia, "Times New Roman", serif;
}
[data-editor-slot="newsroom-intelligence-automation"] #automation-workflow-lane-detail {
    color: #556476 !important;
    font-size: 0.93rem;
    line-height: 1.6;
}
[data-editor-slot="newsroom-intelligence-automation"] .row.g-3 > [class*="col-"] > .border.rounded {
    height: 100%;
    padding: 1rem !important;
    border: 1px solid #e2e7ee !important;
    border-radius: 0.95rem !important;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.03);
}
[data-editor-slot="newsroom-intelligence-automation"] .row.g-3 > [class*="col-"] > .border.rounded > .small.text-uppercase {
    margin-bottom: 0.75rem !important;
    color: #6c7887 !important;
    font-size: 0.69rem;
    font-weight: 800 !important;
    letter-spacing: 0.16em;
}
[data-editor-slot="newsroom-intelligence-automation"] #automation-publish-readiness-blockers .text-danger,
[data-editor-slot="newsroom-intelligence-automation"] #automation-publish-readiness-warnings .text-warning,
[data-editor-slot="newsroom-intelligence-automation"] #automation-desk-actions .fw-semibold,
[data-editor-slot="newsroom-intelligence-automation"] #automation-distribution-cues .fw-semibold,
[data-editor-slot="newsroom-intelligence-automation"] #automation-refresh-nudge .fw-semibold,
[data-editor-slot="newsroom-intelligence-automation"] #automation-reminders-list .fw-semibold {
    color: #182534 !important;
}
[data-editor-slot="newsroom-intelligence-automation"] #automation-publish-readiness-blockers .small,
[data-editor-slot="newsroom-intelligence-automation"] #automation-publish-readiness-warnings .small,
[data-editor-slot="newsroom-intelligence-automation"] #automation-desk-actions .small,
[data-editor-slot="newsroom-intelligence-automation"] #automation-distribution-cues .small,
[data-editor-slot="newsroom-intelligence-automation"] #automation-refresh-nudge .small,
[data-editor-slot="newsroom-intelligence-automation"] #automation-reminders-list .small {
    color: #5f6c7a !important;
    line-height: 1.55;
}
[data-editor-slot="newsroom-intelligence-automation"] .editor-actionable-issue {
    padding: 0.78rem 0.85rem !important;
    border: 1px solid #e5e9ef;
    border-radius: 0.85rem;
    background: #fbfcfd;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}
[data-editor-slot="newsroom-intelligence-automation"] .editor-actionable-issue:hover {
    border-color: #cfd7e2;
    background: #ffffff;
    transform: translateY(-1px);
}
[data-editor-slot="newsroom-intelligence-automation"] .editor-actionable-issue .badge {
    padding: 0.42rem 0.62rem;
    border-color: #d6dde6 !important;
    background: #ffffff !important;
    color: #243447 !important;
}
@media (max-width: 991.98px) {
    [data-editor-slot="newsroom-intelligence-automation"] .card-body {
        padding: 1rem;
    }

    [data-editor-slot="newsroom-intelligence-automation"] .d-flex.flex-wrap.gap-2.mb-3 {
        gap: 0.55rem !important;
    }
}
.article-compose-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 1.25rem;
    align-items: start;
}
.article-compose-outline,
.article-compose-inspector {
    position: sticky;
    top: 1.25rem;
}
.article-compose-outline {
    display: none;
    border: 1px solid #dbe2ea;
    border-radius: 0.9rem;
    background: #ffffff;
    overflow: hidden;
}
.article-compose-outline__title {
    padding: 0.95rem 1rem;
    background: #1f2937;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 700;
}
.article-compose-outline__list {
    min-height: 8rem;
    padding: 0.35rem 0;
}
.article-compose-main {
    min-width: 0;
}
.article-compose-main > .row[data-editor-slot-group="story-headline-row"],
.article-compose-main > [data-editor-slot="deck"],
.article-compose-main > [data-editor-slot="story-dateline"],
.article-compose-main > [data-editor-slot="story-synopsis"],
.article-compose-main > [data-editor-slot="excerpt"],
.article-compose-main > [data-editor-slot="story-correction-note"],
.article-compose-main > #structured-editor-pane {
    margin: 0 !important;
    padding: 1rem 1.05rem;
    border: 0;
    background: #ffffff;
}
.article-compose-main > .row[data-editor-slot-group="story-headline-row"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
    align-items: start;
}
.article-compose-main > .row[data-editor-slot-group="story-headline-row"] > [data-editor-slot="title"],
.article-compose-main > .row[data-editor-slot-group="story-headline-row"] > [data-editor-slot="slug"] {
    width: auto;
    max-width: none;
    flex: none;
    margin-bottom: 0;
}
.article-compose-main > [data-editor-slot="deck"],
.article-compose-main > [data-editor-slot="story-dateline"],
.article-compose-main > [data-editor-slot="story-synopsis"],
.article-compose-main > [data-editor-slot="excerpt"],
.article-compose-main > [data-editor-slot="story-correction-note"],
.article-compose-main > #structured-editor-pane {
    border-top: 0;
    box-shadow: inset 0 1px 0 #eef2f6;
}
.article-compose-main .form-label,
.article-compose-inspector .form-label {
    color: #111827;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
.article-compose-main [data-editor-slot="title"],
.article-compose-main [data-editor-slot="slug"],
.article-compose-main [data-editor-slot="deck"],
.article-compose-main [data-editor-slot="story-dateline"],
.article-compose-main [data-editor-slot="story-synopsis"],
.article-compose-main [data-editor-slot="excerpt"] {
    position: relative;
}
.article-compose-main [data-editor-slot="title"] .form-control {
    min-height: 96px;
    padding: 0.9rem 1rem 0.95rem;
    border: 1px solid #d7e1ec;
    border-radius: var(--article-compose-radius);
    background: linear-gradient(180deg, #fcfdff 0%, #f8fbff 100%);
    box-shadow: none;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.42rem;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.035em;
    color: #101828;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.article-compose-main [data-editor-slot="title"] {
    min-width: 0;
}
.article-compose-main [data-editor-slot="title"] .form-control::-moz-placeholder, .article-compose-main [data-editor-slot="deck"] .form-control::-moz-placeholder, .article-compose-main [data-editor-slot="story-dateline"] .form-control::-moz-placeholder, .article-compose-main [data-editor-slot="story-synopsis"] .form-control::-moz-placeholder, .article-compose-main [data-editor-slot="excerpt"] .form-control::-moz-placeholder, .article-compose-inspector .form-control::-moz-placeholder {
    color: #94a3b8;
}
.article-compose-main [data-editor-slot="title"] .form-control::placeholder,
.article-compose-main [data-editor-slot="deck"] .form-control::placeholder,
.article-compose-main [data-editor-slot="story-dateline"] .form-control::placeholder,
.article-compose-main [data-editor-slot="story-synopsis"] .form-control::placeholder,
.article-compose-main [data-editor-slot="excerpt"] .form-control::placeholder,
.article-compose-inspector .form-control::placeholder {
    color: #94a3b8;
}
.article-compose-main [data-editor-slot="title"] .form-text,
.article-compose-main [data-editor-slot="slug"] .form-text {
    margin-top: 0.45rem;
    color: #607087;
    font-size: 0.9rem;
    line-height: 1.42;
}
.article-compose-main [data-editor-slot="slug"] .input-group {
    max-width: 520px;
}
.article-compose-main [data-editor-slot="slug"] .form-control {
    min-width: 0;
    min-height: 56px;
    padding: 0.78rem 0.9rem;
    border: 1px solid #d7e1ec;
    border-radius: var(--article-compose-radius) 0 0 var(--article-compose-radius);
    background: #fbfcfe;
    font-size: 1.05rem;
    color: #0f172a;
}
.article-compose-main [data-editor-slot="slug"] .btn {
    min-height: 56px;
    padding-inline: 0.95rem;
    border-color: #a1aec0;
    border-radius: 0 var(--article-compose-radius) var(--article-compose-radius) 0;
    background: #f7fafc;
    color: #52657d;
    font-weight: 600;
}
.article-compose-main [data-editor-slot="deck"] .form-control {
    min-height: 72px;
    padding: 0.82rem 0.95rem;
    border: 1px solid #dbe4ee;
    border-radius: var(--article-compose-radius);
    background: #fbfcfe;
    box-shadow: none;
    color: #475467;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.18rem;
    line-height: 1.56;
    font-weight: 400;
}
.article-compose-main .form-control,
.article-compose-main .form-select,
.article-compose-inspector .form-control,
.article-compose-inspector .form-select {
    border-color: #d0d7e2;
    border-radius: var(--article-compose-radius);
    padding: 0.76rem 0.9rem;
    background: #fbfcfe;
    color: #162235;
    box-shadow: none;
}
.article-compose-main textarea.form-control {
    min-height: 6rem;
    resize: vertical;
}
.article-compose-main .form-control:focus,
.article-compose-main .form-select:focus,
.article-compose-inspector .form-control:focus,
.article-compose-inspector .form-select:focus {
    border-color: #9db4d0;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(111, 145, 186, 0.12);
}
.article-compose-main #structured-editor-pane {
    padding: 0.5rem 0 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 3;
}
.article-compose-inspector {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}
.article-compose-page,
.article-compose-layout,
.article-compose-main-secondary,
.article-compose-inspector,
.l-editor-frame,
#structured-editor-pane,
.l-editor-article-preview__frame {
    overflow-anchor: none;
}
.article-compose-inspector__section {
    border: 1px solid #dbe2ea;
    border-radius: var(--article-compose-radius);
    background: #ffffff;
    padding: 0.82rem 0.82rem 0.78rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.025);
}
.article-compose-readiness-panel {
    display: grid;
    gap: 0.65rem;
}
.article-compose-readiness-panel__state {
    display: inline-flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.38rem 0.7rem;
    border-radius: var(--article-compose-radius);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid #dbe2ea;
    background: #f8fafc;
    color: #475467;
}
.article-compose-readiness-panel__state.is-blocker {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b42318;
}
.article-compose-readiness-panel__state.is-warning {
    border-color: #fde68a;
    background: #fffbeb;
    color: #b45309;
}
.article-compose-readiness-panel__state.is-ready {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}
.article-compose-readiness-panel__cta {
    color: #344054;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.5;
}
.article-workbench-validation-group {
    display: grid;
    gap: 0.38rem;
}
.article-workbench-validation-group__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.article-workbench-validation-group__count {
    min-width: 1.6rem;
    padding: 0.15rem 0.45rem;
    border: 1px solid #d8dee7;
    border-radius: var(--article-compose-radius);
    background: #fff;
    text-align: center;
}
.article-workbench-validation-group__items {
    display: grid;
    gap: 0.38rem;
}
.article-workbench-validation-item {
    display: grid;
    gap: 0.55rem;
    padding: 0.58rem 0.65rem;
    border-radius: var(--article-compose-radius);
    font-size: 0.88rem;
    font-weight: 600;
    border: 1px solid #eceff3;
    background: #f8fafc;
}
.article-workbench-validation-item__message {
    color: #1f2937;
    line-height: 1.45;
}
.article-workbench-validation-item__fix {
    justify-self: start;
    border: 1px solid #d0d5dd;
    border-radius: var(--article-compose-radius);
    background: #ffffff;
    color: #111827;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0.32rem 0.68rem;
}
.article-compose-inspector .form-select {
    min-height: 60px;
}
.article-compose-inspector select[multiple].form-select {
    min-height: 124px;
    padding-block: 0.4rem;
    border-radius: var(--article-compose-radius);
    font-size: 0.98rem;
    line-height: 1.35;
}
.article-compose-inspector input.form-control,
.article-compose-inspector textarea.form-control {
    min-height: 54px;
}
.article-compose-inspector textarea.form-control {
    min-height: 96px;
}
.article-compose-main-secondary {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
}
.article-compose-topbar {
    min-block-size: 6.875rem;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "workflow actions"
        "meta actions";
    align-items: flex-start;
}
.article-compose-topbar__workflow {
    grid-area: workflow;
}
.article-compose-topbar__meta {
    grid-area: meta;
    min-block-size: 2.5rem;
    align-content: start;
}
.article-compose-topbar__actions {
    grid-area: actions;
    align-self: start;
}
.article-compose-topbar__save {
    min-inline-size: 6.5rem;
    min-block-size: 2.45rem;
    display: inline-flex;
    align-items: center;
}
#structured-editor-pane .structured-editor-shell.editor-size-empty #structured-editor-shell {
    min-block-size: 40rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-empty {
    min-block-size: 44rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-short #structured-editor-shell {
    min-block-size: 72rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-short {
    min-block-size: 76rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-medium #structured-editor-shell {
    min-block-size: 120rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-medium {
    min-block-size: 124rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-long #structured-editor-shell {
    min-block-size: 168rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-long {
    min-block-size: 172rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-very-long #structured-editor-shell {
    min-block-size: 216rem !important;
}
#structured-editor-pane .structured-editor-shell.editor-size-very-long {
    min-block-size: 220rem !important;
}
.article-compose-inspector__section[data-compose-inspector-section="preview"] {
    min-block-size: 42rem;
    max-block-size: 42rem;
    display: flex;
    flex-direction: column;
}
.article-compose-inspector__section[data-compose-inspector-section="readiness"] {
    min-block-size: 15rem;
}
.article-compose-main-secondary > .card {
    margin-bottom: 0 !important;
    border-color: #dbe2ea;
    border-radius: var(--article-compose-radius);
    overflow: hidden;
}
.article-compose-main-secondary > .card .card-header {
    background: #f8fafc !important;
}
.article-compose-inspector__section[data-compose-inspector-section="preview"] .l-editor-article-preview {
    display: grid;
    grid-template-rows: auto 1fr;
    min-block-size: 100%;
}
.article-compose-inspector__section[data-compose-inspector-section="preview"] .l-editor-article-preview__frame {
    block-size: 34rem;
    min-block-size: 34rem;
    max-block-size: 34rem;
}
.article-compose-inspector__section[data-compose-inspector-section="preview"] .l-editor-article-preview__scroll {
    block-size: 34rem;
    max-block-size: 34rem;
}
.article-compose-inspector__title {
    margin-bottom: 0.8rem;
    color: #111827;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}
.article-compose-inspector .row {
    --bs-gutter-x: 0;
}
.article-compose-inspector [class*="col-"] {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.article-compose-inspector [data-editor-slot="submit-actions"] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.article-compose-inspector [data-editor-slot="submit-actions"] .btn {
    min-width: 8rem;
}
.article-compose-advanced {
    border: 1px solid #dbe2ea;
    border-radius: 0.9rem;
    background: #ffffff;
}
.article-compose-advanced__group > summary {
    cursor: pointer;
    list-style: none;
    padding: 1rem 1.1rem;
    color: #111827;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.article-compose-advanced__group > summary::-webkit-details-marker {
    display: none;
}
.article-compose-advanced__body {
    padding: 0 1.1rem 1.1rem;
}
#structured-editor-pane .structured-editor-shell {
    border: 1px solid #dbe4ee !important;
    border-radius: 1.45rem !important;
    background: linear-gradient(180deg, #fdfefe 0%, #fafcff 100%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 28rem;
    outline: 0 !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.04);
}
#structured-editor-pane .structured-editor-document-toolbar {
    display: none !important;
}
#structured-editor-pane .structured-editor-document-heading .form-label {
    margin-bottom: 0.25rem;
}
#structured-editor-pane .structured-editor-document-heading .small {
    color: #667085 !important;
}
#structured-editor-pane #structured-editor-shell {
    min-height: 28rem;
    padding: 1.2rem 1rem 2.5rem;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent;
}
.article-compose-document-toolbar {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 0.28rem;
    row-gap: 0.42rem;
    flex-wrap: wrap;
    max-width: 760px;
    width: 100%;
    margin: 0 auto 1.05rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #e6ecf3;
    border-radius: 999px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    backdrop-filter: blur(12px);
    overflow: visible;
}
.article-compose-document-toolbar button {
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: #475467;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease, transform 150ms ease;
}
.article-compose-document-toolbar button i,
.article-compose-inline-toolbar button i,
.article-compose-block-actions button i {
    font-size: 0.9rem;
}
.article-compose-document-toolbar button:hover {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #111827;
    transform: translateY(-1px);
}
.article-compose-document-toolbar button.is-active,
.article-compose-inline-toolbar button.is-active {
    border-color: #111827;
    background: #111827;
    color: #ffffff;
}
.article-compose-document-toolbar__divider {
    width: 1px;
    height: 1.15rem;
    margin: 0 0.2rem;
    background: #d7dee7;
    flex: 0 0 auto;
}
@media (max-width: 900px) {
    .article-compose-document-toolbar {
        gap: 0.24rem;
        row-gap: 0.36rem;
        padding-bottom: 0.85rem;
    }

    .article-compose-document-toolbar button {
        min-width: 1.9rem;
        height: 1.9rem;
    }
}
.article-compose-document {
    max-width: 720px;
    margin: 0 auto;
    min-height: 24rem;
    cursor: text;
    background: #ffffff;
    border: 1px solid #e7edf4;
    border-radius: 1.2rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.03);
    padding: 1.2rem 1.05rem 2.2rem;
}
.article-compose-document__editable {
    display: block;
    min-height: 2.1rem;
    padding: 0.35rem 0.15rem;
    border-radius: 0.7rem;
    outline: none;
}
.article-compose-document__editable:focus {
    background: #fbfdff;
}
.article-compose-document__editable[data-empty="true"]::before {
    content: attr(data-placeholder);
    color: #8393aa;
    font-size: 1.12rem;
    pointer-events: none;
}
.article-compose-document__paragraph,
.article-compose-document__list-item,
.article-compose-document__embed-url {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.18rem;
    line-height: 1.75;
    color: #17212f;
}
.article-compose-document__heading {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.18;
}
.article-compose-document__block[data-node-type="heading"][data-level="2"] .article-compose-document__heading,
.article-compose-document__heading[data-level="2"] {
    font-size: 2rem;
    margin-top: 0.65rem;
}
.article-compose-document__block[data-node-type="heading"][data-level="3"] .article-compose-document__heading,
.article-compose-document__heading[data-level="3"] {
    font-size: 1.45rem;
    margin-top: 0.5rem;
}
.article-compose-document__quote {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.22rem;
    line-height: 1.72;
    color: #334155;
    font-style: italic;
    padding-left: 0.9rem;
    border-left: 3px solid #c9d5e3;
}
.article-compose-document__caption,
.article-compose-document__credit {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #526174;
}
.article-compose-document__empty {
    min-height: 3rem;
}
.article-compose-document__block {
    position: relative;
    margin: 0 0 0.7rem;
    padding-left: 1.8rem;
    padding-right: 4.5rem;
}
.article-compose-main [data-editor-slot="title"] .form-text,
.article-compose-main [data-editor-slot="slug"] .form-text,
.article-compose-main .form-text {
    color: #6b7a90;
}
.article-compose-main [data-editor-slot="title"] .form-text {
    font-size: 0.9rem;
    line-height: 1.45;
    max-width: 42rem;
}
.article-compose-main [data-editor-slot="deck"] .form-control {
    letter-spacing: -0.01em;
}
@media (min-width: 1200px) {
    .article-compose-layout {
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 1.35rem;
    }

    .article-compose-inspector {
        gap: 0.8rem;
    }
}
.article-compose-insert-control {
    position: absolute;
    left: -0.15rem;
    top: 0.42rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border: 1px solid #d7dee7;
    border-radius: 999px;
    background: rgba(255,255,255,0.96);
    color: #667085;
    font-size: 0.7rem;
    line-height: 1;
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transform: translateY(2px);
    transition: opacity 150ms ease, transform 150ms ease, background-color 150ms ease, border-color 150ms ease;
}
.article-compose-document__block:hover .article-compose-insert-control {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.article-compose-block-actions {
    position: absolute;
    right: 0;
    top: 0.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0;
    pointer-events: none;
    transform: translateY(2px);
    transition: opacity 150ms ease, transform 150ms ease;
}
.article-compose-document__block:hover .article-compose-block-actions,
.article-compose-document__block[data-node-type="image"].is-active .article-compose-block-actions,
.article-compose-document__block[data-node-type="embed"].is-active .article-compose-block-actions,
.article-compose-document__block[data-node-type="legacy_html"].is-active .article-compose-block-actions {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.article-compose-block-actions button {
    border: 0;
    border-radius: 999px;
    background: rgba(248,250,252,0.96);
    color: #475467;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.article-compose-block-actions button:hover {
    background: #eaecf0;
    color: #111827;
}
.article-compose-block-actions.is-media {
    right: 0.8rem;
    top: 0.8rem;
    gap: 0.35rem;
}
.article-compose-block-actions.is-media button {
    background: rgba(17, 24, 39, 0.82);
    color: #f9fafb;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}
.article-compose-block-actions.is-media button:hover {
    background: rgba(17, 24, 39, 0.96);
    color: #ffffff;
}
.article-compose-document__block[data-node-type="image"] .article-compose-block-actions {
    top: 0.55rem;
}
.article-compose-document__block[data-node-type="embed"] .article-compose-block-actions {
    top: 0.45rem;
}
.article-compose-document__block.is-slash-active .article-compose-insert-control {
    opacity: 0 !important;
    pointer-events: none !important;
}
.article-compose-document__block::before {
    content: "";
    position: absolute;
    left: 0.72rem;
    top: 0.32rem;
    bottom: 0.32rem;
    width: 2px;
    border-radius: 999px;
    background: #d6dee9;
    transition: background-color 150ms ease, opacity 150ms ease;
    opacity: 1;
}
.article-compose-document__block:hover::before {
    background: #bcc9d8;
    opacity: 1;
}
.article-compose-document__block.is-active::before {
    background: #7f93ab;
    opacity: 1;
}
.article-compose-inline-toolbar,
.article-compose-slash-menu,
.article-compose-link-popover {
    position: fixed;
    z-index: 1000;
}
.article-compose-inline-toolbar {
    display: flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.28rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.7rem;
    background: #101828;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
    max-width: min(92vw, 20rem);
    flex-wrap: nowrap;
}
.article-compose-inline-toolbar button {
    border: 0;
    border-radius: 0.45rem;
    background: transparent;
    color: #f8fafc;
    font-size: 0.78rem;
    line-height: 1;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.article-compose-inline-toolbar button:hover {
    background: rgba(255, 255, 255, 0.12);
}
.article-compose-slash-menu {
    min-width: 12rem;
    max-width: 14rem;
    padding: 0.28rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.95rem;
    background: #ffffff;
    box-shadow: 0 22px 38px rgba(15, 23, 42, 0.12);
}
.article-compose-slash-menu::before {
    content: "Insert";
    display: block;
    padding: 0.35rem 0.55rem 0.22rem;
    color: #667085;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.article-compose-slash-menu__item {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0.8rem;
    background: transparent;
    color: #111827;
    font-size: 0.86rem;
    line-height: 1.25;
    font-weight: 600;
    text-align: left;
    padding: 0.65rem 0.8rem;
}
.article-compose-slash-menu__label {
    display: block;
}
.article-compose-slash-menu__meta {
    display: block;
    margin-top: 0.16rem;
    color: #667085;
    font-size: 0.72rem;
    font-weight: 500;
}
.article-compose-slash-menu__item:hover,
.article-compose-slash-menu__item.is-active {
    background: #f2f4f7;
}
.article-compose-link-popover {
    width: 22rem;
    padding: 0.7rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.10);
}
.article-compose-link-popover__tabs {
    display: flex;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}
.article-compose-link-popover__tabs button {
    border: 0;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.38rem 0.72rem;
}
.article-compose-link-popover__tabs button.is-active {
    background: #101828;
    color: #ffffff;
}
.article-compose-link-popover__results {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 14rem;
    margin-top: 0.6rem;
    overflow: auto;
}
.article-compose-link-popover__result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
    width: 100%;
    border: 0;
    border-radius: 0.65rem;
    background: #f8fafc;
    color: #111827;
    text-align: left;
    padding: 0.55rem 0.65rem;
}
.article-compose-link-popover__result:hover {
    background: #eef2f6;
}
.article-compose-link-popover__result-type {
    color: #667085;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.article-compose-link-popover__result span,
.article-compose-link-popover__empty {
    color: #667085;
    font-size: 0.78rem;
}
.article-compose-link-popover__actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.75rem;
}
.article-compose-media-picker {
    position: fixed;
    inset: 0;
    z-index: 1400;
}
.article-compose-media-picker__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.48);
}
.article-compose-media-picker__dialog {
    position: relative;
    width: min(1100px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    margin: 16px auto;
    border: 1px solid #d0d5dd;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);
    overflow: hidden;
}
.article-compose-media-picker__header,
.article-compose-media-picker__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #eaecf0;
}
.article-compose-media-picker__footer {
    border-top: 1px solid #eaecf0;
    border-bottom: 0;
    justify-content: flex-end;
}
.article-compose-media-picker__eyebrow {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.article-compose-media-picker__title {
    color: #101828;
    font-size: 1.05rem;
    font-weight: 700;
}
.article-compose-media-picker__close {
    border: 0;
    border-radius: 999px;
    background: #f2f4f7;
    color: #344054;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.article-compose-media-picker__search {
    display: flex;
    gap: 0.65rem;
    padding: 1rem 1.1rem 0;
}
.article-compose-media-picker__status {
    color: #667085;
    font-size: 0.85rem;
    padding: 0.75rem 1.1rem 0;
}
.article-compose-media-picker__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.9rem;
    max-height: calc(100vh - 260px);
    padding: 1rem 1.1rem 1.1rem;
    overflow: auto;
}
.article-compose-media-picker__item {
    border: 1px solid #d0d5dd;
    border-radius: 0.9rem;
    background: #ffffff;
    padding: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    text-align: left;
}
.article-compose-media-picker__item:hover,
.article-compose-media-picker__item.is-selected {
    border-color: #101828;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.article-compose-media-picker__thumb {
    display: block;
    overflow: hidden;
    border-radius: 0.7rem;
    background: #f8fafc;
    aspect-ratio: 16 / 10;
}
.article-compose-media-picker__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}
.article-compose-media-picker__name {
    color: #344054;
    font-size: 0.8rem;
    line-height: 1.35;
    word-break: break-word;
}
.article-compose-photo-preview-card {
    display: grid;
    gap: 0.5rem;
}
.article-compose-photo-preview-card img {
    width: 100%;
    max-height: 180px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.75rem;
    display: block;
}
.article-compose-photo-preview-caption {
    color: #101828;
    font-size: 0.82rem;
    line-height: 1.4;
}
.article-compose-photo-preview-credit {
    color: #667085;
    font-size: 0.76rem;
}
.article-compose-photo-preview-strip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 0.5rem;
    margin-top: 0.75rem;
}
.article-compose-photo-preview-strip img {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.65rem;
    display: block;
}
.article-compose-document__editable {
    display: block;
    outline: none;
    border: 0;
    background: transparent;
    color: #111827;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: Georgia, "Times New Roman", serif;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1, "clig" 1;
}
.article-compose-document__editable[data-placeholder]:empty::before {
    content: attr(data-placeholder);
    color: #98a2b3;
    pointer-events: none;
}
.article-compose-document__editable[data-placeholder][data-empty="true"]::before {
    content: attr(data-placeholder);
    color: #98a2b3;
    pointer-events: none;
}
.article-compose-document__paragraph {
    font-size: 1.18rem;
    line-height: 1.82;
    min-height: 1.8em;
    padding: 0.08rem 0 0.12rem;
    cursor: text;
    text-rendering: optimizeLegibility;
    position: relative;
    color: #101828;
    letter-spacing: -0.005em;
}
.article-compose-document__block.is-slash-active .article-compose-document__paragraph {
    color: #344054;
}
.article-compose-document__ghost {
    color: #98a2b3;
    pointer-events: none;
}
.article-compose-document__heading[data-level="2"] {
    margin-top: 2.45rem;
    margin-bottom: 0.78rem;
    font-size: 2.15rem;
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #101828;
}
.article-compose-document__heading[data-level="3"] {
    margin-top: 1.8rem;
    margin-bottom: 0.65rem;
    font-size: 1.55rem;
    line-height: 1.22;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #101828;
}
.article-compose-document__quote {
    margin: 1.85rem 0;
    padding-left: 1.15rem;
    border-left: 2px solid #cbd5e1;
    font-size: 1.2rem;
    line-height: 1.78;
    color: #344054;
    font-style: italic;
}
.article-compose-document__list {
    padding-left: 1.25rem;
    margin: 0.2rem 0 0.4rem;
}
.article-compose-document__list-item {
    margin-bottom: 0.48rem;
    line-height: 1.8;
}
.article-compose-document__figure {
    margin: 2rem 0 1.8rem;
    padding: 0.1rem 0;
}
.article-compose-document__figure-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
}
.article-compose-document__figure-kicker,
.article-compose-document__figure-status {
    color: #667085;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.article-compose-document__figure.is-missing-alt .article-compose-document__figure-status {
    color: #b42318;
}
.article-compose-document__block.is-active .article-compose-document__figure {
    box-shadow: inset 0 0 0 1px #d0d5dd;
    border-radius: 0.45rem;
}
.article-compose-document__block:hover .article-compose-document__figure {
    box-shadow: inset 0 0 0 1px #e4e7ec;
    border-radius: 0.45rem;
}
.article-compose-document__figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.35rem;
    box-shadow: 0 1px 0 rgba(16,24,40,0.06);
    background: #f2f4f7;
}
.article-compose-document__caption {
    margin-top: 0.82rem;
    font-size: 0.98rem;
    line-height: 1.65;
    color: #344054;
}
.article-compose-document__credit {
    margin-top: 0.38rem;
    font-size: 0.76rem;
    line-height: 1.5;
    color: #667085;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.article-compose-document__embed {
    margin: 1.9rem 0;
    padding: 0.95rem 1rem;
    border-left: 2px solid #d0d5dd;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    background: transparent;
    transition: border-color 150ms ease, background-color 150ms ease;
}
.article-compose-document__block.is-active .article-compose-document__embed {
    border-left-color: #98a2b3;
}
.article-compose-document__block:hover .article-compose-document__embed {
    border-left-color: #cbd5e1;
    background: rgba(248,250,252,0.45);
}
.article-compose-document__embed-label {
    margin-bottom: 0.45rem;
    color: #667085;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.article-compose-document__embed-url {
    min-height: 1.8em;
    line-height: 1.8;
    color: #111827;
}
.article-compose-document__embed-help {
    margin-top: 0.45rem;
    color: #667085;
    font-size: 0.78rem;
    line-height: 1.5;
}
.article-compose-document__legacy {
    margin: 1.5rem 0;
    padding: 0.9rem 1rem;
    border: 1px dashed #cbd5e1;
    color: #475467;
    background: #f8fafc;
}
.article-compose-outline__item--active {
    background: #111827;
    color: #ffffff;
}
@media (max-width: 1279.98px) {
    .article-compose-layout {
        grid-template-columns: minmax(0, 1fr) 260px;
        gap: 1rem;
    }
}
@media (max-width: 1023.98px) {
    .article-compose-layout {
        grid-template-columns: 1fr;
    }

    .article-compose-outline,
    .article-compose-inspector {
        position: static;
    }
}
@media (max-width: 767.98px) {
    .article-compose-topbar {
        grid-template-columns: 1fr;
    }

    .article-compose-main [data-editor-slot="title"] .form-control {
        font-size: 2rem;
    }
}
/* Final newsroom polish overrides */
.article-compose-layout {
    gap: 1.25rem;
}
@media (min-width: 1200px) {
    .l-editor-workspace.article-compose-layout,
    .article-compose-layout {
        grid-template-columns: minmax(0, 1fr) 272px;
        grid-template-areas:
            "outline outline"
            "main inspector";
        gap: 18px;
        align-items: start;
    }

    .article-compose-outline {
        grid-area: outline;
        position: static;
        min-block-size: 0;
        margin-bottom: 0.1rem;
    }

    .article-compose-main {
        grid-area: main;
    }

    .article-compose-inspector {
        grid-area: inspector;
    }

    .article-compose-inspector__section {
        padding: 0.9rem 0.9rem 0.85rem;
    }

    .article-compose-main > .row[data-editor-slot-group="story-headline-row"],
    .article-compose-main > [data-editor-slot="deck"],
    .article-compose-main > [data-editor-slot="story-dateline"],
    .article-compose-main > [data-editor-slot="story-synopsis"],
    .article-compose-main > [data-editor-slot="excerpt"],
    .article-compose-main > [data-editor-slot="story-correction-note"],
    .article-compose-main > #structured-editor-pane,
    .article-compose-main > [data-editor-slot="seo-panel"],
    .article-compose-main > [data-editor-slot="newsroom-intelligence-editorial"] {
        max-width: none;
        width: 100%;
    }

    .article-compose-main [data-editor-slot="slug"] .input-group {
        max-width: 680px;
    }

    .article-compose-document-toolbar,
    .article-compose-document {
        max-width: none;
        width: 100%;
    }
}
#structured-editor-pane .structured-editor-shell {
    background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%) !important;
    border-color: #d9e4ef !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
}
#structured-editor-pane #structured-editor-shell {
    padding-top: 1.35rem;
    padding-bottom: 2.6rem;
}
.article-compose-document-toolbar {
    margin-bottom: 1.15rem;
}
.article-compose-document {
    min-height: 28rem;
    padding: 1.25rem 1.15rem 2.4rem;
    border-color: #e1e8f0;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}
.article-compose-document__block {
    margin-bottom: 0.8rem;
}
.article-compose-document__block:first-child {
    margin-top: 0.1rem;
}
.article-compose-document__editable {
    min-height: 2.35rem;
}
.article-compose-document__paragraph,
.article-compose-document__list-item,
.article-compose-document__embed-url {
    font-size: 1.2rem;
    line-height: 1.82;
}
.article-compose-document__editable[data-empty="true"]::before {
    color: #7f90a8;
    font-size: 1.14rem;
}
.article-compose-document__block::before {
    left: 0.78rem;
    background: #cfd9e5;
}
.article-compose-document__block:hover::before {
    background: #b2c1d3;
}
.article-compose-document__block.is-active::before {
    background: #6e859f;
}
.article-compose-block-actions {
    top: 0.35rem;
}
.article-compose-block-actions button {
    width: 1.8rem;
    height: 1.8rem;
    background: rgba(247, 250, 252, 0.98);
}
.article-compose-inspector {
    gap: 0.75rem;
}
.article-compose-inspector__section {
    padding: 1rem 1rem 0.95rem;
}
.article-compose-inspector__title {
    margin-bottom: 0.72rem;
}
.article-compose-inspector .form-text {
    color: #6b7a90;
    font-size: 0.92rem;
    line-height: 1.45;
}
/* Final compact compose sweep */
.l-editor-screen {
    --compose-gap: 14px;
    --compose-block-padding: 12px;
    --compose-card-padding: 12px;
    --compose-radius: 1rem;
    --compose-field-pad-y: 10px;
    --compose-field-pad-x: 12px;
}
.l-admin-shell .l-admin-main__body.content-body {
    padding: 12px !important;
}
.l-editor-screen.container-fluid {
    padding: 0 0 12px 0 !important;
    margin: 0 !important;
}
.l-editor-screen .l-editor-governor.card,
.l-editor-screen .l-editor-toolbar.article-compose-topbar,
.l-editor-screen .article-compose-outline {
    margin: 0 0 var(--compose-gap) 0 !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .l-editor-governor .card-body {
    padding: var(--compose-block-padding) !important;
}
.l-editor-screen .l-editor-toolbar.article-compose-topbar {
    gap: 12px !important;
    padding: var(--compose-card-padding) !important;
}
.l-editor-screen .article-compose-status-pill,
.l-editor-screen .article-compose-topbar__readiness,
.l-editor-screen .article-compose-readiness-panel__state,
.l-editor-screen .article-workbench-validation-group__count,
.l-editor-screen .article-workbench-validation-item__fix {
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-page {
    gap: var(--compose-gap) !important;
}
.l-editor-screen .article-compose-layout {
    gap: var(--compose-gap) !important;
}
.l-editor-screen .article-compose-main,
.l-editor-screen .article-compose-inspector {
    margin: 0 !important;
    padding: 0 !important;
}
/* Use one consistent rhythm (title/slug reference) across all compose blocks */
.l-editor-screen .article-compose-main > * {
    margin: 0 0 var(--compose-gap) 0 !important;
}
.l-editor-screen .article-compose-main > *:last-child {
    margin-bottom: 0 !important;
}
.l-editor-screen .article-compose-main > .row[data-editor-slot-group="story-headline-row"],
.l-editor-screen .article-compose-main > [data-editor-slot="deck"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-dateline"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-synopsis"],
.l-editor-screen .article-compose-main > [data-editor-slot="excerpt"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-correction-note"],
.l-editor-screen .article-compose-main > #structured-editor-pane,
.l-editor-screen .article-compose-main > [data-editor-slot="seo-panel"],
.l-editor-screen .article-compose-main > [data-editor-slot="newsroom-intelligence-editorial"] {
    padding: var(--compose-block-padding) !important;
    border-radius: var(--compose-radius) !important;
}
/* Normalize mixed bootstrap utility spacing so every column/box follows same rhythm */
.l-editor-screen .article-compose-main .mb-3,
.l-editor-screen .article-compose-main .mb-4,
.l-editor-screen .article-compose-inspector .mb-2,
.l-editor-screen .article-compose-inspector .mb-3 {
    margin-bottom: var(--compose-gap) !important;
}
.l-editor-screen .article-compose-main > .row[data-editor-slot-group="story-headline-row"] {
    row-gap: 12px !important;
}
.l-editor-screen .article-compose-main [data-editor-slot="title"] .form-control {
    min-height: 84px !important;
    padding: var(--compose-field-pad-y) var(--compose-field-pad-x) !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-main [data-editor-slot="title"] .form-text,
.l-editor-screen .article-compose-main [data-editor-slot="slug"] .form-text,
.l-editor-screen .article-compose-main .form-text {
    margin-top: 8px !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
}
.l-editor-screen .article-compose-main [data-editor-slot="slug"] .input-group {
    max-width: 520px !important;
}
.l-editor-screen .article-compose-main [data-editor-slot="slug"] .form-control,
.l-editor-screen .article-compose-main [data-editor-slot="slug"] .btn {
    min-height: 50px !important;
}
.l-editor-screen .article-compose-main [data-editor-slot="slug"] .form-control {
    padding: var(--compose-field-pad-y) var(--compose-field-pad-x) !important;
    border-radius: var(--compose-radius) 0 0 var(--compose-radius) !important;
}
.l-editor-screen .article-compose-main [data-editor-slot="slug"] .btn {
    padding-inline: 12px !important;
    border-radius: 0 var(--compose-radius) var(--compose-radius) 0 !important;
}
.l-editor-screen .article-compose-main [data-editor-slot="deck"] .form-control,
.l-editor-screen .article-compose-main textarea.form-control {
    min-height: 5rem !important;
    padding: var(--compose-field-pad-y) var(--compose-field-pad-x) !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-main .form-control,
.l-editor-screen .article-compose-main .form-select,
.l-editor-screen .article-compose-inspector .form-control,
.l-editor-screen .article-compose-inspector .form-select,
.l-editor-screen .article-compose-inspector select[multiple].form-select {
    border-radius: var(--compose-radius) !important;
    padding: var(--compose-field-pad-y) var(--compose-field-pad-x) !important;
}
.l-editor-screen .article-compose-main #structured-editor-pane {
    padding-top: 12px !important;
}
.l-editor-screen .article-compose-document-toolbar {
    margin-bottom: 10px !important;
    padding: 10px !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-document {
    min-height: 24rem !important;
    padding: 10px 10px 14px !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-inspector {
    gap: 10px !important;
}
.l-editor-screen .article-compose-inspector__section {
    padding: var(--compose-card-padding) !important;
    margin: 0 !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-readiness-panel,
.l-editor-screen .article-workbench-validation-group,
.l-editor-screen .article-workbench-validation-group__items,
.l-editor-screen .article-compose-main-secondary {
    gap: 8px !important;
}
.l-editor-screen .article-workbench-validation-item {
    padding: 10px !important;
    margin: 0 !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-inspector input.form-control,
.l-editor-screen .article-compose-inspector textarea.form-control {
    min-height: 46px !important;
}
.l-editor-screen .article-compose-inspector textarea.form-control,
.l-editor-screen .article-compose-inspector select[multiple].form-select {
    min-height: 84px !important;
}
@media (min-width: 1200px) {
    .l-editor-screen .l-editor-workspace.article-compose-layout,
    .l-editor-screen .article-compose-layout {
        grid-template-columns: minmax(0, 1fr) 280px !important;
        grid-template-areas:
            "outline outline"
            "main inspector" !important;
        gap: var(--compose-gap) !important;
    }

    .l-editor-screen .article-compose-outline {
        grid-area: outline !important;
        margin-bottom: var(--compose-gap) !important;
        padding: 12px !important;
        border-radius: var(--compose-radius) !important;
    }

    .l-editor-screen .article-compose-main {
        grid-area: main !important;
    }

    .l-editor-screen .article-compose-inspector {
        grid-area: inspector !important;
    }
}
/* Compose stability sweep v2: enforce consistent 10px rhythm and reduce uneven whitespace */
.l-editor-screen {
    --compose-gap: 10px;
    --compose-block-padding: 10px;
    --compose-card-padding: 10px;
    --compose-field-pad-y: 10px;
    --compose-field-pad-x: 10px;
    --compose-radius: 14px;
}
.l-editor-screen.container-fluid,
.l-admin-shell .l-admin-main__body.content-body {
    padding: 10px !important;
}
.l-editor-screen .article-compose-page,
.l-editor-screen .article-compose-layout {
    gap: var(--compose-gap) !important;
}
.l-editor-screen .l-editor-governor.card,
.l-editor-screen .article-compose-topbar,
.l-editor-screen .article-compose-outline,
.l-editor-screen .article-compose-inspector__section,
.l-editor-screen .article-compose-main > [data-editor-slot="deck"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-dateline"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-synopsis"],
.l-editor-screen .article-compose-main > [data-editor-slot="excerpt"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-correction-note"],
.l-editor-screen .article-compose-main > #structured-editor-pane {
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .l-editor-governor.card,
.l-editor-screen .article-compose-topbar,
.l-editor-screen .article-compose-outline {
    margin-bottom: var(--compose-gap) !important;
    padding: var(--compose-card-padding) !important;
}
.l-editor-screen .article-compose-main > [data-editor-slot="deck"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-dateline"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-synopsis"],
.l-editor-screen .article-compose-main > [data-editor-slot="excerpt"],
.l-editor-screen .article-compose-main > [data-editor-slot="story-correction-note"],
.l-editor-screen .article-compose-main > #structured-editor-pane {
    margin-bottom: var(--compose-gap) !important;
    padding: var(--compose-block-padding) !important;
}
.l-editor-screen .article-compose-main > .row[data-editor-slot-group="story-headline-row"] {
    --bs-gutter-x: 10px !important;
    --bs-gutter-y: 10px !important;
    margin: 0 0 var(--compose-gap) 0 !important;
    padding: var(--compose-block-padding) !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-main > .row[data-editor-slot-group="story-headline-row"] > [class*="col-"] {
    margin-bottom: 0 !important;
}
.l-editor-screen .article-compose-inspector .row,
.l-editor-screen .article-compose-inspector .row.g-3 {
    --bs-gutter-x: 10px !important;
    --bs-gutter-y: 10px !important;
}
.l-editor-screen .article-compose-inspector__section {
    padding: var(--compose-card-padding) !important;
}
.l-editor-screen .article-compose-main .form-control,
.l-editor-screen .article-compose-main .form-select,
.l-editor-screen .article-compose-inspector .form-control,
.l-editor-screen .article-compose-inspector .form-select {
    padding: var(--compose-field-pad-y) var(--compose-field-pad-x) !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-workbench-validation-item,
.l-editor-screen .article-compose-readiness-panel__state,
.l-editor-screen .article-workbench-validation-group__count,
.l-editor-screen .article-compose-status-pill,
.l-editor-screen .article-compose-topbar__readiness {
    border-radius: var(--compose-radius) !important;
}
@media (min-width: 1200px) {
    .l-editor-screen .l-editor-workspace.article-compose-layout,
    .l-editor-screen .article-compose-layout {
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) 280px !important;
        grid-template-areas:
            "outline outline"
            "main inspector" !important;
        gap: 10px !important;
    }

    .l-editor-screen .article-compose-inspector {
        width: 100% !important;
        max-width: 280px !important;
        margin: 0 !important;
    }
}
/* Compose page specific sidebar width tightening to reduce left-heavy visual weight */
@media (min-width: 1200px) {
    .l-admin-shell {
        --ntcms-admin-sidebar-width: 248px;
    }
}
/* Uniform field rhythm: match title/slug spacing pattern across all compose slots */
.l-editor-screen .article-compose-main > [data-editor-slot],
.l-editor-screen .article-compose-main > section,
.l-editor-screen .article-compose-main > .card {
    margin: 0 0 var(--compose-gap) 0 !important;
    padding: var(--compose-block-padding) !important;
    border-radius: var(--compose-radius) !important;
}
.l-editor-screen .article-compose-main > [data-editor-slot]:last-child,
.l-editor-screen .article-compose-main > section:last-child,
.l-editor-screen .article-compose-main > .card:last-child {
    margin-bottom: 0 !important;
}
.l-editor-screen .article-compose-inspector__section > [data-editor-slot],
.l-editor-screen .article-compose-inspector__section > .row,
.l-editor-screen .article-compose-inspector__section > .mb-3,
.l-editor-screen .article-compose-inspector__section > .mt-2,
.l-editor-screen .article-compose-inspector__section > .mt-3 {
    margin: 0 0 var(--compose-gap) 0 !important;
}
.l-editor-screen .article-compose-inspector__section > :last-child {
    margin-bottom: 0 !important;
}
.l-editor-screen .article-compose-inspector .col-12,
.l-editor-screen .article-compose-inspector .col-md-6,
.l-editor-screen .article-compose-inspector .col-md-12 {
    margin-bottom: 0 !important;
}
.l-editor-screen .article-compose-inspector [data-editor-slot="authoring"],
.l-editor-screen .article-compose-inspector [data-editor-slot="taxonomy-core"],
.l-editor-screen .article-compose-inspector [data-editor-slot="publish-core"],
.l-editor-screen .article-compose-inspector [data-editor-slot="publish-topics"],
.l-editor-screen .article-compose-inspector [data-editor-slot="publish-tags"],
.l-editor-screen .article-compose-inspector [data-editor-slot="featured-image"],
.l-editor-screen .article-compose-inspector [data-editor-slot="publish-flags"] {
    padding: 0 !important;
}
.l-editor-screen .article-compose-inspector .form-text {
    margin-top: 6px !important;
    line-height: 1.35 !important;
}
.l-editor-screen .article-compose-inspector input[type="file"].form-control {
    min-height: 50px !important;
    padding: 0 !important;
    overflow: hidden;
}
.l-editor-screen .article-compose-inspector input[type="file"].form-control::file-selector-button {
    height: 100%;
    margin-right: 10px;
    padding: 0 14px;
    border: 0;
    border-right: 1px solid #d3dbe7;
    border-radius: calc(var(--compose-radius) - 2px) 0 0 calc(var(--compose-radius) - 2px);
    background: #eef2f7;
    color: #1f3350;
    font-weight: 600;
}
/* Label-to-field spacing parity: match slug rhythm everywhere */
.l-editor-screen .article-compose-main .form-label,
.l-editor-screen .article-compose-inspector .form-label {
    display: block !important;
    margin: 0 0 10px 0 !important;
}
.l-editor-screen .article-compose-inspector__title {
    margin: 0 0 10px 0 !important;
}
/* Hard sweep: force same label->field gap as slug across all compose columns/boxes */
.l-editor-screen .article-compose-main [data-editor-slot] > .form-label,
.l-editor-screen .article-compose-main [data-editor-slot] > label.form-label,
.l-editor-screen .article-compose-inspector [data-editor-slot] > .form-label,
.l-editor-screen .article-compose-inspector [data-editor-slot] > label.form-label,
.l-editor-screen .article-compose-inspector .col-12 > .form-label,
.l-editor-screen .article-compose-inspector .col-md-6 > .form-label,
.l-editor-screen .article-compose-inspector .col-md-12 > .form-label {
    display: block !important;
    margin: 0 0 10px 0 !important;
    padding-inline-start: 10px !important;
}
.l-editor-screen .article-compose-main [data-editor-slot] > .form-label + .form-control,
.l-editor-screen .article-compose-main [data-editor-slot] > .form-label + .form-select,
.l-editor-screen .article-compose-main [data-editor-slot] > .form-label + .input-group,
.l-editor-screen .article-compose-inspector [data-editor-slot] > .form-label + .form-control,
.l-editor-screen .article-compose-inspector [data-editor-slot] > .form-label + .form-select,
.l-editor-screen .article-compose-inspector [data-editor-slot] > .form-label + .input-group,
.l-editor-screen .article-compose-inspector .col-12 > .form-label + .form-control,
.l-editor-screen .article-compose-inspector .col-12 > .form-label + .form-select,
.l-editor-screen .article-compose-inspector .col-12 > .form-label + .input-group,
.l-editor-screen .article-compose-inspector .col-md-6 > .form-label + .form-control,
.l-editor-screen .article-compose-inspector .col-md-6 > .form-label + .form-select,
.l-editor-screen .article-compose-inspector .col-md-6 > .form-label + .input-group {
    margin-top: 0 !important;
}
.l-editor-screen .article-compose-inspector__title {
    margin: 0 0 10px 0 !important;
    padding-inline-start: 10px !important;
}
.l-editor-screen .article-compose-inspector__title + [data-editor-slot],
.l-editor-screen .article-compose-inspector__title + .row {
    margin-top: 0 !important;
}
/* Guest contributor avatar field */
.l-editor-screen .article-compose-inspector .guest-avatar-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.l-editor-screen .article-compose-inspector .guest-avatar-current {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #d3dbe7;
    border-radius: var(--compose-radius);
    background: #f8fbff;
}
.l-editor-screen .article-compose-inspector .guest-avatar-current__image {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    -o-object-fit: cover;
       object-fit: cover;
    border: 1px solid #d3dbe7;
    background: #eef2f7;
}
.l-editor-screen .article-compose-inspector .guest-avatar-current__meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.l-editor-screen .article-compose-inspector #guest_author_avatar_filename {
    font-size: 0.85rem;
    color: #5a6c83;
}
.l-editor-screen .article-compose-inspector .guest-avatar-picker,
.l-editor-screen .article-compose-inspector .featured-upload-picker {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #d3dbe7;
    border-radius: var(--compose-radius);
    background: #f8fbff;
}
.l-editor-screen .article-compose-inspector .guest-avatar-picker__filename,
.l-editor-screen .article-compose-inspector .featured-upload-picker__filename {
    margin: 0;
    min-width: 0;
    color: #5a6c83;
}
/* U2 editor layout repair: keep the cockpit compact, keep packaging bounded,
   and move SEO/Search Distribution back into the main editing flow. */
.c-cockpit-shell {
    padding: 10px 12px 16px !important;
}
.l-editor-screen .article-compose-topbar,
.l-editor-toolbar.article-compose-topbar {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    width: 100% !important;
    max-width: none !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
}
.c-cockpit-shell .c-cockpit-toolbar {
    position: sticky !important;
    top: 0 !important;
    z-index: var(--ntcms-z-fixed, 1030) !important;
    grid-template-columns: minmax(16rem, 1fr) auto auto !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
    padding: 10px 12px !important;
}
.c-cockpit-toolbar__identity,
.c-cockpit-toolbar__chips,
.c-cockpit-toolbar__actions,
.l-editor-screen .article-compose-topbar__workflow,
.l-editor-screen .article-compose-topbar__meta,
.l-editor-screen .article-compose-topbar__actions {
    flex-wrap: nowrap !important;
    min-width: 0 !important;
}
.c-cockpit-toolbar__overline,
.c-cockpit-toolbar__slug {
    display: none !important;
}
.c-cockpit-toolbar__title {
    max-width: 42rem !important;
    font-size: 1rem !important;
}
.l-editor-screen .article-compose-topbar {
    display: grid !important;
    grid-template-columns: minmax(13rem, auto) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
}
.l-editor-screen .article-compose-topbar__meta {
    justify-content: center !important;
    overflow-x: auto !important;
    scrollbar-width: thin;
}
.l-editor-screen .article-compose-status-pill,
.l-editor-screen .article-compose-topbar__readiness,
.l-editor-screen .article-compose-topbar__save,
.l-editor-screen .article-compose-topbar__actions .c-button {
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 0.78rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}
.l-editor-screen .article-compose-status-pill {
    letter-spacing: 0.06em !important;
}
.l-editor-screen .article-compose-layout {
    align-items: start !important;
}
.l-editor-screen .article-compose-outline {
    max-height: 56px !important;
    overflow: hidden !important;
}
.l-editor-screen .article-compose-outline__list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
}
.l-editor-screen .article-compose-main-seo-panel {
    display: block !important;
}
.l-editor-screen .article-compose-main-seo-panel > .article-compose-inspector__section {
    margin: 0 !important;
    padding: 12px !important;
}
.l-editor-screen .article-compose-main-seo-panel .article-compose-inspector__title {
    padding-inline-start: 0 !important;
}
@media (min-width: 1200px) {
    .l-editor-screen .l-editor-workspace.article-compose-layout,
    .l-editor-screen .article-compose-layout {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem) !important;
        grid-template-areas:
            "outline outline"
            "main inspector" !important;
        gap: 14px !important;
    }

    .l-editor-screen .article-compose-inspector {
        position: sticky !important;
        top: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100vh - 24px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        padding-right: 4px !important;
    }
}
@media (max-width: 1399.98px) {
    .c-cockpit-shell .c-cockpit-toolbar,
    .l-editor-screen .article-compose-topbar {
        grid-template-columns: 1fr !important;
    }

    .c-cockpit-toolbar__chips,
    .c-cockpit-toolbar__actions,
    .l-editor-screen .article-compose-topbar__workflow,
    .l-editor-screen .article-compose-topbar__meta,
    .l-editor-screen .article-compose-topbar__actions {
        justify-content: flex-start !important;
        overflow-x: auto !important;
    }
}
.article-workflow-tray__state {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(13, 110, 253, 0.08);
    color: #0d6efd;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}
.article-workflow-tray__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}
.article-workflow-tray__metric {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.7rem 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.5rem;
    background: #f8fafc;
}
.article-workflow-tray__metric-label,
.article-workflow-tray__section-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #64748b;
}
.article-workflow-tray__metric-value {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 600;
}
.article-workflow-tray__metric-value.is-link {
    border: 0;
    padding: 0;
    background: transparent;
    text-align: left;
    color: #0d6efd;
}
.article-workflow-tray__block {
    margin-top: 0.9rem;
}
.article-workflow-tray__alert {
    margin: 0 0 0.85rem;
    padding: 0.55rem 0.75rem;
    font-size: 0.84rem;
}
.article-workflow-tray__desk-list,
.article-workflow-tray__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.45rem;
}
.article-workflow-tray__signoff-list {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.45rem;
}
.article-workflow-tray__signoff-item {
    border: 1px solid #e4e7ec;
    border-radius: 0.8rem;
    background: #f8fafc;
    padding: 0.7rem;
    display: grid;
    gap: 0.45rem;
}
.article-workflow-tray__signoff-label {
    color: #101828;
    font-size: 0.84rem;
    font-weight: 700;
}
.article-workflow-tray__signoff-status {
    color: #475467;
    font-size: 0.78rem;
    text-transform: capitalize;
}
.article-workflow-tray__signoff-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.article-workflow-tray__desk-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.24rem 0.55rem;
    border-radius: 999px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 0.76rem;
    font-weight: 600;
}
.article-workflow-tray__desk-chip.is-ready {
    background: #ecfdf5;
    color: #047857;
}
.article-workflow-tray__desk-empty {
    color: #64748b;
    font-size: 0.82rem;
}
.article-compose-seo-distribution {
    display: grid;
    gap: 0.9rem;
}
.article-compose-seo-distribution__surface-grid,
.article-compose-seo-distribution__search-grid {
    display: grid;
    gap: 0.85rem;
}
.article-compose-seo-distribution__surface {
    padding: 0.75rem;
    border: 1px solid #e4e7ec;
    border-radius: 0.85rem;
    background: #f8fafc;
}
.article-internal-links-panel__status,
.article-internal-links-panel__target {
    line-height: 1.45;
}
.article-internal-links-panel__group {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.85rem;
}
.article-internal-links-panel__label {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}
.article-internal-links-panel__list {
    display: grid;
    gap: 0.55rem;
}
.article-internal-links-panel__item {
    border: 1px solid #e4e7ec;
    border-radius: 0.85rem;
    background: #f8fafc;
    padding: 0.75rem;
}
.article-internal-links-panel__item.is-applied {
    background: #f0fdf4;
    border-color: #bbf7d0;
}
.article-internal-links-panel__item-title {
    color: #101828;
    font-size: 0.84rem;
    font-weight: 700;
}
.article-internal-links-panel__item-meta,
.article-internal-links-panel__empty {
    color: #475467;
    font-size: 0.8rem;
    line-height: 1.45;
}
.article-internal-links-panel__item-actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.55rem;
}
@media (max-width: 1199.98px) {
    .article-workflow-tray__summary {
        grid-template-columns: 1fr;
    }
}
/*
 * Newsroom-grade editor (v2) — Phase 1 base stylesheet.
 *
 * Coexists with admin-article-compose.css; activates only when the
 * parent pane carries data-editor-v2="1". When v2 is active we hide
 * the legacy toolbar + shell so the canvas reads as a single surface.
 */
[data-editor-v2="1"] .article-compose-document-toolbar,
[data-editor-v2="1"] .structured-editor-shell--legacy-fallback {
    display: none !important;
}
.editor-v2 {
    --editor-v2-bg: #ffffff;
    --editor-v2-canvas-bg: #ffffff;
    --editor-v2-fg: #1a1d23;
    --editor-v2-muted: #6b7280;
    --editor-v2-border: #e5e7eb;
    --editor-v2-accent: #1d4ed8;
    --editor-v2-accent-soft: #eff6ff;
    --editor-v2-rail-bg: #f8fafc;
    --editor-v2-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(15,23,42,.06);

    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--editor-v2-bg);
    border: 1px solid var(--editor-v2-border);
    border-radius: 12px;
    overflow: visible;
    box-shadow: var(--editor-v2-shadow);
    color: var(--editor-v2-fg);
    font-family: ui-serif, Georgia, "Times New Roman", serif;
}
.editor-v2[lang^="hi"],
.editor-v2[lang^="mr"],
.editor-v2[data-editor-v2-locale^="hi"],
.editor-v2[data-editor-v2-locale^="mr"] {
    --editor-v2-script-font: var(--font-devanagari, "Noto Sans Devanagari", "Noto Sans", system-ui, sans-serif);
}
.editor-v2[lang^="hi"] .editor-v2__canvas,
.editor-v2[lang^="mr"] .editor-v2__canvas,
.editor-v2[data-editor-v2-locale^="hi"] .editor-v2__canvas,
.editor-v2[data-editor-v2-locale^="mr"] .editor-v2__canvas {
    font-family: var(--editor-v2-script-font);
    font-feature-settings: "kern" 1, "liga" 1, "abvs" 1, "blws" 1, "haln" 1;
    line-height: 1.82;
}
.editor-v2__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: linear-gradient(180deg, #fafbfc, #f4f6f8);
    border-bottom: 1px solid var(--editor-v2-border);
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 13px;
}
.editor-v2__eyebrow {
    color: var(--editor-v2-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 11px;
}
.editor-v2__hint {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--editor-v2-muted);
    font-size: 12px;
}
.editor-v2__hint kbd {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    background: #f1f5f9;
    color: #111827;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 11px;
}
.editor-v2__top {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: linear-gradient(180deg, #fafbfc, #f4f6f8);
    border-bottom: 1px solid var(--editor-v2-border);
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 13px;
}
.editor-v2__brand {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--editor-v2-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    font-size: 11px;
}
.editor-v2__brand-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--editor-v2-accent);
    box-shadow: 0 0 0 3px var(--editor-v2-accent-soft);
}
.editor-v2__inline-toolbar {
    position: fixed;
    z-index: 1090;
    display: inline-flex;
    flex-wrap: wrap;
    max-width: min(92vw, 460px);
    gap: 3px;
    padding: 4px;
    border-radius: 8px;
    background: #111827;
    border: 1px solid #293241;
    box-shadow: 0 14px 34px rgba(15,23,42,.32);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease;
    transform: translateY(4px);
    justify-self: center;
}
.editor-v2__inline-toolbar--active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.editor-v2__inline-btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background: transparent;
    color: #f8fafc;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    flex: 0 0 auto;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
}
.editor-v2__inline-btn:hover {
    background: #243044;
    color: #ffffff;
}
.editor-v2__inline-btn[data-action="highlight"] {
    color: #fde68a;
}
.editor-v2__inline-btn[data-action="highlight"]:hover {
    background: #422006;
    color: #facc15;
}
.editor-v2__inline-btn[data-action="clear"] {
    color: #cbd5e1;
    font-size: 12px;
}
.editor-v2__inline-btn[data-action="clear"]:hover {
    background: #312e81;
    color: #ffffff;
}
.editor-v2__top-actions { display: inline-flex; gap: 6px; }
.editor-v2__pill {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid var(--editor-v2-border);
    background: #fff;
    color: var(--editor-v2-fg);
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.editor-v2__pill kbd {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    background: #f1f5f9;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 11px;
    border: 1px solid #e2e8f0;
}
.editor-v2__body {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 540px;
}
@media (max-width: 1100px) {
    .editor-v2__body { grid-template-columns: 40px minmax(0, 1fr); }
    .editor-v2__rail--right { display: none; }
}
.editor-v2__rail {
    background: var(--editor-v2-rail-bg);
    border-right: 1px solid var(--editor-v2-border);
    padding: 12px 8px;
}
.editor-v2__rail--right {
    border-right: 0;
    border-left: 1px solid var(--editor-v2-border);
    padding: 14px 14px 24px;
    background: #fbfcfd;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 13px;
    color: var(--editor-v2-fg);
}
.editor-v2__block-handle {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px dashed var(--editor-v2-border);
    background: #fff;
    color: var(--editor-v2-muted);
    width: 32px; height: 32px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}
.editor-v2__block-handle:hover { color: var(--editor-v2-accent); border-color: var(--editor-v2-accent); }
.editor-v2__canvas {
    padding: 28px 56px 80px;
    max-width: none;
    margin: 0;
    width: 100%;
    background: var(--editor-v2-canvas-bg);
    outline: none;
    font-size: 19px;
    line-height: 1.7;
    color: #16181d;
}
.editor-v2__canvas--ready { caret-color: var(--editor-v2-accent); }
.editor-v2__canvas p { margin: 0 0 1em; }
.editor-v2__canvas h2 { font-size: 28px; margin: 1.4em 0 .4em; font-weight: 700; letter-spacing: -.01em; }
.editor-v2__canvas h3 { font-size: 22px; margin: 1.2em 0 .3em; font-weight: 700; }
.editor-v2__canvas blockquote {
    border-left: 3px solid var(--editor-v2-accent);
    padding: 4px 16px;
    margin: 1.2em 0;
    color: #2c3340;
    font-style: italic;
}
.editor-v2__canvas hr {
    border: 0;
    border-top: 1px solid var(--editor-v2-border);
    margin: 2em auto;
    width: 60%;
}
.editor-v2__canvas aside[data-block-type="pull_quote"] {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 600;
    color: #0f172a;
    border-top: 2px solid #0f172a;
    border-bottom: 2px solid #0f172a;
    padding: 18px 4px;
    margin: 1.4em 0;
    font-family: ui-serif, Georgia, serif;
}
.editor-v2__canvas aside[data-block-type="callout"],
.editor-v2__canvas aside[data-block-type="native_story_embed"] {
    background: var(--editor-v2-accent-soft);
    border-left: 4px solid var(--editor-v2-accent);
    padding: 14px 16px;
    border-radius: 8px;
    margin: 1.2em 0;
    font-size: 16px;
    line-height: 1.6;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    color: #1e293b;
}
.editor-v2__canvas aside[data-block-type="embed"],
.editor-v2__canvas .editor-v2__embed-block {
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 10px;
    color: #e5edf7;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.45;
    margin: 1.2em 0;
    overflow: hidden;
    padding: 0;
}
.editor-v2__canvas .editor-v2__embed-block iframe {
    aspect-ratio: 16 / 9;
    background: #020617;
    border: 0;
    display: block;
    width: 100%;
}
.editor-v2__canvas .editor-v2__embed-block iframe[src*="facebook.com/plugins"] {
    aspect-ratio: auto;
    background: #fff;
    min-height: 360px;
}
.editor-v2__canvas .editor-v2__embed-block .twitter-tweet {
    background: #fff;
    border-radius: 8px;
    color: #0f172a;
    margin: 12px;
    min-height: 180px;
    padding: 16px;
}
.editor-v2__canvas .editor-v2__embed-block .twitter-tweet a {
    color: #1d4ed8;
    overflow-wrap: anywhere;
}
.editor-v2__canvas .editor-v2__embed-block--fallback {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a;
}
.editor-v2__embed-meta {
    display: grid;
    gap: 5px;
    padding: 12px 14px;
}
.editor-v2__embed-label {
    color: #93c5fd;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.editor-v2__embed-block--fallback .editor-v2__embed-label {
    color: #1d4ed8;
}
.editor-v2__embed-message {
    color: #334155;
    font-size: 16px;
    line-height: 1.35;
}
.editor-v2__embed-meta a {
    color: #f8fafc;
    display: block;
    font-weight: 700;
    overflow-wrap: anywhere;
    text-decoration: none;
}
.editor-v2__embed-block--fallback .editor-v2__embed-meta a {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
}
.editor-v2__embed-meta a:hover {
    color: #bfdbfe;
    text-decoration: underline;
}
.editor-v2__embed-block--fallback .editor-v2__embed-meta a:hover {
    color: #1d4ed8;
}
.editor-v2__canvas aside[data-block-type="summary_box"] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(15,23,42,.06);
    color: #111827;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 1.2em 0;
    padding: 16px 18px;
}
.editor-v2__canvas aside[data-block-type="key_takeaways"] {
    background: #f8fafc;
    border: 1px solid #dbe3ee;
    border-left: 0;
    border-radius: 8px;
    color: #0f172a;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 1.2em 0;
    padding: 16px 18px 16px 42px;
    position: relative;
}
.editor-v2__canvas aside[data-block-type="key_takeaways"]::before {
    content: "★";
    color: #b45309;
    font-size: 18px;
    font-weight: 800;
    left: 16px;
    position: absolute;
    top: 16px;
}
.editor-v2__canvas aside[data-block-type="factbox"] {
    background: #fffbeb;
    border: 1px solid #f7d070;
    border-radius: 8px;
    color: #3f2a05;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 1.2em 0;
    padding: 16px 18px;
}
.editor-v2__canvas figure,
.editor-v2__canvas table,
.editor-v2__canvas ol[data-block-type="timeline"] {
    margin: 1.2em 0;
}
.editor-v2__image-block,
.editor-v2__gallery-block {
    border: 1px solid var(--editor-v2-border);
    border-radius: 10px;
    padding: 12px 12px 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15,23,42,.05);
}
.editor-v2__image-preview {
    display: block;
    min-height: 120px;
    border-radius: 8px;
    background: #e5e7eb;
    overflow: hidden;
}
.editor-v2__image-preview img {
    display: block;
    width: 100%;
    max-height: 320px;
    -o-object-fit: cover;
       object-fit: cover;
}
.editor-v2__gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}
.editor-v2__canvas figcaption,
.editor-v2__figure-meta {
    display: block;
    margin-top: 8px;
    padding: 0;
    color: #5f6b7a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.5;
}
.editor-v2__figure-caption,
.editor-v2__figure-credit {
    display: inline;
    min-height: 0;
    outline: none;
    border-radius: 3px;
}
.editor-v2__figure-caption {
    color: #5f6b7a;
    font-size: inherit;
    line-height: inherit;
}
.editor-v2__figure-credit {
    color: #6b7280;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: inherit;
    margin-left: 6px;
    text-transform: none;
    vertical-align: baseline;
}
.editor-v2__figure-caption:focus,
.editor-v2__figure-credit:focus {
    background: #eef6ff;
    box-shadow: 0 0 0 2px rgba(37,99,235,.14);
}
.editor-v2__figure-caption:empty::before,
.editor-v2__figure-credit:empty::before {
    content: attr(data-placeholder);
    color: #94a3b8;
    display: inline;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}
.editor-v2__canvas table[data-block-type="comparison_table"],
.editor-v2__canvas .editor-v2__table-block {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    table-layout: fixed;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.45;
    margin: 10px 0 18px;
    background: #fff;
}
.editor-v2__table-controls {
    caption-side: top;
    text-align: left;
    padding: 0 0 8px;
    color: var(--editor-v2-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}
.editor-v2__table-controls span {
    margin-right: 8px;
}
.editor-v2__table-controls button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
    cursor: pointer;
    font: 700 12px/1 ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    margin: 0 4px 4px 0;
    padding: 7px 10px;
}
.editor-v2__table-controls button:hover,
.editor-v2__table-controls button:focus {
    background: #1d4ed8;
    outline: none;
}
.editor-v2__canvas table[data-block-type="comparison_table"] th,
.editor-v2__canvas table[data-block-type="comparison_table"] td,
.editor-v2__canvas .editor-v2__table-block th,
.editor-v2__canvas .editor-v2__table-block td {
    border: 0;
    border-right: 1px solid #d7dee8;
    border-bottom: 1px solid #d7dee8;
    color: #0f172a;
    display: table-cell;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500;
    height: 48px;
    min-width: 110px;
    outline: none;
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
    word-break: break-word;
}
.editor-v2__canvas table[data-block-type="comparison_table"] tr:last-child td,
.editor-v2__canvas .editor-v2__table-block tr:last-child td {
    border-bottom: 0;
}
.editor-v2__canvas table[data-block-type="comparison_table"] th:last-child,
.editor-v2__canvas table[data-block-type="comparison_table"] td:last-child,
.editor-v2__canvas .editor-v2__table-block th:last-child,
.editor-v2__canvas .editor-v2__table-block td:last-child {
    border-right: 0;
}
.editor-v2__canvas table[data-block-type="comparison_table"] th,
.editor-v2__canvas .editor-v2__table-block th {
    background: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 800;
}
.editor-v2__canvas table[data-block-type="comparison_table"] td:empty::before,
.editor-v2__canvas .editor-v2__table-block td:empty::before {
    content: "Type here";
    color: #94a3b8;
    font-weight: 500;
}
.editor-v2__canvas table[data-block-type="comparison_table"] th:focus,
.editor-v2__canvas table[data-block-type="comparison_table"] td:focus,
.editor-v2__canvas .editor-v2__table-block th:focus,
.editor-v2__canvas .editor-v2__table-block td:focus {
    background: #eff6ff;
    box-shadow: inset 0 0 0 2px #2563eb;
}
.editor-v2__timeline-block {
    border-left: 3px solid var(--editor-v2-accent);
    padding-left: 18px;
}
.editor-v2__placeholder { color: var(--editor-v2-muted); font-style: italic; }
.editor-v2__boot-message {
    color: var(--editor-v2-muted);
    text-align: center;
    padding: 60px 20px;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
}
.editor-v2__boot-message strong { color: var(--editor-v2-fg); }
.editor-v2__boot-hint { display: block; font-size: 12px; margin-top: 8px; }
.editor-v2__boot-message--error { color: #b91c1c; }
/* Slash menu */
.editor-v2__slash-menu {
    position: absolute;
    z-index: 1080;
    min-width: 260px;
    max-height: 360px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--editor-v2-border);
    border-radius: 10px;
    box-shadow: 0 12px 36px rgba(15,23,42,.18);
    padding: 6px;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 13px;
}
.editor-v2__slash-group {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--editor-v2-muted);
    font-size: 10px;
    font-weight: 700;
    padding: 8px 10px 4px;
}
.editor-v2__slash-item {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    color: var(--editor-v2-fg);
    font-size: 13px;
    font-family: inherit;
}
.editor-v2__slash-item:hover,
.editor-v2__slash-item[aria-selected="true"] {
    background: var(--editor-v2-accent-soft);
    color: var(--editor-v2-accent);
}
.editor-v2__slash-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; height: 24px;
    border-radius: 6px;
    background: #f1f5f9;
    font-size: 12px;
}
/* Command palette */
.editor-v2__command-palette {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .42);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 12vh;
    z-index: 1090;
}
.editor-v2__cp-frame {
    width: min(560px, 92vw);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(15,23,42,.32);
    overflow: hidden;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
}
.editor-v2__cp-input {
    width: 100%;
    border: 0;
    padding: 14px 18px;
    font-size: 16px;
    border-bottom: 1px solid var(--editor-v2-border);
    outline: none;
}
.editor-v2__cp-results { max-height: 50vh; overflow-y: auto; }
.editor-v2__cp-row {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background: transparent;
    width: 100%;
    text-align: left;
    padding: 10px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: var(--editor-v2-fg);
    font-size: 14px;
    font-family: inherit;
}
.editor-v2__cp-row:hover { background: var(--editor-v2-accent-soft); }
.editor-v2__cp-group {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--editor-v2-muted);
}
/* Insights tabs */
.editor-v2__insights-tabs {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--editor-v2-border);
    margin: -14px -14px 12px;
    padding: 8px 14px 0;
}
.editor-v2__insights-tabs button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background: transparent;
    padding: 8px 10px;
    border-bottom: 2px solid transparent;
    font: inherit;
    color: var(--editor-v2-muted);
    cursor: pointer;
}
.editor-v2__insights-tabs button[aria-selected="true"] {
    color: var(--editor-v2-accent);
    border-bottom-color: var(--editor-v2-accent);
    font-weight: 600;
}
.editor-v2__insights-placeholder { color: var(--editor-v2-muted); font-size: 12px; }
.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
/* Block-handle floating grip + menu */
.editor-v2__block-handle--floating {
    transition: transform .12s ease;
}
.editor-v2__block-handle--floating:hover { transform: scale(1.05); }
.editor-v2__block-menu {
    background: #fff;
    border: 1px solid var(--editor-v2-border);
    border-radius: 10px;
    box-shadow: 0 12px 36px rgba(15,23,42,.18);
    padding: 6px;
    min-width: 200px;
    width: 240px;
    max-width: calc(100vw - 24px);
    max-height: min(360px, calc(100vh - 24px));
    overflow-y: auto;
    overscroll-behavior: contain;
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    font-size: 13px;
    z-index: 1080;
}
.editor-v2__block-menu::-webkit-scrollbar {
    width: 10px;
}
.editor-v2__block-menu::-webkit-scrollbar-track {
    background: #f8fafc;
    border-radius: 999px;
}
.editor-v2__block-menu::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border: 2px solid #f8fafc;
    border-radius: 999px;
}
.editor-v2__block-menu::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
.editor-v2__block-menu-heading {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--editor-v2-muted);
    font-size: 10px;
    font-weight: 700;
    padding: 8px 10px 4px;
}
.editor-v2__block-menu-item {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background: transparent;
    width: 100%;
    text-align: left;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--editor-v2-fg);
    font-family: inherit;
    font-size: 13px;
}
.editor-v2__block-menu-item:hover { background: var(--editor-v2-accent-soft); color: var(--editor-v2-accent); }
.editor-v2__asset-panel-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15,23,42,.46);
}
.editor-v2__asset-panel {
    width: min(720px, calc(100vw - 40px));
    max-height: min(620px, calc(100vh - 40px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(15,23,42,.28);
    font-family: ui-sans-serif, system-ui, "Segoe UI", sans-serif;
}
.editor-v2__asset-panel-head,
.editor-v2__asset-panel-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--editor-v2-border);
}
.editor-v2__asset-panel-head strong {
    font-size: 1.05rem;
    line-height: 1.2;
}
.editor-v2__asset-panel-foot {
    border-top: 1px solid var(--editor-v2-border);
    border-bottom: 0;
}
.editor-v2__asset-panel-body {
    display: grid;
    gap: 12px;
    overflow-y: auto;
    padding: 16px 18px;
    scroll-padding: 14px;
}
.editor-v2__asset-head-actions,
.editor-v2__asset-submit-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.editor-v2__asset-field {
    display: grid;
    gap: 7px;
    color: var(--editor-v2-fg);
    font-size: 13px;
}
.editor-v2__asset-field span {
    font-weight: 700;
}
.editor-v2__asset-field > input,
.editor-v2__asset-row > input {
    position: static !important;
    display: block !important;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
    height: 42px;
    min-height: 42px;
    border: 1px solid var(--editor-v2-border);
    border-radius: 8px;
    background: #fff;
    color: #111827;
    padding: 9px 10px;
    font-size: 14px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.editor-v2__asset-field > input:focus,
.editor-v2__asset-row > input:focus {
    border-color: #0f2b46;
    box-shadow: 0 0 0 3px rgba(15,43,70,.16);
    outline: none;
}
.editor-v2__asset-row,
.editor-v2__asset-panel-foot {
    display: flex;
    gap: 8px;
}
.editor-v2__asset-row input {
    flex: 1 1 auto;
    min-width: 0;
}
.editor-v2__asset-row .editor-v2__asset-browse {
    flex: 0 0 auto;
    white-space: nowrap;
    align-self: stretch;
}
.editor-v2__btn-primary,
.editor-v2__btn-ghost,
.editor-v2__asset-browse,
.editor-v2__asset-add,
.editor-v2__asset-panel-close {
    border: 1px solid var(--editor-v2-border);
    border-radius: 8px;
    padding: 8px 12px;
    background: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}
.editor-v2__btn-primary {
    border-color: var(--editor-v2-accent);
    background: var(--editor-v2-accent);
    color: #fff;
}
.editor-v2__asset-head-actions .editor-v2__asset-browse {
    display: none;
}
.editor-v2__asset-list {
    display: grid;
    gap: 8px;
}
.editor-v2__asset-list-row {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid var(--editor-v2-border);
    border-radius: 8px;
}
.editor-v2__asset-list-preview {
    width: 72px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--editor-v2-border);
    border-radius: 6px;
    background: #f8fafc;
}
.editor-v2__asset-list-row img {
    width: 56px;
    height: 42px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
}
.editor-v2__asset-list-fallback {
    display: block;
    max-width: 100%;
    padding: 4px;
    color: var(--editor-v2-muted);
    font-size: 10px;
    line-height: 1.15;
    text-align: center;
    word-break: break-word;
}
.editor-v2__asset-count {
    color: var(--editor-v2-muted);
    font-size: 13px;
    white-space: nowrap;
}
@media (max-width: 700px) {
    .editor-v2__asset-panel-head,
    .editor-v2__asset-panel-foot,
    .editor-v2__asset-row {
        align-items: stretch;
        flex-direction: column;
    }
    .editor-v2__asset-submit-group {
        justify-content: space-between;
    }
}
/* Empty-block placeholder via data-placeholder attribute. */
.editor-v2__canvas [data-placeholder]:empty::before {
    content: attr(data-placeholder);
    color: var(--editor-v2-muted);
    font-style: italic;
    pointer-events: none;
}
.editor-v2__url-preview {
    margin-top: 8px;
}
.editor-v2__url-preview-tile {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 10px;
    align-items: center;
    padding: 8px;
    border: 1px solid var(--editor-v2-border);
    border-radius: 8px;
    background: #f8fafc;
}
.editor-v2__url-preview-thumb {
    width: 72px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 6px;
    background: #e2e8f0;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
}
.editor-v2__url-preview-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.editor-v2__url-preview-body {
    display: grid;
    gap: 2px;
    min-width: 0;
}
.editor-v2__url-preview-body strong,
.editor-v2__url-preview-body span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.editor-v2__url-preview-body span {
    color: var(--editor-v2-muted);
    font-size: 12px;
}
.editor-v2__focal-point-picker {
    margin: 10px 0;
}
.editor-v2__focal-point-stage {
    position: relative;
    width: 100%;
    min-height: 160px;
    overflow: hidden;
    border: 1px solid var(--editor-v2-border);
    border-radius: 8px;
    background: #eef2f7;
    cursor: crosshair;
}
.editor-v2__focal-point-stage.is-empty {
    display: none;
}
.editor-v2__focal-point-stage img {
    width: 100%;
    height: 100%;
    min-height: 160px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}
.editor-v2__focal-point-marker {
    position: absolute;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--editor-v2-accent);
    box-shadow: 0 0 0 2px var(--editor-v2-accent), 0 8px 18px rgba(15, 23, 42, .25);
    cursor: grab;
    transform: translate(-50%, -50%);
}
.editor-v2__focal-point-marker:active {
    cursor: grabbing;
}
.editor-v2__media-stack {
    display: grid;
    gap: 8px;
}
.editor-v2__media-stack-empty {
    padding: 10px 12px;
    border: 1px dashed var(--editor-v2-border);
    border-radius: 8px;
    color: var(--editor-v2-muted);
    background: #f8fafc;
}
.editor-v2__media-stack-tile {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 8px;
    border: 1px solid var(--editor-v2-border);
    border-radius: 8px;
    background: #fff;
}
.editor-v2__media-stack-tile.is-dragging {
    opacity: .55;
}
.editor-v2__media-stack-thumb {
    width: 64px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 6px;
    background: #eef2f7;
    color: var(--editor-v2-muted);
    font-size: 11px;
    font-weight: 800;
}
.editor-v2__media-stack-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.editor-v2__media-stack-body {
    display: grid;
    gap: 2px;
    min-width: 0;
}
.editor-v2__media-stack-body strong,
.editor-v2__media-stack-body span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.editor-v2__media-stack-body span {
    color: var(--editor-v2-muted);
    font-size: 12px;
}
.editor-v2__media-stack-remove,
.editor-v2__media-stack-add {
    border: 1px solid var(--editor-v2-border);
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
.editor-v2__media-stack-remove {
    width: 32px;
    height: 32px;
}
.editor-v2__media-stack-add {
    margin-top: 8px;
    padding: 8px 12px;
}
.article-media-hero__preview.is-drag-target {
    outline: 3px solid var(--editor-v2-accent);
    outline-offset: 3px;
    background: #eff6ff;
}
.media-item .media-item-check {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}
.media-item.selected .media-item-check {
    display: flex;
}
.editor-v2__quality-pill {
    display: inline-flex;
    align-items: center;
    margin-top: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fee2e2;
    color: #991b1b;
    font-size: 12px;
    font-weight: 800;
}
.editor-v2__quality-pill[data-quality-level="ok"] {
    background: #fef3c7;
    color: #92400e;
}
.editor-v2__quality-pill[data-quality-level="strong"] {
    background: #dcfce7;
    color: #166534;
}
.article-compose-inspector-tab__badge--readiness {
    margin-left: 0.35rem;
    font-weight: 800;
}
.article-compose-inspector-tab__badge--readiness.is-blocker {
    color: #dc2626;
}
.article-compose-inspector-tab__badge--readiness.is-warning {
    color: #d97706;
}
.article-compose-inspector-tab__badge--readiness.is-ready {
    color: #15803d;
}
.article-readiness-meter {
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    padding: 0.85rem;
    margin: 0.75rem 0;
    background: #fff;
}
.article-readiness-meter__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #475569;
}
.article-readiness-meter__bar {
    height: 0.55rem;
    border-radius: 999px;
    background: #e5eaf2;
    overflow: hidden;
    margin-top: 0.55rem;
}
.article-readiness-meter__bar span {
    display: block;
    height: 100%;
    width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #dc2626, #f59e0b, #16a34a);
    transition: width 160ms ease;
}
.article-readiness-checklist-preview {
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.75rem 0;
    margin: 0.75rem 0;
}
.article-readiness-checklist-preview__title {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.45rem;
}
.article-readiness-checklist-preview__item {
    font-size: 0.9rem;
    color: #1f2937;
    padding: 0.25rem 0;
}
.article-workbench-validation-item__dismiss,
.article-readiness-dismissed button {
    border: 0;
    background: transparent;
    color: #475569;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: underline;
    padding: 0.15rem 0.25rem;
}
.article-readiness-dismissed {
    margin-top: 0.65rem;
    color: #64748b;
    font-size: 0.9rem;
}
.article-readiness-dismissed__item {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.35rem 0;
}
.article-readiness-group-toggle {
    width: 100%;
    border: 0;
    background: transparent;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
    padding: 0.55rem 0 0.35rem;
}
.article-readiness-group-toggle::after {
    content: "Hide";
    float: right;
    color: #64748b;
    font-size: 0.72rem;
    letter-spacing: 0;
    text-transform: none;
}
.article-readiness-group-toggle[aria-expanded="false"]::after {
    content: "Show";
}
.article-readiness-severity-note {
    color: #64748b;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
.article-readiness-vote {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.45rem;
}
.article-readiness-vote button {
    border: 1px solid #dbe3ef;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
}
.article-readiness-vote button[aria-pressed="true"] {
    border-color: #1d4ed8;
    background: #eff6ff;
    color: #1d4ed8;
}
.article-readiness-history {
    color: #64748b;
    font-size: 0.85rem;
    margin: 0.5rem 0 0.25rem;
}
.article-readiness-shortcuts {
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #334155;
    font-size: 0.85rem;
    margin: 0.45rem 0;
    padding: 0.55rem 0.7rem;
}
.article-readiness-sparkline {
    align-items: end;
    display: flex;
    gap: 0.25rem;
    height: 2.25rem;
    margin: 0.25rem 0 0.75rem;
}
.article-readiness-sparkline span {
    background: #2563eb;
    border-radius: 999px 999px 0 0;
    display: block;
    flex: 1 1 0;
    min-width: 0.35rem;
}
.editor-v2__seo-ai-groups {
    display: grid;
    gap: 0.65rem;
}
.editor-v2__seo-ai-group {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.editor-v2__seo-ai-group-header {
    cursor: pointer;
    list-style: none;
    padding: 0.7rem 0.8rem;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.editor-v2__seo-ai-group-header::-webkit-details-marker {
    display: none;
}
.editor-v2__seo-ai-group-header::after {
    content: "Show";
    float: right;
    color: #64748b;
    font-size: 0.72rem;
    letter-spacing: 0;
    text-transform: none;
}
.editor-v2__seo-ai-group[open] .editor-v2__seo-ai-group-header::after {
    content: "Hide";
}
.editor-v2__seo-ai-group-body {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0 0.8rem 0.85rem;
}
[data-seo-json-validator].is-invalid {
    border-color: #dc3545;
}
[data-seo-json-validator].is-valid {
    border-color: #198754;
}
.editor-v2__seo-preview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
    gap: 0.85rem;
}
.editor-v2__serp-card,
.editor-v2__discover-card,
.editor-v2__schema-card {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    padding: 0.9rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
.editor-v2__serp-card {
    grid-column: span 2;
}
.editor-v2__serp-card-source {
    color: #3c4043;
    font-size: 0.78rem;
    margin-bottom: 0.2rem;
}
.editor-v2__serp-card-title {
    display: block;
    color: #1a0dab;
    font-size: 1.05rem;
    line-height: 1.25;
    text-decoration: none;
}
.editor-v2__serp-card-title:hover {
    text-decoration: underline;
}
.editor-v2__serp-card-url {
    margin-top: 0.2rem;
    color: #006621;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.editor-v2__serp-card-description {
    margin: 0.35rem 0 0;
    color: #545454;
    font-size: 0.86rem;
    line-height: 1.45;
}
.editor-v2__discover-card {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
}
.editor-v2__discover-card-thumb {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    background: #e2e8f0 center/cover no-repeat;
}
.editor-v2__discover-card-thumb.is-empty::after {
    content: "IMG";
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
}
.editor-v2__discover-card-title {
    color: #111827;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
}
.editor-v2__discover-card-meta,
.editor-v2__discover-card-focus,
.editor-v2__schema-card small,
.editor-v2__schema-card p {
    color: #64748b;
    font-size: 0.78rem;
}
.editor-v2__schema-card span {
    display: block;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.editor-v2__schema-card strong {
    display: block;
    margin-top: 0.25rem;
    color: #0f172a;
    font-size: 1rem;
}
.editor-v2__robots-builder {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.5rem;
}
.editor-v2__robots-option {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 0.45rem 0.55rem;
    background: #f8fafc;
}
.editor-v2__focus-analyzer {
    margin-top: 0.6rem;
}
.editor-v2__focus-empty {
    color: #64748b;
    font-size: 0.82rem;
}
.editor-v2__focus-analyzer-list {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.editor-v2__focus-check {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr);
    gap: 0.1rem 0.45rem;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 0.45rem 0.55rem;
    background: #fff;
}
.editor-v2__focus-check > span {
    grid-row: span 2;
    font-weight: 900;
}
.editor-v2__focus-check strong {
    color: #0f172a;
    font-size: 0.82rem;
}
.editor-v2__focus-check small {
    color: #64748b;
    font-size: 0.74rem;
}
.editor-v2__focus-check--ok > span {
    color: #15803d;
}
.editor-v2__focus-check--warn > span {
    color: #b45309;
}
.editor-v2__focus-check--bad > span {
    color: #dc2626;
}
.editor-v2__schema-preview {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
}
.editor-v2__schema-preview summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    cursor: pointer;
    padding: 0.75rem 0.85rem;
    font-weight: 850;
}
.editor-v2__schema-preview pre {
    max-height: 320px;
    margin: 0;
    border-top: 1px solid #e2e8f0;
    padding: 0.85rem;
    overflow: auto;
    background: #0f172a;
    color: #e2e8f0;
    font-size: 0.78rem;
    white-space: pre-wrap;
}
.editor-v2__seo-status-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 0.7rem;
    background: #f8fafc;
}
.editor-v2__seo-status-strip div {
    display: grid;
    gap: 0.1rem;
}
.editor-v2__seo-status-strip span {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.editor-v2__seo-status-strip strong {
    color: #0f172a;
    font-size: 0.9rem;
}
.editor-v2__internal-link-picker {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.65rem;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    padding: 0.75rem;
    background: #fff;
}
.editor-v2__internal-link-picker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.editor-v2__internal-link-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    border-top: 1px solid #e2e8f0;
    padding: 0.55rem 0;
}
.editor-v2__internal-link-option:first-child {
    border-top: 0;
}
.editor-v2__internal-link-option span {
    display: grid;
    gap: 0.15rem;
}
.editor-v2__internal-link-option strong {
    color: #0f172a;
    font-size: 0.86rem;
}
.editor-v2__internal-link-option small {
    color: #64748b;
    overflow-wrap: anywhere;
}
@media (max-width: 720px) {
    .editor-v2__seo-preview-grid {
        grid-template-columns: 1fr;
    }

    .editor-v2__serp-card {
        grid-column: auto;
    }

    .editor-v2__robots-builder {
        grid-template-columns: 1fr;
    }

    .editor-v2__seo-status-strip {
        grid-template-columns: 1fr;
    }
}
/* Editor v2 Tools tab UX */
.editor-tools-subtabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    margin: 0 0 0.75rem;
    padding: 0.25rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 0.65rem;
    background: rgba(248, 250, 252, 0.82);
}
.editor-tools-subtab,
.editor-tools-segmented__item,
.editor-tools-suggestion__button,
.editor-tools-chip__remove {
    border: 0;
    cursor: pointer;
    font: inherit;
}
.editor-tools-subtab {
    min-height: 2.25rem;
    border-radius: 0.5rem;
    background: transparent;
    color: #475569;
    font-weight: 800;
    letter-spacing: 0.02em;
}
.editor-tools-subtab.is-active {
    background: #0f172a;
    color: #fff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.16);
}
.editor-tools-subpanel[hidden] {
    display: none !important;
}
.editor-tools-chipset {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.45rem;
    min-height: 1.8rem;
}
.editor-tools-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.25rem 0.45rem 0.25rem 0.6rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.8rem;
    font-weight: 800;
}
.editor-tools-chip__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 1.1rem;
    block-size: 1.1rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
    line-height: 1;
}
.editor-tools-chipset__empty {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}
.editor-tools-select-filter {
    margin-bottom: 0.4rem;
}
.editor-tools-field-search {
    margin: -0.25rem 0 0.8rem;
    border-radius: 999px;
}
.editor-tools-field-hidden {
    display: none !important;
}
.editor-tools-copy-last {
    margin-left: auto;
}
.editor-tools-suggestion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.45rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid rgba(14, 165, 233, 0.24);
    border-radius: 0.6rem;
    background: #f0f9ff;
    color: #075985;
    font-size: 0.82rem;
    font-weight: 800;
}
.editor-tools-suggestion__button {
    flex: 0 0 auto;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background: #0369a1;
    color: #fff;
    font-weight: 900;
}
.editor-tools-trust-badge--ready {
    border-color: rgba(22, 163, 74, 0.32) !important;
    background: #f0fdf4 !important;
    color: #166534;
}
.editor-tools-trust-badge--muted {
    opacity: 0.72;
}
.editor-tools-ror-timeline {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.55rem;
}
.editor-tools-ror-step {
    min-height: 2.25rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.65rem;
    background: #f8fafc;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 850;
    text-align: center;
}
.editor-tools-ror-step.is-done {
    background: #ecfdf5;
    color: #047857;
}
.editor-tools-segmented {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}
.editor-tools-segmented__item {
    padding: 0.38rem 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 0.8rem;
    font-weight: 850;
}
.editor-tools-segmented__item[aria-pressed="true"] {
    border-color: #0f172a;
    background: #0f172a;
    color: #fff;
}
.editor-tools-reader-preview {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.55rem;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 0.7rem;
    background: #f8fafc;
    color: #334155;
}
.editor-tools-reader-preview strong {
    color: #0f172a;
}
.editor-tools-ai-action {
    border-color: rgba(124, 58, 237, 0.28) !important;
    background: linear-gradient(180deg, #fff, #faf5ff) !important;
    color: #4c1d95 !important;
    font-weight: 850 !important;
}
@media (max-width: 640px) {
    .editor-tools-ror-timeline {
        grid-template-columns: 1fr;
    }
}
/* Editor v2 More tab UX */
.editor-more-variant-cards,
.editor-more-diff-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0.75rem 0;
}
.editor-more-variant-card,
.editor-more-diff-grid article,
.editor-more-utm-builder,
.editor-more-empty {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 0.7rem;
    background: #f8fafc;
    padding: 0.75rem;
}
.editor-more-variant-card {
    display: grid;
    gap: 0.45rem;
    border-left: 4px solid #94a3b8;
}
.editor-more-variant-card.is-winner {
    border-color: rgba(22, 163, 74, 0.5);
    border-left-color: #16a34a;
    background: #f0fdf4;
}
.editor-more-variant-card span,
.editor-more-diff-grid span,
.editor-more-muted {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}
.editor-more-variant-card strong,
.editor-more-diff-grid strong {
    color: #0f172a;
    overflow-wrap: anywhere;
}
.editor-more-variant-card button {
    width: -moz-fit-content;
    width: fit-content;
    border: 0;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
    padding: 0.35rem 0.65rem;
}
.editor-more-variant-card button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.editor-more-chipset {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.45rem;
}
.editor-more-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.25rem 0.45rem 0.25rem 0.6rem;
}
.editor-more-chip button {
    border: 0;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
    line-height: 1;
}
.editor-more-chipset__empty {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}
.editor-more-utm-builder {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.5rem;
}
.editor-more-utm-builder__preview {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.editor-more-kpi-template {
    margin-bottom: 0.45rem;
}
.editor-more-audit-event {
    position: relative;
    border-left: 4px solid #94a3b8;
}
.editor-more-audit-event--publish,
.editor-more-audit-event--signoff {
    border-left-color: #16a34a;
}
.editor-more-audit-event--correction,
.editor-more-audit-event--override,
.editor-more-audit-event--permission {
    border-left-color: #f59e0b;
}
.editor-more-audit-event--unpublish,
.editor-more-audit-event--lock {
    border-left-color: #dc2626;
}
.editor-more-audit-event__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 1.8rem;
    block-size: 1.8rem;
    margin-right: 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #0f172a;
    font-weight: 900;
}
.editor-more-audit-event--current-user {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.08), rgba(248, 250, 252, 0.92));
}
.editor-more-audit-event--other-user {
    opacity: 0.92;
}
.editor-more-audit-event__self {
    display: inline-flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 900;
    padding: 0.2rem 0.45rem;
}
.editor-more-audit-day {
    margin: 0.65rem 0;
}
.editor-more-audit-day > summary {
    cursor: pointer;
    border-radius: 0.55rem;
    background: #eef2ff;
    color: #1e1b4b;
    font-weight: 900;
    padding: 0.55rem 0.65rem;
}
.editor-more-modal[hidden] {
    display: none !important;
}
.editor-more-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
}
.editor-more-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.52);
}
.editor-more-modal__dialog {
    position: relative;
    width: min(720px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    margin: 1rem auto;
    border-radius: 0.85rem;
    background: #fff;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
}
.editor-more-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.24);
}
.editor-more-modal__header h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 900;
}
.editor-more-modal__close {
    border: 0;
    background: transparent;
    font-size: 1.7rem;
    line-height: 1;
}
.editor-more-modal__body {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}
.editor-more-policy-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}
.editor-more-policy-badges span {
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.72rem;
    font-weight: 900;
    padding: 0.25rem 0.5rem;
}
.editor-more-ai-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.editor-more-ai-table th,
.editor-more-ai-table td {
    border-bottom: 1px solid rgba(148, 163, 184, 0.24);
    padding: 0.45rem;
    text-align: left;
}
.editor-more-ai-count {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #ecfeff;
    color: #0e7490;
    font-size: 0.72rem;
    font-weight: 900;
    padding: 0.18rem 0.45rem;
}
.editor-more-export-link {
    display: inline-flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 999px;
    background: #0f172a;
    color: #fff !important;
    font-weight: 900;
    padding: 0.32rem 0.6rem;
    text-decoration: none;
}
.editor-more-export-note {
    display: block;
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
}
.editor-more-sparkline {
    display: grid;
    gap: 0.35rem;
    margin: 0.35rem 0 0.75rem;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 0.7rem;
    background: #f8fafc;
    padding: 0.65rem;
}
.editor-more-sparkline span {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 900;
}
.editor-more-sparkline svg {
    width: 100%;
    height: 42px;
}
.editor-more-sparkline polyline {
    fill: none;
    stroke: #2563eb;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}
.editor-more-confirm {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    font-weight: 800;
}
.editor-more-empty {
    display: grid;
    gap: 0.35rem;
}
.editor-more-empty__cta {
    color: #2563eb;
    font-weight: 900;
}
@media (max-width: 640px) {
    .editor-more-variant-cards,
    .editor-more-diff-grid {
        grid-template-columns: 1fr;
    }
}
.edition-admin {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.edition-admin__hero {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8f9fa 0%, #eef3ff 100%);
}
.edition-admin__kicker {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .75rem;
    color: #6c757d;
    margin-bottom: .25rem;
}
.edition-admin__title {
    margin: 0;
    font-size: 2rem;
}
.edition-admin__subtitle {
    margin: .5rem 0 0;
    color: #6c757d;
    max-width: 56rem;
}
.edition-admin__hero-actions {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}
.edition-admin__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: .75rem;
}
.edition-admin__summary-card {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.edition-admin__summary-card strong {
    font-size: 1.4rem;
}
.edition-admin__summary-card span {
    font-size: .85rem;
    color: #6c757d;
}
.edition-admin__grid {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 1.25rem;
}
.edition-admin__tree,
.edition-admin__tree ul {
    list-style: none;
    margin: 0;
    padding-left: .9rem;
}
.edition-admin__tree-node {
    margin-bottom: .5rem;
}
.edition-admin__tree-button {
    width: 100%;
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 8px;
    padding: .65rem .75rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.edition-admin__tree-button:hover,
.edition-admin__tree-button:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, .12);
    outline: none;
}
.edition-admin__tree-name {
    font-weight: 600;
}
.edition-admin__tree-meta {
    font-size: .8rem;
    color: #6c757d;
}
.edition-admin__detail-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.edition-admin__detail-badges {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}
.edition-admin__preview {
    min-height: 72px;
    border: 1px dashed #ced4da;
    border-radius: 8px;
    padding: .75rem;
    background: #fafbfc;
    font-size: .9rem;
    white-space: pre-wrap;
}
.edition-admin__textarea {
    min-height: 132px;
    font-family: Consolas, Monaco, monospace;
}
.edition-admin__timeline,
.edition-admin__list-item {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}
.edition-admin__timeline-item,
.edition-admin__list-item {
    padding: .75rem 0;
    border-bottom: 1px solid #eef0f2;
}
.edition-admin__list-item:last-child,
.edition-admin__timeline-item:last-child {
    border-bottom: 0;
}
@media (min-width: 992px) {
    .edition-admin__list-item {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }
}
@media (max-width: 991px) {
    .edition-admin__grid {
        grid-template-columns: 1fr;
    }

    .edition-admin__hero {
        align-items: start;
        flex-direction: column;
    }
}
/* Analytics & SEO Utilities */
.mw-300px { max-width: 300px; }
.mw-200px { max-width: 200px; }
.mw-90px { max-width: 90px; }
.w-250px { width: 250px; }
.w-320px { width: 320px; }
/* Heatmap & Details Utilities */
.min-h-500px { min-height: 500px; }
.h-600px { height: 600px; }
.h-10px { height: 10px; }
.heatmap-container {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    background: white;
}
.heatmap-point {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    pointer-events: none;
}
.media-item {
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid transparent;
    overflow: hidden;
    background: #fff;
}
.media-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.media-item.selected {
    border-color: #0d6efd;
    background-color: #e9ecef;
}
.media-item img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 150px;
    width: 100%;
    padding: 8px;
    background: #f8fafc;
}
.media-item .card-body {
    min-height: 48px;
    border-top: 1px solid #e5edf6;
}
.media-thumb-fallback {
    height: 150px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    word-break: break-word;
    background: #f8fafc;
    color: #475569;
    font-size: 0.82rem;
}
.media-usage-badge {
    z-index: 10;
}
.media-upload-progress-bar {
    width: 0;
}
#mediaPickerModal {
    z-index: 2000;
}
#mediaPickerModal.d-block {
    display: block !important;
}
#mediaPickerModal .modal-dialog {
    width: min(1180px, calc(100vw - 32px));
    max-width: min(1180px, calc(100vw - 32px));
    margin: 1rem auto;
}
#mediaPickerModal .modal-content {
    min-height: 70vh;
    max-height: calc(100vh - 32px);
    overflow: hidden;
}
#mediaPickerModal .modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}
#media-picker-fallback-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 1990;
}
#mediaCropModal .modal-dialog {
    width: min(560px, calc(100vw - 24px));
    max-width: min(560px, calc(100vw - 24px));
    margin: 0.45rem auto;
}
#mediaCropModal .modal-content {
    max-height: calc(100vh - 16px);
    overflow: hidden;
}
#mediaCropModal .modal-header,
#mediaCropModal .modal-footer {
    padding: 0.7rem 0.85rem;
}
#mediaCropModal .modal-body {
    padding: 0.7rem 0.85rem 0.55rem;
    max-height: 72vh;
    overflow-y: auto;
}
#mediaCropModal .modal-title {
    font-size: 1rem;
}
#media-crop-shell {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}
#media-crop-layout {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    flex-wrap: wrap;
}
#media-crop-preview-column {
    flex: 1 1 0;
    min-width: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#media-crop-preview-container {
    position: relative;
    flex: 1 1 0;
    width: 100%;
    max-width: 460px;
    min-width: 240px;
    aspect-ratio: 16 / 9;
    min-height: 220px;
    overflow: hidden;
    border: 1px solid #d0d7de;
    border-radius: 10px;
    background: #111827;
}
#media-crop-preview-container.is-landscape {
    max-width: 480px;
    aspect-ratio: 16 / 9;
}
#media-crop-preview-container.is-portrait {
    max-width: 270px;
    aspect-ratio: 9 / 16;
}
#media-crop-preview-canvas {
    display: block;
    width: 100%;
    height: 100%;
}
.media-crop-preview-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.media-crop-preview-frame {
    position: absolute;
    inset: 0;
    border: 2px solid rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}
#media-crop-slider-y-wrap {
    flex: 0 0 56px;
    width: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 0;
}
#media-crop-slider-y-wrap .media-crop-axis-label {
    margin: 0;
    font-size: 0.82rem;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}
#media-crop-slider-y {
    /* `appearance: slider-vertical` is deprecated in Chromium per the
       2026 deprecation notice. Replace with the standards-track approach
       (writing-mode + direction) so the range thumb travels top→bottom.
       bt-lr remains as a Firefox/legacy fallback below. */
    writing-mode: vertical-lr;
    direction: rtl;
    width: 34px;
    min-width: 34px;
    height: 220px;
    margin: 0;
}
#media-crop-slider-y-wrap.is-landscape {
    min-height: 270px;
}
#media-crop-slider-y-wrap.is-portrait {
    min-height: 480px;
}
#media-crop-slider-y.is-landscape {
    height: 220px;
}
#media-crop-slider-y.is-portrait {
    height: 444px;
}
#media-crop-horizontal-controls {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}
.media-crop-horizontal-control {
    flex: 1;
    min-width: 180px;
}
.media-crop-horizontal-label,
.media-crop-zoom-label {
    font-size: 0.88rem;
    margin-bottom: 0.22rem;
    font-weight: 600;
    color: #475569;
}
#media-crop-slider-x,
#media-crop-zoom-slider {
    margin: 0;
}
#mediaCropModal .btn {
    padding: 0.45rem 0.85rem;
}
@media (max-width: 768px) {
    #mediaCropModal .modal-dialog {
        width: calc(100vw - 18px);
        max-width: calc(100vw - 18px);
        margin: 0.35rem auto;
    }

    #media-crop-layout {
        flex-direction: column;
        gap: 12px;
    }

    #media-crop-preview-container {
        width: 100%;
        min-width: auto;
        max-width: 100%;
    }

    #media-crop-slider-y-wrap {
        flex-direction: row;
        width: 100%;
        height: auto;
        padding: 0;
        gap: 10px;
    }

    #media-crop-slider-y {
        writing-mode: horizontal-tb;
        width: calc(100% - 32px);
        height: 12px;
        min-width: 0;
    }

    #media-crop-slider-y-wrap.is-landscape,
    #media-crop-slider-y-wrap.is-portrait {
        min-height: 0;
    }

    #media-crop-slider-y.is-landscape,
    #media-crop-slider-y.is-portrait {
        height: 12px;
    }

    #media-crop-horizontal-controls {
        flex-direction: column;
    }
}
/*
 * Newsroom article editor component layer.
 * This file is loaded after legacy article-compose CSS and now owns:
 * - compact admin shell/workspace sizing
 * - full-width tabbed editor sections
 * - shared panel, preview, warning, toggle, and form primitives
 */
.l-admin-shell {
  --ntcms-admin-sidebar-width: var(--ntcms-admin-sidebar-width-fixed, 248px);
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) {
  inline-size: 100% !important;
  max-inline-size: none !important;
  margin-inline: 0 !important;
  padding: 0 !important;
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-shell,
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-shell__grid,
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-shell__canvas {
  inline-size: 100% !important;
  max-inline-size: none !important;
  margin-inline: 0 !important;
  padding: 0 !important;
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--ntcms-z-fixed);
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) auto auto;
  gap: var(--ntcms-space-3);
  align-items: center;
  min-block-size: var(--ntcms-editor-topbar-height);
  padding: var(--ntcms-space-3) var(--ntcms-space-4);
  border-block-end: 1px solid var(--ntcms-color-border-default);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 96%, transparent);
  box-shadow: var(--ntcms-shadow-sm);
  backdrop-filter: blur(16px);
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__identity,
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__chips,
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__actions {
  min-inline-size: 0;
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__identity {
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-3);
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__title,
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__slug,
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__overline {
  max-inline-size: 42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__chips,
.l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
}
.c-cockpit-toolbar__more {
  position: relative;
}
.c-cockpit-toolbar__more > summary {
  list-style: none;
}
.c-cockpit-toolbar__more > summary::-webkit-details-marker {
  display: none;
}
.c-cockpit-toolbar__menu {
  position: absolute;
  inset-block-start: calc(100% + 0.4rem);
  inset-inline-end: 0;
  z-index: var(--ntcms-z-dropdown);
  display: grid;
  min-inline-size: 12rem;
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-overlay);
}
.c-cockpit-toolbar__menu a,
.c-cockpit-toolbar__menu button {
  display: flex;
  align-items: center;
  min-block-size: 2.25rem;
  padding: 0 var(--ntcms-space-3);
  border: 0;
  border-radius: var(--ntcms-radius-sm);
  background: transparent;
  color: var(--ntcms-color-text-default);
  font: inherit;
  font-size: var(--ntcms-font-size-sm);
  font-weight: var(--ntcms-font-weight-semibold);
  text-align: left;
  text-decoration: none;
}
.c-cockpit-toolbar__menu a:hover,
.c-cockpit-toolbar__menu button:hover {
  background: var(--ntcms-color-surface-muted);
}
.l-editor-screen,
.l-editor-screen.container-fluid {
  inline-size: 100% !important;
  max-inline-size: none !important;
  margin-inline: 0 !important;
  padding: 0 !important;
}
.l-editor-screen .l-editor-frame.card,
.l-editor-screen .c-newsroom-card.l-editor-frame,
.l-editor-screen > .c-newsroom-card.l-editor-frame {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.l-editor-screen .l-editor-frame__body,
.l-editor-screen .l-editor-frame.card > .card-body {
  padding: 0 !important;
}
.l-editor-screen .l-editor-shell.article-compose-page,
.l-editor-screen .article-compose-page {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.l-editor-screen .l-editor-workspace.article-compose-layout,
.l-editor-screen .article-compose-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  gap: var(--ntcms-space-4) !important;
  inline-size: 100% !important;
  max-inline-size: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.l-editor-screen .l-editor-outline.article-compose-outline,
.l-editor-screen .article-compose-outline {
  display: none !important;
}
.l-editor-screen .l-editor-canvas.article-compose-main,
.l-editor-screen .article-compose-main,
.l-editor-screen .l-editor-sidebar.article-compose-inspector,
.l-editor-screen .article-compose-inspector {
  grid-area: auto !important;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
}
.l-editor-screen .article-compose-inspector-tabs {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  order: 0;
}
.l-editor-screen .l-editor-canvas.article-compose-main,
.l-editor-screen .article-compose-main,
.l-editor-screen .l-editor-sidebar.article-compose-inspector,
.l-editor-screen .article-compose-inspector {
  order: 1;
  grid-column: 1;
  grid-row: 2;
}
.l-editor-screen .l-editor-sidebar.article-compose-inspector,
.l-editor-screen .article-compose-inspector {
  position: static !important;
  display: grid;
  gap: var(--ntcms-space-3);
}
.l-editor-screen .article-compose-main[hidden],
.l-editor-screen .article-compose-inspector[hidden] {
  display: none !important;
}
.l-editor-screen .l-editor-toolbar.article-compose-topbar,
.l-editor-screen .article-compose-topbar {
  grid-template-columns: minmax(0, 1fr) !important;
  min-block-size: var(--ntcms-editor-topbar-height);
  padding: var(--ntcms-space-3) var(--ntcms-space-4);
}
.l-editor-screen .article-compose-topbar__workflow,
.l-editor-screen .article-compose-topbar__meta,
.l-editor-screen .article-compose-topbar__actions {
  min-inline-size: 0;
}
.l-editor-screen .article-compose-topbar__workflow,
.l-editor-screen .article-compose-topbar__meta {
  justify-content: flex-start;
}
.l-editor-screen .article-compose-topbar__actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}
.l-editor-screen .article-compose-status-pill,
.l-editor-screen .article-compose-topbar__readiness,
.l-editor-screen .article-compose-topbar__save,
.l-editor-screen .c-button,
.l-editor-screen .btn {
  font-size: 0.8125rem;
}
@media (min-width: 860px) {
  .l-editor-screen .l-editor-toolbar.article-compose-topbar,
  .l-editor-screen .article-compose-topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .l-editor-screen .article-compose-topbar__meta {
    grid-column: 1 / -1;
  }
}
.article-compose-inspector-tabs {
  position: sticky;
  inset-block-start: calc(var(--ntcms-space-4) + var(--ntcms-editor-topbar-height) + var(--ntcms-space-2));
  z-index: calc(var(--ntcms-z-sticky) - 1);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(3.9rem, 1fr));
  align-items: center;
  gap: 0.25rem;
  min-block-size: var(--ntcms-editor-tabbar-height);
  padding: 0.35rem;
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 96%, transparent);
  box-shadow: var(--ntcms-shadow-sm);
  overflow: visible;
  scrollbar-width: none;
}
.article-compose-inspector-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 0;
  min-block-size: 30px;
  padding: 0 0.375rem;
  border: 1px solid transparent;
  border-radius: var(--ntcms-radius-md);
  background: transparent;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-compose-inspector-tab:hover,
.article-compose-inspector-tab:focus-visible {
  border-color: var(--ntcms-color-border-default);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
}
.article-compose-inspector-tab.is-active {
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 32%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 10%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-accent-default);
}
.l-editor-screen .article-compose-inspector__section {
  inline-size: 100%;
  min-inline-size: 0;
  padding: var(--ntcms-space-4);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-lg);
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-sm);
}
.l-editor-screen .article-compose-inspector__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  margin: 0 0 var(--ntcms-space-4);
  padding-block-end: var(--ntcms-space-2);
  border-bottom: 1px solid var(--ntcms-color-border-subtle);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.l-editor-screen .article-compose-inspector__section .form-label {
  margin-block-end: 0.25rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen .article-compose-inspector__section .form-text,
.l-editor-screen .article-compose-inspector__section .small.text-muted {
  color: var(--ntcms-color-text-muted) !important;
  font-size: 0.75rem;
  line-height: 1.35;
}
/* Bundle 16 shared editor primitives. These selectors intentionally map the
   existing bundle-specific panels onto one visual system without changing
   persistence markup or controller contracts. */
.l-editor-screen :is(
  .article-attribution-panel,
  .article-taxonomy-panel,
  .article-media-panel,
  .article-seo-panel,
  .article-trust-panel,
  .article-workflow-assignment-panel,
  .article-publishing-panel,
  .article-corrections-panel,
  .article-story-core,
  .article-distribution-panel,
  .article-monetization-panel,
  .article-engagement-panel,
  .article-analytics-panel,
  .article-ai-audit-panel,
  .article-audit-panel
) {
  display: grid;
  gap: var(--ntcms-space-4);
  min-inline-size: 0;
}
.l-editor-screen :is(
  .article-attribution-panel__header,
  .article-taxonomy-panel__header,
  .article-media-panel__header,
  .article-seo-panel__header,
  .article-trust-panel__header,
  .article-workflow-assignment-panel__header,
  .article-publishing-panel__header,
  .article-corrections-panel__header,
  .article-story-core__header,
  .article-distribution-panel__header,
  .article-monetization-panel__header,
  .article-engagement-panel__header,
  .article-analytics-panel__header,
  .article-ai-audit-panel__header,
  .article-audit-panel__header
) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  min-inline-size: 0;
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  padding-block-end: var(--ntcms-space-3);
}
.l-editor-screen :is(
  .article-attribution-panel__hint,
  .article-taxonomy-panel__hint,
  .article-media-panel__hint,
  .article-seo-panel__hint,
  .article-trust-panel__hint,
  .article-workflow-assignment-panel__hint,
  .article-publishing-panel__hint,
  .article-corrections-panel__hint,
  .article-story-core__hint,
  .article-distribution-panel__hint,
  .article-monetization-panel__hint,
  .article-engagement-panel__hint,
  .article-analytics-panel__hint,
  .article-ai-audit-panel__hint,
  .article-audit-panel__hint
) {
  max-inline-size: 44rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.l-editor-screen :is(
  .article-corrections-panel__status,
  .article-distribution-panel__status,
  .article-monetization-panel__status,
  .article-engagement-panel__status,
  .article-analytics-panel__status,
  .article-ai-audit-panel__status,
  .article-audit-panel__status
) {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.l-editor-screen :is(
  .article-attribution-preview-grid,
  .article-taxonomy-preview-grid,
  .article-media-preview-grid,
  .article-seo-preview-grid,
  .article-trust-preview-grid,
  .article-workflow-assignment-preview-grid,
  .article-publishing-preview-grid,
  .article-corrections-preview-grid,
  .article-story-core__preview-grid,
  .article-distribution-preview-grid,
  .article-monetization-preview-grid,
  .article-engagement-preview-grid,
  .article-analytics-preview-grid,
  .article-ai-audit-summary-grid,
  .article-audit-summary-grid,
  .article-audit-governance
) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.l-editor-screen :is(
  .article-attribution-preview,
  .article-taxonomy-preview,
  .article-media-preview,
  .article-seo-preview,
  .article-trust-preview,
  .article-workflow-assignment-preview,
  .article-publishing-preview,
  .article-corrections-preview,
  .article-story-core__preview,
  .article-distribution-preview,
  .article-monetization-preview,
  .article-engagement-preview,
  .article-analytics-preview,
  .article-ai-audit-summary,
  .article-audit-summary,
  .article-audit-governance > div
) {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.l-editor-screen :is(
  .article-attribution-preview span,
  .article-taxonomy-preview span,
  .article-media-preview span,
  .article-seo-preview span,
  .article-trust-preview span,
  .article-workflow-assignment-preview span,
  .article-publishing-preview span,
  .article-corrections-preview span,
  .article-story-core__preview span,
  .article-distribution-preview span,
  .article-monetization-preview span,
  .article-engagement-preview span,
  .article-analytics-preview span,
  .article-ai-audit-summary span,
  .article-audit-summary span,
  .article-audit-governance span,
  .article-attribution-section__title,
  .article-taxonomy-section__title,
  .article-media-section__title,
  .article-seo-section__title,
  .article-trust-section__title,
  .article-workflow-assignment-section__title,
  .article-publishing-section__title,
  .article-corrections-section__title,
  .article-story-core__section-title,
  .article-distribution-section__title,
  .article-monetization-section__title,
  .article-engagement-section__title,
  .article-analytics-section__title,
  .article-ai-audit-section__title,
  .article-audit-section__heading
) {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.l-editor-screen :is(
  .article-attribution-preview strong,
  .article-taxonomy-preview strong,
  .article-media-preview strong,
  .article-seo-preview strong,
  .article-trust-preview strong,
  .article-workflow-assignment-preview strong,
  .article-publishing-preview strong,
  .article-corrections-preview strong,
  .article-story-core__preview strong,
  .article-distribution-preview strong,
  .article-monetization-preview strong,
  .article-engagement-preview strong,
  .article-analytics-preview strong,
  .article-ai-audit-summary strong,
  .article-audit-summary strong,
  .article-audit-governance strong
) {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.l-editor-screen :is(
  .article-attribution-section,
  .article-taxonomy-section,
  .article-media-section,
  .article-seo-section,
  .article-trust-section,
  .article-workflow-assignment-section,
  .article-publishing-section,
  .article-corrections-section,
  .article-story-core__section,
  .article-distribution-section,
  .article-monetization-section,
  .article-engagement-section,
  .article-analytics-section,
  .article-ai-audit-section,
  .article-audit-section
) {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.l-editor-screen :is(
  .article-attribution-warning,
  .article-attribution-restricted,
  .article-taxonomy-warning,
  .article-media-warning,
  .article-seo-warning,
  .article-trust-warning,
  .article-workflow-assignment-warning,
  .article-publishing-warning,
  .article-corrections-warning,
  .article-distribution-warning,
  .article-monetization-warning,
  .article-engagement-warning,
  .article-analytics-warning,
  .article-ai-audit-warning
) {
  display: flex;
  align-items: flex-start;
  gap: var(--ntcms-space-2);
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.l-editor-screen :is(
  .article-distribution-toggle-grid,
  .article-engagement-toggle-grid,
  .article-analytics-toggle-grid,
  .article-ai-audit-control-grid
) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-2);
}
.l-editor-screen :is(
  .article-distribution-toggle,
  .article-engagement-toggle,
  .article-analytics-toggle,
  .article-ai-audit-control
) {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.84rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.35;
  padding: 0.62rem 0.7rem;
}
.l-editor-screen :is(
  .article-distribution-toggle,
  .article-engagement-toggle,
  .article-analytics-toggle,
  .article-ai-audit-control
) input[type="checkbox"] {
  flex: 0 0 auto;
}
.l-editor-screen .article-compose-readiness-panel,
.l-editor-screen .article-workflow-foundation__grid,
.l-editor-screen .article-workflow-tray,
.l-editor-screen .article-workflow-runtime {
  display: grid;
  gap: var(--ntcms-space-3);
}
.l-editor-screen .article-compose-readiness-panel {
  grid-template-columns: minmax(11rem, 0.28fr) minmax(0, 1fr);
  align-items: start;
}
.l-editor-screen .article-compose-readiness-panel__state,
.l-editor-screen .article-compose-readiness-panel__cta {
  min-block-size: 3.25rem;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 72%, var(--ntcms-color-surface-default));
}
.l-editor-screen .article-compose-readiness-panel__state {
  display: grid;
  place-items: center;
  color: color-mix(in srgb, var(--ntcms-color-state-success) 76%, var(--ntcms-color-text-default));
  font-size: 1rem;
  font-weight: var(--ntcms-font-weight-bold);
  text-transform: uppercase;
}
.l-editor-screen .article-compose-readiness-panel__cta {
  color: var(--ntcms-color-text-default);
  font-size: 0.95rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen .article-compose-readiness-panel [data-workbench-visible-group] {
  grid-column: 1 / -1;
}
.l-editor-screen .article-compose-inspector-tab {
  position: relative;
  gap: 0.42rem;
}
.l-editor-screen .article-compose-inspector-tab__badge {
  display: inline-grid;
  min-inline-size: 1.15rem;
  block-size: 1.15rem;
  place-items: center;
  border-radius: 999px;
  color: var(--ntcms-color-surface-default);
  font-size: 0.68rem;
  font-weight: var(--ntcms-font-weight-bold);
  line-height: 1;
}
.l-editor-screen .article-compose-inspector-tab__badge[hidden] {
  display: none;
}
.l-editor-screen .article-compose-inspector-tab__badge.is-blocker {
  background: var(--ntcms-color-state-danger);
}
.l-editor-screen .article-compose-inspector-tab__badge.is-warning {
  background: var(--ntcms-color-state-warning);
}
.l-editor-screen .article-compose-inspector-tab__badge.is-suggestion {
  background: var(--ntcms-color-text-muted);
}
.l-editor-screen .article-compose-inspector-tab[data-validation-state="blocker"] {
  border-color: color-mix(in srgb, var(--ntcms-color-state-danger) 34%, var(--ntcms-color-border-default));
}
.l-editor-screen .article-compose-inspector-tab[data-validation-state="warning"] {
  border-color: color-mix(in srgb, var(--ntcms-color-state-warning) 34%, var(--ntcms-color-border-default));
}
.l-editor-screen .article-workflow-foundation__grid {
  grid-template-columns: minmax(12rem, 0.34fr) minmax(0, 1fr);
}
.l-editor-screen .article-workflow-foundation__hero,
.l-editor-screen .article-workflow-foundation__stats,
.l-editor-screen .article-workflow-foundation__actions {
  grid-column: 1 / -1;
}
.l-editor-screen .article-workflow-foundation__hero,
.l-editor-screen .article-workflow-tray__summary {
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 72%, var(--ntcms-color-surface-default));
}
.l-editor-screen .article-workflow-foundation__stats,
.l-editor-screen .article-workflow-tray__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ntcms-space-2);
}
.l-editor-screen .article-workflow-tray__summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.l-editor-screen .article-workflow-foundation__stat,
.l-editor-screen .article-workflow-tray__metric,
.l-editor-screen .article-workflow-tray__block,
.l-editor-screen .article-workflow-runtime__cluster,
.l-editor-screen .article-workflow-runtime__conflict,
.l-editor-screen .article-workflow-runtime__restore-form {
  min-inline-size: 0;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
}
.l-editor-screen .article-workflow-foundation__row,
.l-editor-screen .article-workflow-runtime__status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  min-inline-size: 0;
  padding: var(--ntcms-space-2) 0;
  border-bottom: 1px solid var(--ntcms-color-border-subtle);
}
.l-editor-screen .article-workflow-foundation__row:last-of-type,
.l-editor-screen .article-workflow-runtime__status-row:last-child {
  border-bottom: 0;
}
.l-editor-screen .article-workflow-foundation__label,
.l-editor-screen .article-workflow-foundation__stat-label,
.l-editor-screen .article-workflow-foundation__actions-label,
.l-editor-screen .article-workflow-tray__metric-label,
.l-editor-screen .article-workflow-tray__section-label,
.l-editor-screen .article-workflow-runtime__section-label {
  color: var(--ntcms-color-text-muted);
  font-size: 0.6875rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.l-editor-screen .article-workflow-foundation__value,
.l-editor-screen .article-workflow-foundation__hint,
.l-editor-screen .article-workflow-tray__metric-value,
.l-editor-screen .article-workflow-runtime__hint,
.l-editor-screen .article-workflow-runtime__meta {
  min-inline-size: 0;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  line-height: 1.35;
}
.l-editor-screen .article-workflow-foundation__stat-value {
  color: var(--ntcms-color-text-default);
  font-size: 1.2rem;
  font-weight: var(--ntcms-font-weight-bold);
  line-height: 1.1;
}
.l-editor-screen .article-workflow-foundation__action-list,
.l-editor-screen .article-workflow-tray__desk-list,
.l-editor-screen .article-workflow-tray__actions,
.l-editor-screen .article-workflow-tray__signoff-actions,
.l-editor-screen .article-workflow-runtime__item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.l-editor-screen .article-workflow-tray__signoff-list,
.l-editor-screen .article-workflow-runtime__list {
  display: grid;
  gap: var(--ntcms-space-2);
}
.l-editor-screen .article-workflow-tray__signoff-item,
.l-editor-screen .article-workflow-runtime__item,
.l-editor-screen .article-workflow-runtime__empty {
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 68%, var(--ntcms-color-surface-default));
}
.l-editor-screen .article-workflow-tray meter {
  inline-size: 100%;
  block-size: 0.55rem;
}
.l-editor-screen [data-compose-inspector-section="publishing"] [data-editor-slot="publish-core"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.l-editor-screen [data-compose-inspector-section="publishing"] [data-editor-slot="publish-core"] > .col-12 {
  inline-size: 100%;
  max-inline-size: none;
  margin: 0;
}
.l-editor-screen [data-compose-inspector-section="publishing"] [data-editor-slot="publish-core"] textarea {
  min-block-size: 6rem;
}
.l-editor-screen [data-compose-inspector-section="media"] [data-editor-slot="featured-image"] {
  display: grid;
  grid-template-columns: minmax(16rem, 0.42fr) minmax(0, 1fr);
  gap: var(--ntcms-space-4);
  align-items: start;
}
.l-editor-screen [data-compose-inspector-section="media"] [data-editor-slot="featured-image"] > .form-label {
  grid-column: 1 / -1;
}
.l-editor-screen #featured-image-container {
  grid-row: span 4;
  min-block-size: 13rem;
  margin: 0 !important;
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-muted) 80%, var(--ntcms-color-surface-default)) 0%, var(--ntcms-color-surface-default) 100%);
  overflow: hidden;
}
.l-editor-screen #featured-image-container.d-none {
  display: grid !important;
  place-items: center;
}
.l-editor-screen #featured-image-container.d-none::before {
  content: "No image selected";
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen .featured-image-preview-img {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 13rem;
  border: 0;
  border-radius: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-editor-screen [data-compose-inspector-section="media"] .input-group {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ntcms-space-2);
  margin: 0 !important;
}
.l-editor-screen [data-compose-inspector-section="media"] .input-group > .btn,
.l-editor-screen [data-compose-inspector-section="media"] .input-group > .form-control {
  inline-size: 100%;
  border-radius: var(--ntcms-radius-md) !important;
}
.l-editor-screen [data-compose-inspector-section="media"] .mt-2,
.l-editor-screen #featured-image-metadata {
  margin: 0 !important;
}
.l-editor-screen .featured-upload-picker,
.l-editor-screen .guest-avatar-picker {
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  padding: var(--ntcms-space-3);
  border: 1px dashed var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 70%, var(--ntcms-color-surface-default));
}
.l-editor-screen .featured-upload-picker__filename,
.l-editor-screen .guest-avatar-picker__filename {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-editor-screen #featured-image-metadata {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
  padding: var(--ntcms-space-3) !important;
  border-color: var(--ntcms-color-border-subtle) !important;
  border-radius: var(--ntcms-radius-lg) !important;
  background: var(--ntcms-color-surface-default) !important;
}
.l-editor-screen #featured-image-metadata.d-none {
  display: none !important;
}
.l-editor-screen #featured-image-metadata > input[type="hidden"],
.l-editor-screen #featured-image-metadata > .form-text {
  grid-column: 1 / -1;
}
.l-editor-screen [data-compose-inspector-section="media"] .form-check {
  display: flex;
  align-items: center;
  gap: var(--ntcms-space-2);
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 58%, var(--ntcms-color-surface-default));
}
.l-editor-screen [data-compose-inspector-section="media"] .form-check-input {
  margin: 0;
}
.article-ai-inline-bar {
  display: flex;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
  margin-block-start: var(--ntcms-space-2);
}
.article-ai-inline-action {
  display: inline-flex;
  align-items: center;
  gap: var(--ntcms-space-1);
  min-block-size: 30px;
  padding: 0 var(--ntcms-space-2);
  border: 1px solid color-mix(in srgb, var(--ntcms-color-accent-default) 26%, var(--ntcms-color-border-default));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 7%, var(--ntcms-color-surface-default));
  color: color-mix(in srgb, var(--ntcms-color-accent-default) 74%, var(--ntcms-color-text-default));
  font-size: 0.75rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  white-space: nowrap;
}
.article-ai-inline-action:hover,
.article-ai-inline-action:focus-visible {
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 13%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-accent-default);
}
.l-editor-screen .form-control,
.l-editor-screen .form-select {
  font-size: 0.9375rem;
}
.l-editor-screen select[multiple].form-select {
  min-block-size: 7.5rem;
  max-block-size: 10rem;
  overflow-y: auto;
  line-height: 1.35;
}
.l-editor-screen .article-compose-inspector select[multiple].form-select {
  min-block-size: 8rem;
  max-block-size: 11rem;
}
.l-editor-screen [data-newsroom-sources] .row.align-items-start > .col-lg-7,
.l-editor-screen [data-newsroom-sources] .row.align-items-start > .col-lg-5 {
  flex: 0 0 100%;
  max-inline-size: 100%;
}
.l-editor-screen [data-source-row] {
  border-color: var(--ntcms-color-border-default) !important;
  border-radius: var(--ntcms-radius-lg) !important;
  background: var(--ntcms-color-surface-default);
  box-shadow: var(--ntcms-shadow-xs);
}
.l-editor-screen [data-source-row] .form-label {
  margin-block-end: 0.25rem;
  color: var(--ntcms-color-text-muted) !important;
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.l-editor-screen [data-source-row] .form-text {
  color: var(--ntcms-color-text-muted);
  font-size: 0.75rem;
  line-height: 1.35;
}
.l-editor-screen [data-source-desk-preview] {
  min-block-size: 7rem;
  border-color: var(--ntcms-color-border-default) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-muted) 78%, var(--ntcms-color-surface-default)) 0%, var(--ntcms-color-surface-default) 100%);
}
.article-compose-inspector.js-tabs-ready .article-compose-inspector__section {
  display: none;
}
.article-compose-inspector.js-tabs-ready .article-compose-inspector__section.is-active {
  display: block;
}
.article-attribution-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-attribution-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  padding-block-end: var(--ntcms-space-3);
}
.article-attribution-panel__hint {
  max-inline-size: 42rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.article-attribution-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-attribution-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-attribution-preview span,
.article-attribution-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.article-attribution-preview strong {
  display: block;
  min-block-size: 2.4rem;
  margin-block-start: 0.35rem;
  color: var(--ntcms-color-text-strong);
  font-size: 0.9rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.article-attribution-section {
  display: grid;
  gap: var(--ntcms-space-3);
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-attribution-warning,
.article-attribution-restricted {
  display: flex;
  align-items: flex-start;
  gap: var(--ntcms-space-2);
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  line-height: 1.4;
}
.article-attribution-warning--critical,
.article-attribution-restricted {
  border-color: color-mix(in srgb, var(--ntcms-color-danger-default, #dc2626) 26%, var(--ntcms-color-border-muted));
  background: color-mix(in srgb, var(--ntcms-color-danger-default, #dc2626) 7%, var(--ntcms-color-surface-default));
}
.l-editor-screen [data-compose-inspector-section="attribution"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="attribution"] textarea.form-control {
  min-block-size: 5.5rem;
}
.article-taxonomy-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-taxonomy-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  padding-block-end: var(--ntcms-space-3);
}
.article-taxonomy-panel__hint {
  max-inline-size: 42rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.article-taxonomy-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-taxonomy-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-taxonomy-preview span,
.article-taxonomy-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.article-taxonomy-preview strong {
  display: block;
  min-block-size: 2.4rem;
  margin-block-start: 0.35rem;
  color: var(--ntcms-color-text-strong);
  font-size: 0.9rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.article-taxonomy-section {
  display: grid;
  gap: var(--ntcms-space-3);
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-taxonomy-warning {
  display: flex;
  align-items: flex-start;
  gap: var(--ntcms-space-2);
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  line-height: 1.4;
}
.l-editor-screen [data-compose-inspector-section="taxonomy"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="taxonomy"] select[multiple].form-select {
  min-block-size: 8.25rem;
  max-block-size: 11rem;
}
.article-media-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-media-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  padding-block-end: var(--ntcms-space-3);
}
.article-media-panel__hint {
  max-inline-size: 42rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.article-media-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-media-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-media-preview span,
.article-media-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.article-media-preview strong {
  display: block;
  min-block-size: 2.4rem;
  margin-block-start: 0.35rem;
  color: var(--ntcms-color-text-strong);
  font-size: 0.9rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.article-media-section {
  display: grid;
  gap: var(--ntcms-space-3);
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-media-warning {
  display: flex;
  align-items: flex-start;
  gap: var(--ntcms-space-2);
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  line-height: 1.4;
}
.article-media-hero {
  display: grid;
  grid-template-columns: minmax(14rem, 0.8fr) minmax(0, 1.2fr);
  gap: var(--ntcms-space-4);
  align-items: start;
}
.article-media-hero__preview {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
}
.article-media-hero__preview img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-media-hero__preview.is-empty img,
.article-media-hero__preview.is-empty .article-media-hero__remove {
  display: none;
}
.article-media-hero__empty {
  display: none;
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.article-media-hero__preview.is-empty .article-media-hero__empty {
  display: block;
}
.article-media-hero__remove {
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-end: 0.5rem;
}
.l-editor-screen [data-compose-inspector-section="media"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="media"] textarea.form-control {
  min-block-size: 5.5rem;
}
.article-seo-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-seo-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  padding-block-end: var(--ntcms-space-3);
}
.article-seo-panel__hint {
  max-inline-size: 42rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.article-seo-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-seo-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-seo-preview span,
.article-seo-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.article-seo-preview strong {
  display: block;
  min-block-size: 2.4rem;
  margin-block-start: 0.35rem;
  color: var(--ntcms-color-text-strong);
  font-size: 0.9rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.article-seo-preview small,
.article-seo-preview p {
  display: block;
  margin: 0.3rem 0 0;
  color: var(--ntcms-color-text-muted);
  font-size: 0.78rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.article-seo-section {
  display: grid;
  gap: var(--ntcms-space-3);
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-seo-warning {
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  line-height: 1.4;
}
.l-editor-screen [data-compose-inspector-section="seo"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="seo"] textarea.form-control {
  min-block-size: 5.5rem;
}
.article-trust-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-trust-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  padding-block-end: var(--ntcms-space-3);
}
.article-trust-panel__hint {
  max-inline-size: 42rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.article-trust-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-trust-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-trust-preview span,
.article-trust-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.article-trust-preview strong {
  display: block;
  min-block-size: 2.4rem;
  margin-block-start: 0.35rem;
  color: var(--ntcms-color-text-strong);
  font-size: 0.9rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.article-trust-section {
  display: grid;
  gap: var(--ntcms-space-3);
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-trust-warning {
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  line-height: 1.4;
}
.article-trust-nested {
  display: grid;
  gap: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-trust-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.article-trust-chip {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-default);
  padding: 0.55rem 0.65rem;
  font-size: 0.8125rem;
  line-height: 1.35;
}
.article-trust-chip span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.l-editor-screen [data-compose-inspector-section="trust-legal"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="trust-legal"] textarea.form-control {
  min-block-size: 5.5rem;
}
.article-workflow-assignment-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-workflow-assignment-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-workflow-assignment-panel__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.article-workflow-assignment-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-workflow-assignment-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-workflow-assignment-preview span,
.article-workflow-assignment-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-workflow-assignment-preview strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-workflow-assignment-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-workflow-assignment-section__title {
  margin-block-end: var(--ntcms-space-3);
}
.article-workflow-assignment-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.l-editor-screen [data-compose-inspector-section="workflow-assignment"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="workflow-assignment"] textarea.form-control {
  min-block-size: 5.25rem;
}
.article-publishing-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-publishing-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-publishing-panel__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.article-publishing-panel__timezone {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.article-publishing-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-publishing-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-publishing-preview span,
.article-publishing-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-publishing-preview strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-publishing-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-publishing-section__title {
  margin-block-end: var(--ntcms-space-3);
}
.article-publishing-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.l-editor-screen [data-compose-inspector-section="publishing"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="publishing"] textarea.form-control {
  min-block-size: 5.25rem;
}
.article-corrections-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-corrections-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-corrections-panel__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.article-corrections-panel__status {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.article-corrections-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-corrections-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-corrections-preview span,
.article-corrections-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-corrections-preview strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-corrections-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-corrections-section__title {
  margin-block-end: var(--ntcms-space-3);
}
.article-corrections-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.article-corrections-empty {
  border: 1px dashed var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  padding: 0.85rem;
}
.article-corrections-timeline {
  display: grid;
  gap: var(--ntcms-space-3);
}
.article-corrections-timeline__item {
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-corrections-timeline__item strong,
.article-corrections-timeline__item span,
.article-corrections-timeline__item p {
  display: block;
}
.article-corrections-timeline__item strong {
  color: var(--ntcms-color-text-default);
  font-size: 0.88rem;
  line-height: 1.35;
}
.article-corrections-timeline__item span {
  color: var(--ntcms-color-text-muted);
  font-size: 0.75rem;
  margin-block-start: 0.2rem;
}
.article-corrections-timeline__item p {
  color: var(--ntcms-color-text-muted);
  font-size: 0.82rem;
  line-height: 1.4;
  margin: 0.35rem 0 0;
}
.l-editor-screen [data-compose-inspector-section="corrections-updates"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="corrections-updates"] textarea.form-control {
  min-block-size: 5.25rem;
}
.article-story-core {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-story-core__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  padding-block-end: var(--ntcms-space-4);
}
.article-story-core__eyebrow,
.article-story-core__section-title,
.article-story-core__preview span {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-story-core__title {
  color: var(--ntcms-color-text-default);
  font-size: 1.35rem;
  font-weight: var(--ntcms-font-weight-bold);
  line-height: 1.2;
  margin: 0.25rem 0 0;
}
.article-story-core__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin: 0.35rem 0 0;
}
.article-story-core__preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: var(--ntcms-space-3);
}
.article-story-core__preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-story-core__preview strong {
  display: block;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-story-core__section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-story-core__section-title {
  margin-block-end: var(--ntcms-space-3);
}
.l-editor-screen .article-story-core .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen .article-story-core textarea.form-control {
  min-block-size: 5.25rem;
}
.article-distribution-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-distribution-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-distribution-panel__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.article-distribution-panel__status {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.article-distribution-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-distribution-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-distribution-preview span,
.article-distribution-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-distribution-preview strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-distribution-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-distribution-section__title {
  margin-block-end: var(--ntcms-space-3);
}
.article-distribution-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.article-distribution-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-2);
}
.article-distribution-toggle {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.84rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.35;
  padding: 0.62rem 0.7rem;
}
.article-distribution-toggle input[type="checkbox"] {
  flex: 0 0 auto;
}
.l-editor-screen [data-compose-inspector-section="distribution"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="distribution"] textarea.form-control {
  min-block-size: 5.25rem;
}
.article-monetization-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-monetization-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-monetization-panel__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.article-monetization-panel__status {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.article-monetization-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-monetization-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-monetization-preview span,
.article-monetization-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-monetization-preview strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-monetization-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-monetization-section__title {
  margin-block-end: var(--ntcms-space-3);
}
.article-monetization-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.l-editor-screen [data-compose-inspector-section="monetization"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="monetization"] textarea.form-control {
  min-block-size: 5.25rem;
}
.article-engagement-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-engagement-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-engagement-panel__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.article-engagement-panel__status {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.article-engagement-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-engagement-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-engagement-preview span,
.article-engagement-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-engagement-preview strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-engagement-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-engagement-section__title {
  margin-block-end: var(--ntcms-space-3);
}
.article-engagement-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.article-engagement-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-2);
}
.article-engagement-toggle {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.84rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.35;
  padding: 0.62rem 0.7rem;
}
.article-engagement-toggle input[type="checkbox"] {
  flex: 0 0 auto;
}
.l-editor-screen [data-compose-inspector-section="engagement"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="engagement"] textarea.form-control {
  min-block-size: 5.25rem;
}
.article-analytics-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-analytics-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-analytics-panel__hint {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block-start: 0.25rem;
}
.article-analytics-panel__status {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.article-analytics-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-analytics-preview {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-analytics-preview span,
.article-analytics-section__title {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-analytics-preview strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-analytics-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-analytics-section__title {
  margin-block-end: var(--ntcms-space-3);
}
.article-analytics-warning {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-md);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  padding: 0.75rem;
  font-size: 0.8375rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.4;
}
.article-analytics-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-2);
}
.article-analytics-toggle {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.84rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1.35;
  padding: 0.62rem 0.7rem;
}
.article-analytics-toggle input[type="checkbox"] {
  flex: 0 0 auto;
}
.l-editor-screen [data-compose-inspector-section="analytics"] .form-label {
  margin-block-end: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.8125rem;
  font-weight: var(--ntcms-font-weight-semibold);
}
.l-editor-screen [data-compose-inspector-section="analytics"] textarea.form-control {
  min-block-size: 5.25rem;
}
.article-audit-panel {
  display: grid;
  gap: var(--ntcms-space-4);
}
.article-audit-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-audit-panel__hint,
.article-audit-muted {
  color: var(--ntcms-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
}
.article-audit-panel__status {
  flex: 0 0 auto;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-muted);
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  padding: 0.45rem 0.65rem;
}
.article-audit-summary-grid,
.article-audit-governance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-audit-summary,
.article-audit-governance > div {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-audit-summary span,
.article-audit-governance span,
.article-audit-section__heading {
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  font-weight: var(--ntcms-font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.article-audit-summary strong,
.article-audit-governance strong {
  display: block;
  margin-block-start: 0.3rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.article-audit-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-audit-filter {
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 999px;
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  font-size: 0.82rem;
  font-weight: var(--ntcms-font-weight-semibold);
  padding: 0.45rem 0.75rem;
}
.article-audit-filter.is-active {
  border-color: color-mix(in srgb, var(--ntcms-color-accent, #1d4ed8) 45%, var(--ntcms-color-border-muted));
  background: color-mix(in srgb, var(--ntcms-color-accent, #1d4ed8) 10%, var(--ntcms-color-surface-default));
}
.article-audit-section {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: var(--ntcms-space-4);
}
.article-audit-section__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  margin-block-end: var(--ntcms-space-3);
}
.article-audit-link,
.article-audit-action {
  color: var(--ntcms-color-accent, #1d4ed8);
  font-size: 0.82rem;
  font-weight: var(--ntcms-font-weight-semibold);
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
}
.article-audit-timeline {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-audit-event {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-muted);
  padding: 0.75rem;
}
.article-audit-event strong,
.article-audit-event span,
.article-audit-event p {
  display: block;
}
.article-audit-event strong {
  color: var(--ntcms-color-text-default);
  font-size: 0.9rem;
  line-height: 1.35;
}
.article-audit-event span,
.article-audit-event p,
.article-audit-empty {
  color: var(--ntcms-color-text-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}
.article-audit-event p {
  margin: 0.35rem 0 0;
}
.article-audit-empty {
  border: 1px dashed var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  padding: 0.85rem;
}
/* U12: mobile reporter/editor workflow */
@media (max-width: 991.98px) {
  .l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__chips,
  .l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__actions {
    justify-content: flex-start;
    overflow-x: auto;
    padding-block-end: 0.15rem;
  }

  .l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__title,
  .l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__slug,
  .l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) .c-cockpit-toolbar__overline {
    max-inline-size: min(100%, 38rem);
  }

  .l-admin-shell {
    --ntcms-admin-sidebar-width: min(88vw, 18rem);
  }

  .l-admin-shell .l-admin-main__body.content-body:has(.l-editor-screen) {
    inline-size: 100%;
    max-inline-size: none;
    padding: var(--ntcms-space-4);
  }

  .l-editor-screen {
    inline-size: 100%;
    max-inline-size: none;
  }

  .l-editor-screen .l-editor-workspace.article-compose-layout,
  .l-editor-screen .article-compose-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .l-editor-screen .l-editor-canvas.article-compose-main,
  .l-editor-screen .article-compose-main,
  .l-editor-screen .l-editor-sidebar.article-compose-inspector,
  .l-editor-screen .article-compose-inspector {
    grid-column: 1;
    grid-row: auto;
  }

  .article-attribution-preview-grid {
    grid-template-columns: 1fr;
  }

  .article-attribution-panel__header {
    display: grid;
  }

  .article-taxonomy-preview-grid {
    grid-template-columns: 1fr;
  }

  .article-taxonomy-panel__header {
    display: grid;
  }

  .article-media-preview-grid,
  .article-media-hero {
    grid-template-columns: 1fr;
  }

  .article-media-panel__header {
    display: grid;
  }

  .article-seo-preview-grid {
    grid-template-columns: 1fr;
  }

  .article-seo-panel__header {
    display: grid;
  }

  .article-trust-preview-grid,
  .article-trust-chip-grid {
    grid-template-columns: 1fr;
  }

  .article-trust-panel__header {
    display: grid;
  }

  .article-workflow-assignment-preview-grid {
    grid-template-columns: 1fr;
  }

  .article-workflow-assignment-panel__header {
    display: grid;
  }

  .article-publishing-preview-grid {
    grid-template-columns: 1fr;
  }

  .article-publishing-panel__header {
    display: grid;
  }

  .article-corrections-preview-grid {
    grid-template-columns: 1fr;
  }

  .article-corrections-panel__header {
    display: grid;
  }

  .article-story-core__header {
    display: grid;
  }

  .article-story-core__preview-grid {
    grid-template-columns: 1fr;
  }

  .article-distribution-preview-grid,
  .article-distribution-toggle-grid {
    grid-template-columns: 1fr;
  }

  .article-distribution-panel__header {
    display: grid;
  }

  .article-monetization-preview-grid {
    grid-template-columns: 1fr;
  }

  .article-monetization-panel__header {
    display: grid;
  }
}
/* Bundle 1: fixed admin shell and action frame. */
/* U4: professional writer-first editor workspace */
.l-admin-main__body.content-body:has(.c-cockpit-shell) {
  --ntcms-editor-right-rail-width: clamp(20rem, 24vw, 25rem);
  overflow-x: hidden;
}
@media (min-width: 992px) {
  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) {
    inline-size: calc(100vw - var(--ntcms-admin-sidebar-width, var(--ntcms-admin-sidebar-width-fixed, 248px))) !important;
    max-inline-size: calc(100vw - var(--ntcms-admin-sidebar-width, var(--ntcms-admin-sidebar-width-fixed, 248px))) !important;
  }
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell {
  min-block-size: 100dvh;
  inline-size: 100%;
  max-inline-size: 100%;
  padding: var(--ntcms-space-3) var(--ntcms-space-4) var(--ntcms-space-5);
  background: var(--ntcms-color-surface-muted);
  overflow-x: clip;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(18rem, var(--ntcms-editor-right-rail-width));
  gap: var(--ntcms-space-4);
  align-items: start;
  inline-size: 100%;
  max-inline-size: none;
  min-inline-size: 0;
}
@media (min-width: 992px) {
  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__grid {
    display: block;
    inline-size: calc(100vw - var(--ntcms-admin-sidebar-width, var(--ntcms-admin-sidebar-width-fixed, 248px)) - (var(--ntcms-space-4) * 2));
    max-inline-size: calc(100vw - var(--ntcms-admin-sidebar-width, var(--ntcms-admin-sidebar-width-fixed, 248px)) - (var(--ntcms-space-4) * 2));
    padding-inline-end: calc(var(--ntcms-editor-right-rail-width) + var(--ntcms-space-4));
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__canvas {
    inline-size: 100%;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__right {
    position: fixed;
    inset-block-start: calc(var(--ntcms-editor-topbar-height) + var(--ntcms-space-3));
    inset-inline-end: var(--ntcms-space-4);
    z-index: calc(var(--ntcms-z-sticky) - 1);
    inline-size: var(--ntcms-editor-right-rail-width);
    max-block-size: calc(100dvh - var(--ntcms-editor-topbar-height) - var(--ntcms-space-5));
  }
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--ntcms-z-fixed);
  min-block-size: var(--ntcms-editor-topbar-height);
  margin-block: calc(var(--ntcms-space-3) * -1) var(--ntcms-space-3);
  margin-inline: calc(var(--ntcms-space-4) * -1);
  grid-template-areas: "identity chips actions";
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__identity {
  grid-area: identity;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__chips {
  grid-area: chips;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__actions {
  grid-area: actions;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__chips,
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__actions,
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-editor-mobile-actionbar__actions {
  flex-wrap: nowrap;
  min-inline-size: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-topbar {
  display: none !important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-layout,
.l-admin-main__body.content-body:has(.c-cockpit-shell) .l-editor-workspace.article-compose-layout {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem) !important;
  min-inline-size: 0;
  overflow-x: clip;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) :is(
  .c-cockpit-shell,
  .c-cockpit-shell__canvas,
  .c-cockpit-shell__right,
  .c-cockpit-shell__workflow,
  .c-cockpit-inspector,
  .article-compose-main,
  .article-compose-inspector,
  .article-compose-inspector__section
) {
  min-inline-size: 0;
  max-inline-size: 100%;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-main > * {
  order: 50 !important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-main > [data-editor-slot=body-structured] {
  order: 3 !important;
  min-height: 56vh !important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector-tabs,
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-inspector__tabs {
  position: sticky;
  inset-block-start: calc(var(--ntcms-editor-topbar-height) + var(--ntcms-space-2));
  z-index: var(--ntcms-z-sticky);
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) :is(
  .article-compose-inspector-tab,
  .c-cockpit-inspector__tab
) {
  flex: 0 0 auto;
  white-space: nowrap;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector__section {
  overflow: visible !important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector {
  position: sticky;
  inset-block-start: calc(var(--ntcms-editor-topbar-height) + var(--ntcms-space-3));
  max-block-size: calc(100dvh - var(--ntcms-editor-topbar-height) - var(--ntcms-space-5));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__right {
  display: grid;
  gap: var(--ntcms-space-3);
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector .row > * {
  max-width: 100% !important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector .form-control {
  overflow-wrap: anywhere !important;
}
.l-admin-main__body.content-body:has(.c-cockpit-shell) .guest-avatar-picker__filename {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.c-cockpit-inspector__close {
  display: none;
}
@media (max-width: 991.98px) {
  .l-admin-main__body.content-body:has(.c-cockpit-shell) {
    overflow-x: clip;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__grid {
    grid-template-columns: minmax(0, 1fr);
    inline-size: 100%;
    max-inline-size: 100%;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__right {
    display: contents;
    position: static;
    max-block-size: none;
    overflow: visible;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector {
    position: static;
    max-block-size: none;
    overflow: visible;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "identity identity"
      "chips actions";
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar[data-bundle-one-mobile-contract] {
    grid-template-areas: "chips actions";
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-layout,
  .l-admin-main__body.content-body:has(.c-cockpit-shell) .l-editor-workspace.article-compose-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .l-editor-screen[data-u12-mobile-editor] .l-editor-workspace.article-compose-layout {
    grid-template-areas:
      "main"
      "inspector" !important;
  }

  .l-editor-screen[data-u12-mobile-editor] .article-compose-main {
    grid-area: main !important;
  }

  .l-editor-screen[data-u12-mobile-editor] .article-compose-inspector {
    grid-area: inspector !important;
  }
}
@media (max-width: 767.98px) {
  .l-admin-main__body.content-body:has(.c-cockpit-shell) {
    padding-bottom: 6.75rem;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "identity"
      "chips";
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__identity,
  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__chips {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__actions {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: var(--ntcms-z-fixed);
    justify-content: space-between;
    gap: var(--ntcms-space-2);
    padding: var(--ntcms-space-2) var(--ntcms-space-3) calc(var(--ntcms-space-2) + env(safe-area-inset-bottom));
    border-block-start: 1px solid var(--ntcms-color-border-default);
    background: color-mix(in srgb, var(--ntcms-color-surface-default) 98%, transparent);
    box-shadow: var(--ntcms-shadow-overlay);
    overflow-x: auto;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar__actions .c-button {
    min-height: 44px;
    white-space: nowrap;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector-tabs,
  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-inspector__tabs {
    position: static;
    margin-block-end: var(--ntcms-space-3);
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector :is(.row, .article-media-hero, #featured-image-metadata),
  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector :is(
    .article-attribution-preview-grid,
    .article-taxonomy-preview-grid,
    .article-media-preview-grid,
    .article-seo-preview-grid,
    .article-trust-preview-grid,
    .article-workflow-assignment-preview-grid,
    .article-publishing-preview-grid,
    .article-corrections-preview-grid,
    .article-story-core__preview-grid,
    .article-distribution-preview-grid,
    .article-monetization-preview-grid,
    .article-engagement-preview-grid,
    .article-analytics-preview-grid,
    .article-ai-audit-summary-grid,
    .article-ai-audit-policy-grid,
    .article-audit-summary-grid,
    .article-distribution-toggle-grid,
    .article-engagement-toggle-grid,
    .article-analytics-toggle-grid,
    .article-ai-audit-control-grid
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-compose-inspector .row > * {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    flex: 0 0 100% !important;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .article-media-hero__preview,
  .l-admin-main__body.content-body:has(.c-cockpit-shell) #featured-image-container {
    inline-size: 100%;
    max-inline-size: 100%;
  }

  .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-inspector {
    position: fixed;
    inset-block: var(--ntcms-editor-topbar-height) 0;
    inset-inline-end: 0;
    z-index: var(--ntcms-z-modal);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    inline-size: min(92vw, 24rem);
    padding: var(--ntcms-space-3);
    border-inline-start: 1px solid var(--ntcms-color-border-default);
    background: var(--ntcms-color-surface-default);
    box-shadow: var(--ntcms-shadow-overlay);
    overflow-y: auto;
    transform: translateX(105%);
    transition: transform 160ms ease;
  }

  body.is-cockpit-drawer-open .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-inspector {
    transform: translateX(0);
  }

  body.is-cockpit-drawer-open .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: calc(var(--ntcms-z-modal) - 1);
    background: rgb(15 23 42 / 0.32);
  }

  .c-cockpit-inspector__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--ntcms-color-border-default);
    border-radius: var(--ntcms-radius-md);
    background: var(--ntcms-color-surface-default);
    color: var(--ntcms-color-text-default);
    font: inherit;
  }
}
.editorial-ai-field-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ntcms-space-2);
}
.editorial-ai-trigger,
.editorial-ai-recover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
  padding: 0 var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  line-height: 1;
  white-space: nowrap;
}
.editorial-ai-trigger:hover,
.editorial-ai-recover:hover {
  border-color: var(--ntcms-color-accent-default);
  color: var(--ntcms-color-accent-default);
}
.editorial-ai-action-select {
  max-width: 9rem;
  min-height: 1.75rem;
  margin-inline-start: var(--ntcms-space-2);
  padding: 0 var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
}
.editorial-ai-trigger--inline {
  margin-block-end: var(--ntcms-space-2);
}
.editorial-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
  margin-block-start: var(--ntcms-space-2);
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-subtle);
}
.editorial-ai-suggestions[hidden] {
  display: none;
}
.editorial-ai-suggestions__meta {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
}
.editorial-ai-suggestions__warning {
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-warning-border, #f3d27a);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-warning-surface, #fff8db);
  color: var(--ntcms-color-warning-text, #6f4e00);
  font-size: var(--ntcms-font-size-xs);
}
.editorial-ai-suggestions__list {
  display: grid;
  gap: var(--ntcms-space-2);
}
.editorial-ai-suggestion {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.editorial-ai-suggestion__text {
  min-width: 0;
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  overflow-wrap: anywhere;
}
.article-ai-audit-applied-list {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-ai-audit-applied {
  display: grid;
  gap: var(--ntcms-space-1);
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-subtle);
}
.article-ai-audit-applied strong,
.article-ai-audit-applied span {
  display: inline-block;
  margin-inline-end: var(--ntcms-space-2);
}
.article-ai-audit-applied__meta {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  overflow-wrap: anywhere;
}
.article-ai-audit-policy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-2);
}
.article-ai-audit-policy {
  min-inline-size: 0;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-subtle);
}
.article-ai-audit-policy span {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  text-transform: uppercase;
}
.article-ai-audit-policy strong {
  display: block;
  margin-block-start: var(--ntcms-space-1);
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.article-story-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  margin-block: var(--ntcms-space-4);
  padding: var(--ntcms-space-4);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-subtle);
}
.article-story-ai-assistant__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-story-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0 var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
}
.article-story-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-story-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-story-ai-output[hidden] {
  display: none;
}
.article-story-ai-output__title {
  color: var(--ntcms-color-text-default);
  font-weight: var(--ntcms-font-weight-semibold);
  text-transform: capitalize;
}
.article-story-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
}
.article-story-ai-variants {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-story-ai-variant {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-story-ai-variant__label {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  white-space: nowrap;
}
.article-story-ai-variant__text {
  min-width: 0;
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.story-ai-body-draft {
  margin-block: var(--ntcms-space-3);
  padding: var(--ntcms-space-3);
  border: 1px dashed var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-subtle);
  color: var(--ntcms-color-text-default);
  white-space: pre-wrap;
}
.article-seo-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  margin-block: var(--ntcms-space-4);
  padding: var(--ntcms-space-4);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-subtle);
}
.article-seo-ai-assistant__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-seo-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0 var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
}
.article-seo-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-seo-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-seo-ai-output[hidden] {
  display: none;
}
.article-seo-ai-output__title {
  color: var(--ntcms-color-text-default);
  font-weight: var(--ntcms-font-weight-semibold);
  text-transform: capitalize;
}
.article-seo-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
}
.article-seo-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-seo-ai-suggestion {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-seo-ai-suggestion.is-rejected {
  opacity: 0.62;
}
.article-seo-ai-suggestion__label {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  white-space: nowrap;
}
.article-seo-ai-suggestion__text {
  min-width: 0;
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.article-seo-ai-suggestion__actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-1);
  justify-content: flex-end;
}
.article-taxonomy-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  margin-block: var(--ntcms-space-4);
  padding: var(--ntcms-space-4);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-subtle);
}
.article-taxonomy-ai-assistant__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-taxonomy-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0 var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
}
.article-taxonomy-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-taxonomy-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-taxonomy-ai-output[hidden] {
  display: none;
}
.article-taxonomy-ai-output__title {
  color: var(--ntcms-color-text-default);
  font-weight: var(--ntcms-font-weight-semibold);
  text-transform: capitalize;
}
.article-taxonomy-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
}
.article-taxonomy-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-taxonomy-ai-suggestion {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-taxonomy-ai-suggestion.is-rejected {
  opacity: 0.62;
}
.article-taxonomy-ai-suggestion__label,
.article-taxonomy-ai-suggestion__confidence {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
  white-space: nowrap;
}
.article-taxonomy-ai-suggestion__text {
  min-width: 0;
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  overflow-wrap: anywhere;
}
.article-taxonomy-ai-suggestion__actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-1);
  justify-content: flex-end;
}
.article-media-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  margin-block: var(--ntcms-space-4);
  padding: var(--ntcms-space-4);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-md);
  background: var(--ntcms-color-surface-subtle);
}
.article-media-ai-assistant__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
}
.article-media-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0 var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-default);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
}
.article-media-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-media-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-media-ai-output[hidden] {
  display: none;
}
.article-media-ai-output__title {
  color: var(--ntcms-color-text-default);
  font-weight: var(--ntcms-font-weight-semibold);
  text-transform: capitalize;
}
.article-media-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
}
.article-media-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-media-ai-suggestion {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(10rem, 0.6fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-2);
  border: 1px solid var(--ntcms-color-border-subtle);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-media-ai-suggestion.is-rejected {
  opacity: 0.62;
}
.article-media-ai-suggestion__label,
.article-media-ai-suggestion__risk {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: var(--ntcms-font-weight-semibold);
}
.article-media-ai-suggestion__label {
  white-space: nowrap;
}
.article-media-ai-suggestion__text {
  min-width: 0;
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
  overflow-wrap: anywhere;
}
.article-media-ai-suggestion__actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-1);
  justify-content: flex-end;
}
.article-trust-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  padding: var(--ntcms-space-4);
  background: var(--ntcms-color-surface-muted);
}
.article-trust-ai-assistant__header {
  display: flex;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  align-items: start;
}
.article-trust-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.375rem;
  padding-inline: var(--ntcms-space-2);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  border: 1px solid var(--ntcms-color-border-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: 700;
  margin-block-end: var(--ntcms-space-1);
}
.article-trust-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-trust-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-trust-ai-output[hidden] {
  display: none;
}
.article-trust-ai-output__title {
  color: var(--ntcms-color-text-default);
  text-transform: capitalize;
}
.article-trust-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.article-trust-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-trust-ai-suggestion {
  display: grid;
  grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.6fr) minmax(0, 1.1fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-trust-ai-suggestion.is-rejected {
  opacity: 0.62;
}
.article-trust-ai-suggestion__label,
.article-trust-ai-suggestion__risk {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.article-trust-ai-suggestion__label {
  white-space: nowrap;
}
.article-trust-ai-suggestion__text {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ntcms-color-text-default);
}
.article-trust-ai-suggestion__actions {
  display: inline-flex;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
  flex-wrap: wrap;
}
.article-distribution-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  padding: var(--ntcms-space-4);
  background: var(--ntcms-color-surface-muted);
}
.article-distribution-ai-assistant__header {
  display: flex;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  align-items: start;
}
.article-distribution-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.375rem;
  padding-inline: var(--ntcms-space-2);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  border: 1px solid var(--ntcms-color-border-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: 700;
  margin-block-end: var(--ntcms-space-1);
}
.article-distribution-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-distribution-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-distribution-ai-output[hidden] {
  display: none;
}
.article-distribution-ai-output__title {
  color: var(--ntcms-color-text-default);
  text-transform: capitalize;
}
.article-distribution-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.article-distribution-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-distribution-ai-suggestion {
  display: grid;
  grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.7fr) minmax(5rem, 0.6fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-distribution-ai-suggestion.is-rejected {
  opacity: 0.62;
}
.article-distribution-ai-suggestion__label,
.article-distribution-ai-suggestion__count {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.article-distribution-ai-suggestion__label {
  white-space: nowrap;
}
.article-distribution-ai-suggestion__text {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ntcms-color-text-default);
}
.article-distribution-ai-suggestion__actions {
  display: inline-flex;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
  flex-wrap: wrap;
}
.article-translation-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  padding: var(--ntcms-space-4);
  background: var(--ntcms-color-surface-muted);
}
.article-translation-ai-assistant__header,
.article-translation-ai-controls {
  display: flex;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  align-items: start;
}
.article-translation-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.375rem;
  padding-inline: var(--ntcms-space-2);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  border: 1px solid var(--ntcms-color-border-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: 700;
}
.article-translation-ai-controls .form-select {
  max-inline-size: 10rem;
}
.article-translation-ai-warning {
  border: 1px solid color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 28%, var(--ntcms-color-border-muted));
  border-radius: var(--ntcms-radius-sm);
  padding: var(--ntcms-space-3);
  background: color-mix(in srgb, var(--ntcms-color-warning-default, #b45309) 9%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
  font-size: var(--ntcms-font-size-sm);
}
.article-translation-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-translation-ai-output {
  display: grid;
  gap: var(--ntcms-space-3);
}
.article-translation-ai-output[hidden] {
  display: none;
}
.article-translation-ai-output__title {
  color: var(--ntcms-color-text-default);
  text-transform: capitalize;
}
.article-translation-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.article-translation-ai-diff {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ntcms-space-3);
}
.article-translation-ai-diff > div {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-sm);
  padding: var(--ntcms-space-3);
  background: var(--ntcms-color-surface-default);
}
.article-translation-ai-diff span,
.article-translation-ai-variant__label {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  margin-block-end: var(--ntcms-space-1);
}
.article-translation-ai-diff p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.article-translation-ai-variants {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-translation-ai-variant {
  display: grid;
  grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.7fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-translation-ai-variant.is-rejected {
  opacity: 0.62;
}
.article-translation-ai-variant__text {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ntcms-color-text-default);
}
.article-translation-ai-variant__actions {
  display: inline-flex;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
  flex-wrap: wrap;
}
.article-workflow-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  padding: var(--ntcms-space-4);
  background: var(--ntcms-color-surface-muted);
}
.article-workflow-ai-assistant__header {
  display: flex;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  align-items: start;
}
.article-workflow-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.375rem;
  padding-inline: var(--ntcms-space-2);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  border: 1px solid var(--ntcms-color-border-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: 700;
}
.article-workflow-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-workflow-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-workflow-ai-output[hidden] {
  display: none;
}
.article-workflow-ai-output__title {
  color: var(--ntcms-color-text-default);
  text-transform: capitalize;
}
.article-workflow-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.article-workflow-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-workflow-ai-suggestion {
  display: grid;
  grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.7fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-workflow-ai-suggestion.is-rejected {
  opacity: 0.62;
}
.article-workflow-ai-suggestion__label {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  white-space: nowrap;
}
.article-workflow-ai-suggestion__text {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ntcms-color-text-default);
}
.article-workflow-ai-suggestion__actions {
  display: inline-flex;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
  flex-wrap: wrap;
}
.article-analytics-ai-assistant {
  display: grid;
  gap: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-md);
  padding: var(--ntcms-space-4);
  background: var(--ntcms-color-surface-muted);
}
.article-analytics-ai-assistant__header {
  display: flex;
  justify-content: space-between;
  gap: var(--ntcms-space-3);
  align-items: start;
}
.article-analytics-ai-assistant__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.375rem;
  padding-inline: var(--ntcms-space-2);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-muted);
  border: 1px solid var(--ntcms-color-border-muted);
  font-size: var(--ntcms-font-size-xs);
  font-weight: 700;
}
.article-analytics-ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntcms-space-2);
}
.article-analytics-ai-output {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-analytics-ai-output[hidden] {
  display: none;
}
.article-analytics-ai-output__title {
  color: var(--ntcms-color-text-default);
  text-transform: capitalize;
}
.article-analytics-ai-output__target {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
}
.article-analytics-ai-suggestions {
  display: grid;
  gap: var(--ntcms-space-2);
}
.article-analytics-ai-suggestion {
  display: grid;
  grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.7fr) auto;
  gap: var(--ntcms-space-2);
  align-items: start;
  padding: var(--ntcms-space-3);
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: var(--ntcms-radius-sm);
  background: var(--ntcms-color-surface-default);
}
.article-analytics-ai-suggestion.is-rejected {
  opacity: 0.62;
}
.article-analytics-ai-suggestion__label {
  color: var(--ntcms-color-text-muted);
  font-size: var(--ntcms-font-size-sm);
  white-space: nowrap;
}
.article-analytics-ai-suggestion__text {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ntcms-color-text-default);
}
.article-analytics-ai-suggestion__actions {
  display: inline-flex;
  justify-content: flex-end;
  gap: var(--ntcms-space-2);
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .editorial-ai-field-label {
    align-items: flex-start;
    flex-direction: column;
  }

  .editorial-ai-action-select {
    margin-block-start: var(--ntcms-space-1);
    margin-inline-start: 0;
  }

  .editorial-ai-suggestion {
    grid-template-columns: minmax(0, 1fr);
  }

  .article-story-ai-assistant__header,
  .article-story-ai-variant,
  .article-seo-ai-assistant__header,
  .article-seo-ai-suggestion,
  .article-taxonomy-ai-assistant__header,
  .article-taxonomy-ai-suggestion,
  .article-media-ai-assistant__header,
  .article-media-ai-suggestion,
  .article-trust-ai-assistant__header,
  .article-trust-ai-suggestion,
  .article-distribution-ai-assistant__header,
  .article-distribution-ai-suggestion,
  .article-translation-ai-assistant__header,
  .article-translation-ai-controls,
  .article-translation-ai-diff,
  .article-translation-ai-variant,
  .article-workflow-ai-assistant__header,
  .article-workflow-ai-suggestion,
  .article-analytics-ai-assistant__header,
  .article-analytics-ai-suggestion {
    grid-template-columns: minmax(0, 1fr);
  }

  .article-story-ai-assistant__header,
  .article-seo-ai-assistant__header,
  .article-taxonomy-ai-assistant__header,
  .article-media-ai-assistant__header,
  .article-trust-ai-assistant__header,
  .article-distribution-ai-assistant__header,
  .article-translation-ai-assistant__header,
  .article-translation-ai-controls,
  .article-workflow-ai-assistant__header,
  .article-analytics-ai-assistant__header {
    display: grid;
  }
}
/* Bundle 1 correction: remove duplicate legacy chrome from the writing viewport. */
.l-admin-shell .c-cockpit-shell .article-compose-topbar,
.l-admin-shell .c-cockpit-shell .l-editor-governor {
  display: none !important;
}
@media (min-width: 1100px) {
  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar {
    margin-inline-end: calc(var(--ntcms-editor-right-rail-width) + var(--ntcms-editor-shell-gap)) !important;
  }
}
.l-admin-shell .c-cockpit-shell .article-compose-layout {
  gap: 0.85rem !important;
}
.l-admin-shell .c-cockpit-shell .article-compose-outline {
  display: none !important;
}
.l-admin-shell .c-cockpit-shell .article-compose-main {
  align-items: stretch !important;
  justify-items: stretch !important;
}
.l-admin-shell .c-cockpit-shell .article-compose-main > *,
.l-admin-shell .c-cockpit-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']),
.l-admin-shell .c-cockpit-shell .article-compose-main > #structured-editor-pane {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  justify-self: stretch !important;
}
.l-admin-shell .c-cockpit-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot-group='story-headline-row'] {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(14rem, 1fr) !important;
  align-items: start;
}
.l-admin-shell .c-cockpit-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot='title'],
.l-admin-shell .c-cockpit-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot='slug'] {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  flex: initial !important;
  width: auto !important;
}
/* Bundle 1 correction: make the first viewport writing-first without changing fields. */
.l-admin-shell .article-compose-main > [data-editor-slot='story-type-governor'],
.l-admin-shell .article-compose-main > [data-editor-slot='ai-newsroom-copilot'],
.l-admin-shell .article-compose-main > [data-editor-slot='multilingual-desk'],
.l-admin-shell .article-compose-main > [data-editor-slot$='-desk'],
.l-admin-shell .article-compose-main > [data-editor-slot='breaking-desk'],
.l-admin-shell .article-compose-main > [data-editor-slot='type-first-note'] {
  order: 80 !important;
}
.l-admin-shell .article-story-core {
  display: contents;
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) {
  order: 0 !important;
}
.l-admin-shell .article-compose-main > #structured-editor-pane,
.l-admin-shell .article-compose-main > [data-editor-slot='body-structured'] {
  order: 1 !important;
}
.l-admin-shell .article-story-core__preview-grid,
.l-admin-shell .article-story-core__header,
.l-admin-shell .article-translation-ai-assistant,
.l-admin-shell .article-story-ai-assistant,
.l-admin-shell .article-story-core__section:not(:has([data-editor-slot-group='story-headline-row'])) {
  order: 65 !important;
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) {
  display: grid;
  gap: 0.75rem;
  padding: 1rem !important;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 82%, transparent);
  border-radius: 12px;
  background: var(--ntcms-color-surface-default);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) .article-story-core__section-title {
  color: var(--ntcms-color-text-muted);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot-group='story-headline-row'] {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot='title'] .form-control {
  min-block-size: 3.35rem;
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 850;
  line-height: 1.12;
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot='title'] {
  flex: 1 1 58%;
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot='slug'] {
  flex: 1 1 32%;
}
.l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot-group='story-headline-row'] > .col-md-6:not([data-editor-slot='title']):not([data-editor-slot='slug']) {
  display: none;
}
.l-admin-shell .article-compose-main > #structured-editor-pane {
  margin-block-start: 0 !important;
  padding: 0.9rem !important;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 82%, transparent);
  border-radius: 12px;
  background: var(--ntcms-color-surface-default);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
}
.l-admin-shell .article-compose-main > #structured-editor-pane .structured-editor-shell {
  min-block-size: 28rem;
}
.l-admin-shell .article-compose-main > #structured-editor-pane #structured-editor-shell {
  min-block-size: 22rem;
}
@media (max-width: 640px) {
  .l-admin-shell .article-story-core__section:has([data-editor-slot-group='story-headline-row']) [data-editor-slot-group='story-headline-row'] > .col-md-6:not([data-editor-slot='title']):not([data-editor-slot='slug']) {
    display: block;
  }
}
/* Bundle 1 rework: newsroom-grade editor shell.
   This block is view-only: it preserves form names, autosave payloads, and mutation contracts. */
.l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) {
  --ntcms-editor-commandbar-height: 58px;
  --ntcms-editor-right-rail-width: 22rem;
  --ntcms-editor-shell-gap: 1rem;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ntcms-color-surface-muted) 74%, #eef3f8) 0%, #f5f7fb 24rem),
    #f5f7fb;
  overflow-x: clip;
}
.l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar {
  min-block-size: var(--ntcms-editor-commandbar-height) !important;
  grid-template-columns: minmax(16rem, 1fr) minmax(12rem, auto) auto !important;
  gap: 0.75rem !important;
  padding: 0.5rem 0.85rem !important;
  border-block-end: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 76%, transparent) !important;
  background: color-mix(in srgb, var(--ntcms-color-surface-default) 97%, transparent) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07) !important;
}
.l-admin-shell .c-cockpit-toolbar__back {
  inline-size: 2rem;
  block-size: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 8px;
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  text-decoration: none;
}
.l-admin-shell .c-cockpit-toolbar__overline,
.l-admin-shell .c-cockpit-toolbar__slug {
  margin: 0;
  color: var(--ntcms-color-text-muted);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.25;
}
.l-admin-shell .c-cockpit-toolbar__overline {
  text-transform: uppercase;
}
.l-admin-shell .c-cockpit-toolbar__title {
  margin: 0.05rem 0;
  color: var(--ntcms-color-text-default);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
}
.l-admin-shell .c-cockpit-toolbar__chips {
  gap: 0.35rem !important;
}
.l-admin-shell .c-cockpit-toolbar__chips .c-status-pill {
  min-block-size: 1.65rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  line-height: 1;
  white-space: nowrap;
}
.l-admin-shell .c-cockpit-toolbar__actions {
  gap: 0.4rem !important;
}
.l-admin-shell .c-cockpit-toolbar__actions .c-button {
  min-block-size: 2rem;
  border-radius: 8px;
  padding-inline: 0.62rem;
  font-size: 0.76rem;
  font-weight: 800;
}
.l-admin-shell .c-cockpit-toolbar__actions .c-button--primary {
  box-shadow: 0 8px 18px color-mix(in srgb, var(--ntcms-color-accent-default) 20%, transparent);
}
@media (min-width: 1100px) {
  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell {
    padding: 0.85rem 1rem 2.5rem !important;
  }

  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__grid {
    display: block !important;
    padding-inline-end: calc(var(--ntcms-editor-right-rail-width) + var(--ntcms-editor-shell-gap)) !important;
  }

  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__canvas {
    max-inline-size: min(100%, calc(100vw - var(--ntcms-admin-sidebar-width, 0px) - var(--ntcms-editor-right-rail-width) - 3.5rem)) !important;
  }

  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-shell__right {
    position: fixed !important;
    inset-block-start: calc(var(--ntcms-editor-commandbar-height) + 0.85rem);
    inset-inline-end: 1rem;
    z-index: calc(var(--ntcms-z-sticky) - 2);
    display: grid;
    align-content: start;
    gap: 0.75rem;
    inline-size: var(--ntcms-editor-right-rail-width);
    max-block-size: calc(100vh - var(--ntcms-editor-commandbar-height) - 1.75rem);
    padding: 0;
    overflow-y: auto;
    scrollbar-width: thin;
  }
}
.l-admin-shell .c-cockpit-shell__right {
  color: var(--ntcms-color-text-default);
}
.l-admin-shell .c-cockpit-timeline,
.l-admin-shell .c-cockpit-inspector {
  border: 1px solid color-mix(in srgb, var(--ntcms-color-border-default) 86%, transparent);
  border-radius: 12px;
  background: var(--ntcms-color-surface-default);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}
.l-admin-shell .c-cockpit-timeline {
  display: grid;
  gap: 0.75rem;
  padding: 0.85rem;
}
.l-admin-shell .c-cockpit-timeline__header,
.l-admin-shell .c-cockpit-inspector__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}
.l-admin-shell .c-cockpit-kicker {
  margin: 0 0 0.15rem;
  color: var(--ntcms-color-text-muted);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}
.l-admin-shell .c-cockpit-panel-title {
  margin: 0;
  color: var(--ntcms-color-text-default);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.2;
}
.l-admin-shell .c-cockpit-timeline__score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 2.6rem;
  min-block-size: 1.85rem;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-accent-default) 28%, var(--ntcms-color-border-muted));
  border-radius: 999px;
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 9%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-accent-default);
  font-size: 0.72rem;
  font-weight: 900;
}
.l-admin-shell .c-cockpit-timeline__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}
.l-admin-shell .c-cockpit-timeline__summary > div {
  min-inline-size: 0;
  border: 1px solid var(--ntcms-color-border-muted);
  border-radius: 9px;
  background: var(--ntcms-color-surface-muted);
  padding: 0.5rem;
}
.l-admin-shell .c-cockpit-timeline__summary span,
.l-admin-shell .c-cockpit-timeline__next span,
.l-admin-shell .c-cockpit-timeline__details small {
  display: block;
  color: var(--ntcms-color-text-muted);
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}
.l-admin-shell .c-cockpit-timeline__summary strong,
.l-admin-shell .c-cockpit-timeline__next strong {
  display: block;
  min-inline-size: 0;
  margin-block-start: 0.25rem;
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-admin-shell .c-cockpit-timeline__next {
  display: block;
  inline-size: 100%;
  border: 1px solid color-mix(in srgb, var(--ntcms-color-accent-default) 30%, var(--ntcms-color-border-muted));
  border-radius: 10px;
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 8%, var(--ntcms-color-surface-default));
  padding: 0.65rem 0.7rem;
  text-align: left;
}
.l-admin-shell button.c-cockpit-timeline__next:not(:disabled) {
  cursor: pointer;
}
.l-admin-shell .c-cockpit-timeline__next:disabled {
  opacity: 0.72;
}
.l-admin-shell .c-cockpit-timeline__details {
  border-block-start: 1px solid var(--ntcms-color-border-muted);
  padding-block-start: 0.65rem;
}
.l-admin-shell .c-cockpit-timeline__details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  cursor: pointer;
  color: var(--ntcms-color-text-default);
  font-size: 0.78rem;
  font-weight: 850;
  list-style: none;
}
.l-admin-shell .c-cockpit-timeline__details > summary::-webkit-details-marker {
  display: none;
}
.l-admin-shell .c-cockpit-timeline__list {
  display: grid;
  gap: 0.35rem;
  max-block-size: 18rem;
  margin: 0.65rem 0 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}
.l-admin-shell .c-cockpit-timeline__button {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  inline-size: 100%;
  min-block-size: 1.75rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--ntcms-color-text-muted);
  font-size: 0.75rem;
  font-weight: 760;
  line-height: 1.2;
  text-align: left;
}
.l-admin-shell .c-cockpit-timeline__item.is-current .c-cockpit-timeline__button {
  border-color: color-mix(in srgb, var(--ntcms-color-accent-default) 26%, transparent);
  background: color-mix(in srgb, var(--ntcms-color-accent-default) 8%, var(--ntcms-color-surface-default));
  color: var(--ntcms-color-text-default);
}
.l-admin-shell .c-cockpit-timeline__dot {
  inline-size: 0.45rem;
  block-size: 0.45rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--ntcms-color-border-default);
}
.l-admin-shell .c-cockpit-timeline__item.is-current .c-cockpit-timeline__dot {
  background: var(--ntcms-color-accent-default);
}
.l-admin-shell .c-cockpit-inspector {
  display: grid;
  overflow: hidden;
}
.l-admin-shell .c-cockpit-inspector__tabs {
  display: flex;
  gap: 0.25rem;
  padding: 0.45rem;
  border-block-end: 1px solid var(--ntcms-color-border-muted);
  background: color-mix(in srgb, var(--ntcms-color-surface-muted) 72%, var(--ntcms-color-surface-default));
  overflow-x: auto;
  scrollbar-width: thin;
}
.l-admin-shell .c-cockpit-inspector__tab {
  flex: 0 0 auto;
  min-block-size: 1.75rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--ntcms-color-text-muted);
  font-size: 0.68rem;
  font-weight: 850;
  padding-inline: 0.55rem;
}
.l-admin-shell .c-cockpit-inspector__tab.is-active {
  border-color: var(--ntcms-color-border-default);
  background: var(--ntcms-color-surface-default);
  color: var(--ntcms-color-text-default);
  box-shadow: 0 6px 12px rgba(15, 23, 42, 0.06);
}
.l-admin-shell .c-cockpit-inspector__panel {
  display: none;
  padding: 0.85rem;
}
.l-admin-shell .c-cockpit-inspector__panel.is-active {
  display: block;
}
.l-admin-shell .c-cockpit-inspector-panel,
.l-admin-shell .c-cockpit-readiness,
.l-admin-shell .c-cockpit-seo,
.l-admin-shell .c-cockpit-multilingual,
.l-admin-shell .c-cockpit-corrections,
.l-admin-shell .c-audit-drawer {
  display: grid;
  gap: 0.65rem;
}
.l-admin-shell .c-cockpit-inspector p,
.l-admin-shell .c-cockpit-inspector li {
  font-size: 0.78rem;
  line-height: 1.4;
}
.l-admin-shell .c-cockpit-muted {
  color: var(--ntcms-color-text-muted);
}
.l-admin-shell .article-compose-main {
  display: grid;
  gap: 0.9rem;
  max-inline-size: min(100%, 60rem);
  margin-inline: auto;
}
.l-admin-shell .article-compose-main > [data-editor-slot='body-structured'] {
  order: 1;
}
.l-admin-shell .article-compose-main > [data-editor-slot='story_core'] {
  order: 2;
}
.l-admin-shell .article-compose-main > [data-editor-slot='ai-newsroom-copilot'],
.l-admin-shell .article-compose-main > [data-editor-slot='headline-test'],
.l-admin-shell .article-compose-main > [data-editor-slot='multilingual-desk'],
.l-admin-shell .article-compose-main > [data-editor-slot='seo-panel'],
.l-admin-shell .article-compose-main > [data-editor-slot='newsroom-intelligence-editorial'],
.l-admin-shell .article-compose-main > [data-editor-slot='newsroom-intelligence-automation'],
.l-admin-shell .article-compose-main > [data-editor-slot='evergreen-desk'],
.l-admin-shell .article-compose-main > [data-editor-slot='sources-desk'] {
  order: 70 !important;
}
.l-admin-shell .article-compose-main :is(.card, .c-newsroom-card, .article-compose-card) {
  border-color: color-mix(in srgb, var(--ntcms-color-border-default) 82%, transparent);
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
}
.l-admin-shell .article-compose-main textarea,
.l-admin-shell .article-compose-main .ProseMirror,
.l-admin-shell .article-compose-main [contenteditable='true'] {
  min-block-size: 18rem;
}
@media (max-width: 1099.98px) {
  .l-admin-shell .l-admin-main__body.content-body:has(.c-cockpit-shell) .c-cockpit-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
    min-block-size: auto !important;
  }

  .l-admin-shell .c-cockpit-toolbar__chips,
  .l-admin-shell .c-cockpit-toolbar__actions {
    justify-content: flex-start !important;
    overflow-x: auto;
  }

  .l-admin-shell .c-cockpit-shell {
    padding: 0.75rem !important;
  }

  .l-admin-shell .c-cockpit-shell__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.85rem !important;
    padding: 0 !important;
  }

  .l-admin-shell .c-cockpit-shell__right {
    position: static !important;
    inline-size: 100%;
    max-block-size: none;
    overflow: visible;
  }
}
@media (max-width: 640px) {
  .l-admin-shell .c-cockpit-toolbar__slug,
  .l-admin-shell .c-cockpit-toolbar__overline span[aria-hidden='true'],
  .l-admin-shell .c-cockpit-toolbar__overline [data-cockpit-article-id-label],
  .l-admin-shell .c-cockpit-toolbar__actions .c-button span {
    display: none;
  }

  .l-admin-shell .c-cockpit-toolbar__actions .c-button {
    inline-size: 2.25rem;
    justify-content: center;
    padding-inline: 0;
  }

  .l-admin-shell .c-cockpit-timeline__summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .l-admin-shell .article-compose-main {
    max-inline-size: 100%;
  }
}
.public-listing-story-list {
  --public-listing-accent: var(--ntcms-color-primary, #c8242e);
  --public-listing-accent-contrast: #ffffff;
  gap: 0.85rem;
}
.public-listing-story-list .publisher-story-card {
  border-radius: 12px;
  box-shadow: none;
}
.public-listing-story-list .publisher-story-card__meta,
.public-listing-story-list .publisher-story-card__footer {
  color: var(--ntcms-color-text-muted);
  font-size: 0.8rem;
}
.public-listing-story-list .publisher-story-card__section {
  color: var(--public-listing-accent, var(--ntcms-color-primary, #c8242e));
}
.public-listing-story-list .publisher-story-card__title {
  letter-spacing: 0;
}
.public-listing-story-list .publisher-story-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.public-listing-story-list--photo,
.public-listing-story-list--featured {
  width: min(100%, 920px);
}
:where(.public-pagination, .search-pagination-nav, .author-profile-pagination) .pagination,
:where(.archive-shell, .directory-shell, .photo-story-directory, .publisher-section-page) .pagination {
  --public-listing-accent: var(--ntcms-color-primary, #c8242e);
  --public-listing-accent-contrast: #ffffff;
  width: min(100%, 820px);
  max-width: 820px;
  margin-inline: auto;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
:where(.public-pagination, .search-pagination-nav, .author-profile-pagination, .archive-shell, .directory-shell, .photo-story-directory, .publisher-section-page) .pagination .page-link {
  min-width: 2.35rem;
  min-height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ntcms-color-border-subtle) !important;
  border-radius: 999px !important;
  background: var(--ntcms-color-surface-default) !important;
  color: var(--ntcms-color-text-default) !important;
  font-weight: var(--ntcms-font-weight-semibold);
  box-shadow: none !important;
}
:where(.public-pagination, .search-pagination-nav, .author-profile-pagination, .archive-shell, .directory-shell, .photo-story-directory, .publisher-section-page) .pagination .page-link:hover,
:where(.public-pagination, .search-pagination-nav, .author-profile-pagination, .archive-shell, .directory-shell, .photo-story-directory, .publisher-section-page) .pagination .page-link:focus-visible {
  border-color: var(--public-listing-accent, var(--ntcms-color-primary, #c8242e)) !important;
  background: rgba(220, 38, 38, 0.06) !important;
  color: var(--public-listing-accent, var(--ntcms-color-primary, #c8242e)) !important;
}
:where(.public-pagination, .search-pagination-nav, .author-profile-pagination, .archive-shell, .directory-shell, .photo-story-directory, .publisher-section-page) .pagination .page-item.active .page-link {
  border-color: var(--public-listing-accent, var(--ntcms-color-primary, #c8242e)) !important;
  background: var(--public-listing-accent, var(--ntcms-color-primary, #c8242e)) !important;
  color: var(--public-listing-accent-contrast, #ffffff) !important;
}
:where(.public-pagination, .search-pagination-nav, .author-profile-pagination, .archive-shell, .directory-shell, .photo-story-directory, .publisher-section-page) .pagination .page-item.disabled .page-link {
  color: var(--ntcms-color-text-subtle) !important;
  background: var(--ntcms-color-surface-subtle) !important;
}
/*
 * Bundle 19: ePaper reader UX stabilization.
 * Loaded after the legacy ePaper styles so toolbar sizing, crop overlay, and
 * reader controls have one final source of truth.
 */
body.epaper-viewer.epaper-viewer-shell {
  --epaper-reader-toolbar-height: 4.25rem;
  --epaper-reader-footer-height: 3.75rem;
  --epaper-reader-tool-size: 2.25rem;
  --epaper-reader-toolbar-gap: 0.7rem;
  --epaper-reader-control-border: rgba(15, 23, 42, 0.12);
  --epaper-reader-control-bg: rgba(255, 255, 255, 0.98);
  inline-size: 100%;
  block-size: 100vh;
  overflow: hidden;
  background: #f3f6fb;
}
body.epaper-viewer.epaper-viewer-shell .viewer-header.epaper-toolbar {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 1040;
  display: grid !important;
  grid-template-columns: minmax(20rem, 25rem) minmax(29rem, 1fr) auto;
  align-items: center;
  gap: var(--epaper-reader-toolbar-gap);
  block-size: var(--epaper-reader-toolbar-height) !important;
  min-block-size: var(--epaper-reader-toolbar-height) !important;
  padding: 0.45rem 1rem !important;
  overflow: visible;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}
body.epaper-viewer.epaper-viewer-shell [data-epaper-bundle19-toolbar="1"] {
  inline-size: 100%;
  min-inline-size: 0;
  contain: layout style;
}
body.epaper-viewer.epaper-viewer-shell .viewer-body-custom {
  position: fixed;
  inset-block-start: var(--epaper-reader-toolbar-height);
  inset-block-end: var(--epaper-reader-footer-height);
  inset-inline: 0;
  block-size: auto !important;
  min-block-size: 0 !important;
  padding: 0 !important;
  overflow: auto;
  scrollbar-gutter: stable both-edges;
  touch-action: pan-x pan-y;
}
body.epaper-viewer.epaper-viewer-shell .viewer-body-custom .main-content {
  padding: 1.55rem 1rem 1rem !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone {
  min-inline-size: 0;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--brand {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-inline-size: 0;
  overflow: visible;
}
body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand {
  display: inline-flex;
  flex: 0 1 17rem;
  align-items: center;
  min-inline-size: 0;
  inline-size: auto;
  max-inline-size: 17rem;
  overflow: visible;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__logo.logo-img {
  display: block;
  inline-size: auto !important;
  max-inline-size: 17rem !important;
  aspect-ratio: 272 / 54;
  block-size: 3.35rem !important;
  max-block-size: 3.35rem !important;
  -o-object-fit: contain;
     object-fit: contain;
}
body.epaper-viewer.epaper-viewer-shell .epaper-reader-badge {
  position: static !important;
  z-index: auto;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-block-size: 1.55rem;
  margin: 0;
  padding: 0 0.68rem;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--center {
  display: flex !important;
  justify-content: center;
  overflow: visible;
  /* 2026-05-24 — CLS fix: reserve toolbar center height upfront. The
     command-rail / command-stepper inside hydrate via JS and that
     hydration was producing a visible vertical reflow in the
     DevTools CLS cluster #2 (0.5339 → page-container/main/footer
     all shifting together). */
  min-block-size: 2.5rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-command-rail {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  inline-size: auto;
  min-inline-size: 0;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--center .epaper-command-stepper {
  display: inline-flex !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.48rem;
  min-inline-size: 0;
  max-inline-size: none;
  overflow: visible;
  /* 2026-05-24 — CLS fix: reserve toolbar zone height upfront so the
     JS-injected offline-control / account-area / search-button don't
     reflow this row when they hydrate. */
  min-block-size: 2.5rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn,
body.epaper-viewer.epaper-viewer-shell .tool-btn,
body.epaper-viewer.epaper-viewer-shell .epaper-step-btn,
body.epaper-viewer.epaper-viewer-shell .user-menu-btn-modern {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  inline-size: var(--epaper-reader-tool-size) !important;
  min-inline-size: var(--epaper-reader-tool-size) !important;
  block-size: var(--epaper-reader-tool-size) !important;
  min-block-size: var(--epaper-reader-tool-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--epaper-reader-control-border) !important;
  border-radius: 999px !important;
  background: var(--epaper-reader-control-bg) !important;
  box-shadow: none !important;
  color: #111827;
  line-height: 1 !important;
  transform: none !important;
}
body.epaper-viewer.epaper-viewer-shell .tool-btn i,
body.epaper-viewer.epaper-viewer-shell .epaper-step-btn i,
body.epaper-viewer.epaper-viewer-shell .user-menu-btn-modern i {
  font-size: 0.95rem;
  line-height: 1;
}
body.epaper-viewer.epaper-viewer-shell .epaper-step-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111827;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-0.04rem);
}
body.epaper-viewer.epaper-viewer-shell .epaper-step-btn[disabled] .epaper-step-glyph {
  color: #94a3b8;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn .hamburger-icon {
  inline-size: 1rem;
  block-size: 0.78rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-cms-menu-btn .hamburger-icon span {
  inline-size: 1rem;
  block-size: 2px;
  background: #111827;
}
body.epaper-viewer.epaper-viewer-shell .epaper-offline-control {
  display: inline-flex;
  flex: 0 0 auto;
}
body.epaper-viewer.epaper-viewer-shell .epaper-offline-control .epaper-offline-status {
  display: none !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-cluster,
body.epaper-viewer.epaper-viewer-shell .epaper-zoom-cluster {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.45rem;
  padding: 0.18rem 0.25rem !important;
  border: 1px solid var(--epaper-reader-control-border);
  border-radius: 1rem;
  background: var(--epaper-reader-control-bg);
  box-shadow: none;
  white-space: nowrap;
}
body.epaper-viewer.epaper-viewer-shell .btn-nav-pill.epaper-selector-card__button,
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card__field {
  min-block-size: 2.03rem;
  padding-inline: 0.62rem !important;
  border-radius: 0.78rem;
  color: #111827;
  font-size: 0.86rem !important;
  font-weight: 750;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card:first-child .epaper-selector-card__button {
  min-inline-size: 8.1rem;
  max-inline-size: 9.3rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card--date .epaper-selector-card__field {
  min-inline-size: 7.6rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card--page .epaper-selector-card__button {
  min-inline-size: 5.45rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selector-card__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.epaper-viewer.epaper-viewer-shell .epaper-zoom-cluster {
  gap: 0.05rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-zoom-btn,
body.epaper-viewer.epaper-viewer-shell .epaper-zoom-readout {
  min-inline-size: 1.85rem;
  min-block-size: 1.85rem;
  border-radius: 0.72rem;
  font-size: 0.88rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .btn-group {
  display: inline-flex !important;
  block-size: var(--epaper-reader-tool-size);
  margin: 0 !important;
  border: 1px solid var(--epaper-reader-control-border);
  border-radius: 999px;
  overflow: hidden;
  background: var(--epaper-reader-control-bg);
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .btn-group > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 3.05rem;
  block-size: calc(var(--epaper-reader-tool-size) - 2px);
  padding: 0 0.6rem;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent;
  color: #111827;
  font-size: 0.84rem;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}
body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .btn-group > .btn + .btn {
  border-left: 1px solid rgba(15, 23, 42, 0.1) !important;
}
body.epaper-viewer.epaper-viewer-shell .user-avatar-circle {
  inline-size: 1.55rem;
  block-size: 1.55rem;
  min-inline-size: 1.55rem;
  font-size: 0.72rem;
}
body.epaper-viewer.epaper-viewer-shell .epaper-account-caret {
  display: none !important;
}
body.epaper-viewer.epaper-viewer-shell .epaper-page-container-custom {
  max-inline-size: min(68rem, calc(100vw - 2rem));
  margin: 0 auto 1rem;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.16) !important;
  aspect-ratio: var(--epaper-page-aspect-ratio, auto);
  min-block-size: var(--epaper-page-min-block-size, calc(100vh - 8rem));
  contain: layout style;
}
body.epaper-viewer.epaper-viewer-shell .epaper-page-container-custom picture {
  display: block;
  inline-size: 100%;
}
body.epaper-viewer.epaper-viewer-shell [data-epaper-page-surface="page-only-unless-crop-active"] {
  isolation: isolate;
}
body.epaper-viewer.epaper-viewer-shell .epaper-page-img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
body.epaper-viewer.epaper-viewer-shell .crop-overlay-custom {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 80;
  background: rgba(15, 23, 42, 0.08);
  cursor: crosshair;
}
body.epaper-viewer.epaper-viewer-shell.is-cropping .crop-overlay-custom,
body.is-cropping.epaper-viewer.epaper-viewer-shell .crop-overlay-custom,
body.epaper-viewer.epaper-viewer-shell [data-epaper-crop-active="1"] .crop-overlay-custom,
body.epaper-viewer.epaper-viewer-shell .crop-overlay-custom[aria-hidden="false"] {
  display: block;
}
body.epaper-viewer.epaper-viewer-shell [data-epaper-crop-active="1"] .epaper-link-layer {
  pointer-events: none;
}
body.epaper-viewer.epaper-viewer-shell [data-epaper-crop-active="0"] .crop-overlay-custom,
body.epaper-viewer.epaper-viewer-shell .crop-overlay-custom[aria-hidden="true"] {
  display: none;
}
body.epaper-viewer.epaper-viewer-shell .epaper-link-layer {
  z-index: 40;
}
body.epaper-viewer.epaper-viewer-shell .smart-crop-zone {
  border: 1px dashed rgba(15, 23, 42, 0.35);
  background: rgba(255, 255, 255, 0.18);
  z-index: 85;
}
body.epaper-viewer.epaper-viewer-shell .epaper-selection-box {
  z-index: 90;
}
body.epaper-viewer.epaper-viewer-shell .epaper-footer {
  inset-block-end: 0;
  inset-inline: 0;
  block-size: var(--epaper-reader-footer-height);
  min-block-size: var(--epaper-reader-footer-height);
  z-index: 1030;
  background: rgba(255, 255, 255, 0.98);
  overflow: hidden;
}
body.epaper-viewer.epaper-viewer-shell .epaper-pages-scroller {
  block-size: var(--epaper-reader-footer-height);
}
body.epaper-viewer.epaper-viewer-shell .epaper-viewer-toast-container {
  inset-block-end: calc(3.75rem + env(safe-area-inset-bottom));
  z-index: 2200;
  max-inline-size: min(24rem, calc(100vw - 1.5rem));
  pointer-events: none;
}
body.epaper-viewer.epaper-viewer-shell .epaper-viewer-toast-container .toast {
  inline-size: 100%;
  max-inline-size: 24rem;
  pointer-events: auto;
}
body.epaper-viewer.epaper-viewer-shell .epaper-viewer-toast-container .toast-body {
  line-height: 1.45;
}
body.epaper-viewer.epaper-viewer-shell.is-cropping .epaper-viewer-toast-container,
body.is-cropping.epaper-viewer.epaper-viewer-shell .epaper-viewer-toast-container {
  inset-block-end: calc(4.35rem + env(safe-area-inset-bottom));
}
body.epaper-viewer.epaper-viewer-shell .page-nav-btn.btn-primary {
  border-color: #c8242e;
  background: #c8242e;
}
body.epaper-viewer.epaper-viewer-shell .mobile-crop-fab-custom {
  z-index: 1045;
}
.epaper-archive-shell .epaper-archive-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 1.6rem;
  padding: 0 0.7rem;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 1499.98px) {
  body.epaper-viewer.epaper-viewer-shell .viewer-header.epaper-toolbar {
    grid-template-columns: minmax(17.25rem, 21rem) minmax(25rem, 1fr) auto;
    gap: 0.55rem;
    padding-inline: 0.75rem !important;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand {
    flex-basis: 14.6rem;
    max-inline-size: 14.6rem;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__logo.logo-img {
    max-inline-size: 14.6rem !important;
    max-block-size: 3rem !important;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-selector-card:first-child .epaper-selector-card__button {
    min-inline-size: 7.5rem;
    max-inline-size: 8.4rem;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-selector-card--date .epaper-selector-card__field {
    min-inline-size: 7.1rem;
  }

  body.epaper-viewer.epaper-viewer-shell #fullscreen-btn {
    display: none !important;
  }
}
@media (max-width: 1249.98px) {
  body.epaper-viewer.epaper-viewer-shell .viewer-header.epaper-toolbar {
    grid-template-columns: minmax(13.5rem, 15rem) minmax(21rem, 1fr) auto;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand {
    flex-basis: 10.8rem;
    max-inline-size: 10.8rem;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__logo.logo-img {
    max-inline-size: 10.8rem !important;
    max-block-size: 2.45rem !important;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-reader-badge {
    display: none;
  }

  body.epaper-viewer.epaper-viewer-shell #download-edition-btn,
  body.epaper-viewer.epaper-viewer-shell #epaper-search-toggle {
    display: none !important;
  }
}
@media (min-width: 992px) {
  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-lg-none {
    display: none !important;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-none.d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (max-width: 991.98px) {
  body.epaper-viewer.epaper-viewer-shell {
    --epaper-reader-toolbar-height: 3.55rem;
    --epaper-reader-tool-size: 2.15rem;
  }

  body.epaper-viewer.epaper-viewer-shell .viewer-header.epaper-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    padding-inline: 0.6rem !important;
    overflow: hidden;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--brand {
    gap: 0.5rem;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-reader-brand {
    flex-basis: min(11rem, 42vw);
    max-inline-size: min(11rem, 42vw);
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__logo.logo-img {
    max-inline-size: min(11rem, 42vw) !important;
    max-block-size: 2.3rem !important;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--center {
    display: none !important;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions {
    gap: 0.38rem;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions::-webkit-scrollbar {
    display: none;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-mobile-page-chip {
    padding: 0.3rem 0.55rem;
    border-radius: 0.85rem;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-none.d-lg-inline-flex {
    display: none !important;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-toolbar__zone--actions .tool-btn.d-lg-none {
    display: inline-flex !important;
  }
}
@media (max-width: 575.98px) {
  body.epaper-viewer.epaper-viewer-shell .epaper-reader-badge {
    display: none;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-mobile-page-chip__eyebrow {
    display: none;
  }

  body.epaper-viewer.epaper-viewer-shell .epaper-mobile-page-chip {
    min-inline-size: 4.2rem;
  }

  body.epaper-viewer.epaper-viewer-shell .viewer-body-custom .main-content {
    padding-inline: 0.45rem !important;
  }
}
@media print {
  @page {
    size: A4 portrait;
    margin: 12mm;
  }

  body.epaper-viewer.epaper-viewer-shell {
    background: #fff !important;
    color: #000 !important;
  }

  body.epaper-viewer.epaper-viewer-shell .viewer-header,
  body.epaper-viewer.epaper-viewer-shell .epaper-pages-list,
  body.epaper-viewer.epaper-viewer-shell .mobile-menu-btn-fixed,
  body.epaper-viewer.epaper-viewer-shell .epaper-link-layer,
  body.epaper-viewer.epaper-viewer-shell .epaper-crop-overlay,
  body.epaper-viewer.epaper-viewer-shell .epaper-loader,
  body.epaper-viewer.epaper-viewer-shell .modal,
  body.epaper-viewer.epaper-viewer-shell .offcanvas,
  body.epaper-viewer.epaper-viewer-shell #epaper-search-panel,
  body.epaper-viewer.epaper-viewer-shell #epaper-reflow-panel,
  body.epaper-viewer.epaper-viewer-shell .clip-share-actions {
    display: none !important;
  }

  body.epaper-viewer.epaper-viewer-shell .viewer-body-custom,
  body.epaper-viewer.epaper-viewer-shell #main-content {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body.epaper-viewer.epaper-viewer-shell #page-container {
    width: 100% !important;
    max-width: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }

  body.epaper-viewer.epaper-viewer-shell #page-image {
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 32mm);
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }

  body.epaper-viewer.epaper-viewer-shell #page-container::after {
    content: "Page " attr(data-print-page-number);
    display: block;
    margin-top: 6mm;
    text-align: center;
    font: 600 10pt/1.2 Arial, sans-serif;
    color: #111;
  }
}
/* Bundle 20: real header data states. */
.homepage-weather-card__confidence {
  display: block;
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 650;
  line-height: 1.15;
}
.homepage-weather-card[data-weather-source="ip"] .homepage-weather-card__confidence {
  color: #8a6d1d;
}
.homepage-weather-card[data-weather-source="pending"] [data-weather-temperature] {
  color: #475569;
}
.homepage-utility-date {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  white-space: nowrap;
}
.homepage-utility-timezone {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
.homepage-utility-timezone:empty {
  display: none;
}
.homepage-utility-fallback[data-trending-empty="1"],
.homepage-trending-item[data-trending-empty="1"] {
  color: #64748b !important;
  font-style: normal !important;
}
@media (max-width: 991.98px) {
  .homepage-utility-date {
    white-space: normal;
  }
}
.tw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
.tw-pointer-events-none{pointer-events:none}
.tw-static{position:static}
.tw-fixed{position:fixed}
.tw-absolute{position:absolute}
.tw-relative{position:relative}
.tw-sticky{position:sticky}
.tw-inset-0{inset:var(--space-0)}
.tw-inset-x-0{left:var(--space-0);right:var(--space-0)}
.tw-inset-y-0{top:var(--space-0);bottom:var(--space-0)}
.tw-bottom-0{bottom:var(--space-0)}
.tw-bottom-4{bottom:var(--space-4)}
.tw-left-0{left:var(--space-0)}
.tw-left-3{left:var(--space-3)}
.tw-left-4{left:var(--space-4)}
.tw-right-0{right:var(--space-0)}
.tw-right-2{right:var(--space-2)}
.tw-right-4{right:var(--space-4)}
.tw-top-0{top:var(--space-0)}
.tw-top-1\/2{top:50%}
.tw-top-4{top:var(--space-4)}
.tw-z-40{z-index:40}
.tw-z-\[1080\]{z-index:1080}
.tw-z-\[1090\]{z-index:1090}
.tw-z-modal{z-index:var(--z-modal)}
.tw-z-sticky{z-index:var(--z-sticky)}
.tw-z-toast{z-index:var(--z-toast)}
.tw-col-span-3{grid-column:span 3 / span 3}
.tw-m-0{margin:var(--space-0)}
.tw-mx-auto{margin-left:auto;margin-right:auto}
.tw-my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}
.tw-my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}
.tw-mb-1{margin-bottom:var(--space-1)}
.tw-mb-2{margin-bottom:var(--space-2)}
.tw-mb-3{margin-bottom:var(--space-3)}
.tw-mb-4{margin-bottom:var(--space-4)}
.tw-mb-5{margin-bottom:var(--space-5)}
.tw-ml-1{margin-left:var(--space-1)}
.tw-ml-2{margin-left:var(--space-2)}
.tw-ml-3{margin-left:var(--space-3)}
.tw-mt-0\.5{margin-top:0.125rem}
.tw-mt-1{margin-top:var(--space-1)}
.tw-mt-1\.5{margin-top:0.375rem}
.tw-mt-2{margin-top:var(--space-2)}
.tw-mt-3{margin-top:var(--space-3)}
.tw-mt-4{margin-top:var(--space-4)}
.tw-mt-5{margin-top:var(--space-5)}
.tw-mt-6{margin-top:var(--space-6)}
.tw-block{display:block}
.tw-inline-block{display:inline-block}
.tw-inline{display:inline}
.tw-flex{display:flex}
.tw-inline-flex{display:inline-flex}
.tw-grid{display:grid}
.tw-hidden{display:none}
.tw-aspect-video{aspect-ratio:16 / 9}
.tw-h-1{height:var(--space-1)}
.tw-h-1\.5{height:0.375rem}
.tw-h-12{height:var(--space-12)}
.tw-h-2{height:var(--space-2)}
.tw-h-4{height:var(--space-4)}
.tw-h-40{height:10rem}
.tw-h-5{height:var(--space-5)}
.tw-h-6{height:var(--space-6)}
.tw-h-60{height:15rem}
.tw-h-8{height:var(--space-8)}
.tw-h-9{height:2.25rem}
.tw-h-full{height:100%}
.tw-h-px{height:1px}
.tw-max-h-96{max-height:24rem}
.tw-max-h-\[60vh\]{max-height:60vh}
.tw-max-h-\[90vh\]{max-height:90vh}
.tw-max-h-full{max-height:100%}
.tw-min-h-0{min-height:var(--space-0)}
.tw-min-h-10{min-height:var(--space-10)}
.tw-min-h-11{min-height:2.75rem}
.tw-min-h-12{min-height:var(--space-12)}
.tw-min-h-24{min-height:var(--space-24)}
.tw-min-h-28{min-height:7rem}
.tw-min-h-32{min-height:8rem}
.tw-min-h-6{min-height:var(--space-6)}
.tw-min-h-8{min-height:var(--space-8)}
.tw-min-h-9{min-height:2.25rem}
.tw-min-h-\[60vh\]{min-height:60vh}
.tw-min-h-\[80vh\]{min-height:80vh}
.tw-min-h-screen{min-height:100vh}
.tw-w-1\.5{width:0.375rem}
.tw-w-1\/2{width:50%}
.tw-w-10{width:var(--space-10)}
.tw-w-12{width:var(--space-12)}
.tw-w-2{width:var(--space-2)}
.tw-w-3\/4{width:75%}
.tw-w-40{width:10rem}
.tw-w-5{width:var(--space-5)}
.tw-w-6{width:var(--space-6)}
.tw-w-60{width:15rem}
.tw-w-8{width:var(--space-8)}
.tw-w-80{width:20rem}
.tw-w-9{width:2.25rem}
.tw-w-\[12px\]{width:12px}
.tw-w-\[36px\]{width:36px}
.tw-w-\[min\(24rem\,calc\(100vw-2rem\)\)\]{width:min(24rem,calc(100vw - 2rem))}
.tw-w-full{width:100%}
.tw-min-w-0{min-width:var(--space-0)}
.tw-min-w-11{min-width:2.75rem}
.tw-min-w-48{min-width:12rem}
.tw-min-w-6{min-width:var(--space-6)}
.tw-min-w-8{min-width:var(--space-8)}
.tw-max-w-2xl{max-width:42rem}
.tw-max-w-3xl{max-width:48rem}
.tw-max-w-4xl{max-width:56rem}
.tw-max-w-\[44rem\]{max-width:44rem}
.tw-max-w-lg{max-width:32rem}
.tw-max-w-md{max-width:28rem}
.tw-max-w-xl{max-width:36rem}
.tw-flex-1{flex:1 1 0%}
.tw-flex-shrink-0{flex-shrink:0}
.tw-shrink-0{flex-shrink:0}
.tw-border-collapse{border-collapse:collapse}
.-tw-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.tw-translate-x-0{--tw-translate-x:var(--space-0);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes tw-pulse{
50%{opacity:.5}}
.tw-animate-pulse{animation:tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
@keyframes tw-spin{
to{transform:rotate(360deg)}}
.tw-animate-spin{animation:tw-spin 1s linear infinite}
.tw-cursor-pointer{cursor:pointer}
.tw-grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.tw-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.tw-grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.tw-grid-cols-\[6rem_1fr\]{grid-template-columns:6rem 1fr}
.tw-flex-col{flex-direction:column}
.tw-flex-wrap{flex-wrap:wrap}
.tw-flex-nowrap{flex-wrap:nowrap}
.tw-items-start{align-items:flex-start}
.tw-items-end{align-items:flex-end}
.tw-items-center{align-items:center}
.tw-items-baseline{align-items:baseline}
.tw-justify-end{justify-content:flex-end}
.tw-justify-center{justify-content:center}
.tw-justify-between{justify-content:space-between}
.tw-gap-1{gap:var(--space-1)}
.tw-gap-1\.5{gap:0.375rem}
.tw-gap-2{gap:var(--space-2)}
.tw-gap-2\.5{gap:0.625rem}
.tw-gap-3{gap:var(--space-3)}
.tw-gap-4{gap:var(--space-4)}
.tw-gap-5{gap:var(--space-5)}
.tw-gap-x-2{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}
.tw-gap-x-3{-moz-column-gap:var(--space-3);column-gap:var(--space-3)}
.tw-gap-y-0\.5{row-gap:0.125rem}
.tw-gap-y-2{row-gap:var(--space-2)}
.tw-space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-0) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-0) * var(--tw-space-y-reverse))}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-1) * var(--tw-space-y-reverse))}
.tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))}
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-2) * var(--tw-space-y-reverse))}
.tw-space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-3) * var(--tw-space-y-reverse))}
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-4) * var(--tw-space-y-reverse))}
.tw-space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-5) * var(--tw-space-y-reverse))}
.tw-divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(var(--ntcms-border-width-1) * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(var(--ntcms-border-width-1) * var(--tw-divide-y-reverse))}
.tw-divide-border-subtle > :not([hidden]) ~ :not([hidden]){border-color:var(--border-subtle)}
.tw-overflow-auto{overflow:auto}
.tw-overflow-hidden{overflow:hidden}
.tw-overflow-x-auto{overflow-x:auto}
.tw-overflow-y-auto{overflow-y:auto}
.tw-overflow-x-hidden{overflow-x:hidden}
.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-break-words{overflow-wrap:break-word}
.tw-rounded{border-radius:var(--radius-md)}
.tw-rounded-full{border-radius:var(--radius-full)}
.tw-rounded-lg{border-radius:var(--radius-lg)}
.tw-rounded-md{border-radius:var(--radius-md)}
.tw-rounded-none{border-radius:var(--radius-none)}
.tw-rounded-xl{border-radius:var(--radius-lg)}
.tw-border{border-width:var(--ntcms-border-width-1)}
.tw-border-0{border-width:var(--ntcms-border-width-0)}
.tw-border-b{border-bottom-width:var(--ntcms-border-width-1)}
.tw-border-b-2{border-bottom-width:var(--ntcms-border-width-2)}
.tw-border-l-2{border-left-width:var(--ntcms-border-width-2)}
.tw-border-t{border-top-width:var(--ntcms-border-width-1)}
.tw-border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}
.tw-border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}
.tw-border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}
.tw-border-border{border-color:var(--border-subtle)}
.tw-border-border-strong{border-color:var(--border-strong)}
.tw-border-border-subtle{border-color:var(--border-subtle)}
.tw-border-brand{border-color:var(--accent-brand)}
.tw-border-error{border-color:var(--state-error)}
.tw-border-info{border-color:var(--state-info)}
.tw-border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}
.tw-border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175 / var(--tw-border-opacity, 1))}
.tw-border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}
.tw-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}
.tw-border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}
.tw-border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}
.tw-border-success{border-color:var(--state-success)}
.tw-border-transparent{border-color:transparent}
.tw-border-warning{border-color:var(--state-warning)}
.tw-bg-action{background-color:var(--accent-action)}
.tw-bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}
.tw-bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}
.tw-bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}
.tw-bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}
.tw-bg-bg-canvas{background-color:var(--ntcms-color-surface-canvas, var(--bg-primary))}
.tw-bg-bg-elevated{background-color:var(--bg-elevated)}
.tw-bg-bg-overlay{background-color:var(--bg-overlay)}
.tw-bg-bg-primary{background-color:var(--bg-primary)}
.tw-bg-bg-surface{background-color:var(--bg-surface)}
.tw-bg-border-subtle{background-color:var(--border-subtle)}
.tw-bg-brand{background-color:var(--accent-brand)}
.tw-bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}
.tw-bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}
.tw-bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}
.tw-bg-error{background-color:var(--state-error)}
.tw-bg-error-bg{background-color:var(--state-error-bg)}
.tw-bg-info{background-color:var(--state-info)}
.tw-bg-info-bg{background-color:var(--state-info-bg)}
.tw-bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}
.tw-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
.tw-bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}
.tw-bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}
.tw-bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}
.tw-bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}
.tw-bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}
.tw-bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}
.tw-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}
.tw-bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}
.tw-bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}
.tw-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}
.tw-bg-slate-900\/70{background-color:rgb(15 23 42 / 0.7)}
.tw-bg-success{background-color:var(--state-success)}
.tw-bg-success-bg{background-color:var(--state-success-bg)}
.tw-bg-surface{background-color:var(--bg-elevated)}
.tw-bg-text-muted{background-color:var(--text-muted)}
.tw-bg-transparent{background-color:transparent}
.tw-bg-warning{background-color:var(--state-warning)}
.tw-bg-warning-bg{background-color:var(--state-warning-bg)}
.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.tw-object-cover{-o-object-fit:cover;object-fit:cover}
.tw-p-1{padding:var(--space-1)}
.tw-p-12{padding:var(--space-12)}
.tw-p-2{padding:var(--space-2)}
.tw-p-2\.5{padding:0.625rem}
.tw-p-3{padding:var(--space-3)}
.tw-p-4{padding:var(--space-4)}
.tw-p-5{padding:var(--space-5)}
.tw-p-6{padding:var(--space-6)}
.tw-p-8{padding:var(--space-8)}
.tw-px-0{padding-left:var(--space-0);padding-right:var(--space-0)}
.tw-px-1{padding-left:var(--space-1);padding-right:var(--space-1)}
.tw-px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.tw-px-2{padding-left:var(--space-2);padding-right:var(--space-2)}
.tw-px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.tw-px-3{padding-left:var(--space-3);padding-right:var(--space-3)}
.tw-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}
.tw-px-5{padding-left:var(--space-5);padding-right:var(--space-5)}
.tw-py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}
.tw-py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.tw-py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}
.tw-py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.tw-py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}
.tw-py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}
.tw-py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.tw-py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}
.tw-py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}
.tw-py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}
.tw-pb-2{padding-bottom:var(--space-2)}
.tw-pl-10{padding-left:var(--space-10)}
.tw-pl-3{padding-left:var(--space-3)}
.tw-pr-10{padding-right:var(--space-10)}
.tw-pr-3{padding-right:var(--space-3)}
.tw-pt-\[10vh\]{padding-top:10vh}
.tw-text-left{text-align:left}
.tw-text-center{text-align:center}
.tw-text-right{text-align:right}
.tw-font-latin{font-family:var(--font-latin)}
.tw-text-2xl{font-size:var(--ntcms-font-size-2xl);line-height:var(--ntcms-font-line-height-snug)}
.tw-text-3xl{font-size:var(--ntcms-font-size-3xl);line-height:var(--ntcms-font-line-height-tight)}
.tw-text-\[10px\]{font-size:10px}
.tw-text-\[11px\]{font-size:11px}
.tw-text-base{font-size:1rem;line-height:1.5rem}
.tw-text-lg{font-size:var(--ntcms-font-size-lg);line-height:var(--ntcms-font-line-height-body)}
.tw-text-sm{font-size:var(--ntcms-font-size-sm);line-height:var(--ntcms-font-line-height-body)}
.tw-text-xl{font-size:var(--ntcms-font-size-xl);line-height:var(--ntcms-font-line-height-snug)}
.tw-text-xs{font-size:var(--ntcms-font-size-xs);line-height:var(--ntcms-font-line-height-body)}
.tw-font-bold{font-weight:700}
.tw-font-medium{font-weight:500}
.tw-font-semibold{font-weight:600}
.tw-uppercase{text-transform:uppercase}
.tw-italic{font-style:italic}
.tw-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.tw-tracking-wide{letter-spacing:0.025em}
.tw-tracking-wider{letter-spacing:0.05em}
.tw-text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}
.tw-text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}
.tw-text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}
.tw-text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}
.tw-text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}
.tw-text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))}
.tw-text-brand{color:var(--accent-brand)}
.tw-text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}
.tw-text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}
.tw-text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}
.tw-text-error{color:var(--state-error)}
.tw-text-info{color:var(--state-info)}
.tw-text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}
.tw-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.tw-text-red-950{--tw-text-opacity:1;color:rgb(69 10 10 / var(--tw-text-opacity, 1))}
.tw-text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}
.tw-text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}
.tw-text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))}
.tw-text-sky-800{--tw-text-opacity:1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}
.tw-text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.tw-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}
.tw-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
.tw-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.tw-text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
.tw-text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}
.tw-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}
.tw-text-success{color:var(--state-success)}
.tw-text-text-inverse{color:var(--ntcms-color-text-inverse)}
.tw-text-text-muted{color:var(--text-muted)}
.tw-text-text-primary{color:var(--text-primary)}
.tw-text-text-secondary{color:var(--text-secondary)}
.tw-text-warning{color:var(--state-warning)}
.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.tw-underline{text-decoration-line:underline}
.tw-no-underline{text-decoration-line:none}
.tw-underline-offset-4{text-underline-offset:4px}
.tw-placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}
.tw-placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}
.tw-shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.tw-shadow-elevated{--tw-shadow:var(--shadow-elevated);--tw-shadow-colored:var(--shadow-elevated);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.tw-shadow-lg{--tw-shadow:var(--shadow-modal);--tw-shadow-colored:var(--shadow-modal);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.tw-shadow-modal{--tw-shadow:var(--shadow-modal);--tw-shadow-colored:var(--shadow-modal);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.tw-shadow-sm{--tw-shadow:var(--shadow-subtle);--tw-shadow-colored:var(--shadow-subtle);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.tw-shadow-subtle{--tw-shadow:var(--shadow-subtle);--tw-shadow-colored:var(--shadow-subtle);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.tw-ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.tw-ring-slate-200{--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240 / var(--tw-ring-opacity, 1))}
.tw-ring-slate-900\/10{--tw-ring-color:rgb(15 23 42 / 0.1)}
.tw-backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.tw-transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:var(--motion-base)}
.tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:var(--motion-base)}
.tw-duration-normal{transition-duration:var(--motion-base)}
.tw-ease-standard{transition-timing-function:var(--motion-ease-standard, var(--ease-standard))}
.placeholder\:tw-text-text-muted::-moz-placeholder{color:var(--text-muted)}
.placeholder\:tw-text-text-muted::placeholder{color:var(--text-muted)}
.focus-within\:tw-bg-bg-surface:focus-within{background-color:var(--bg-surface)}
.hover\:tw-border-brand:hover{border-color:var(--accent-brand)}
.hover\:tw-bg-action-hover:hover{background-color:var(--accent-action-hover)}
.hover\:tw-bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}
.hover\:tw-bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}
.hover\:tw-bg-bg-elevated:hover{background-color:var(--bg-elevated)}
.hover\:tw-bg-bg-surface:hover{background-color:var(--bg-surface)}
.hover\:tw-bg-brand-hover:hover{background-color:var(--accent-brand-hover)}
.hover\:tw-bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}
.hover\:tw-bg-error:hover{background-color:var(--state-error)}
.hover\:tw-bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}
.hover\:tw-bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}
.hover\:tw-bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}
.hover\:tw-text-brand:hover{color:var(--accent-brand)}
.hover\:tw-text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
.hover\:tw-text-text-primary:hover{color:var(--text-primary)}
.hover\:tw-underline:hover{text-decoration-line:underline}
.hover\:tw-shadow-elevated:hover{--tw-shadow:var(--shadow-elevated);--tw-shadow-colored:var(--shadow-elevated);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:tw-ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus-visible\:tw-border-border-focus:focus-visible{border-color:var(--border-focus)}
.focus-visible\:tw-shadow-focus:focus-visible{--tw-shadow:var(--shadow-focus);--tw-shadow-colored:var(--shadow-focus);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.focus-visible\:tw-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}
.focus-visible\:tw-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus-visible\:tw-ring-slate-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(148 163 184 / var(--tw-ring-opacity, 1))}
.disabled\:tw-cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:tw-bg-bg-surface:disabled{background-color:var(--bg-surface)}
.disabled\:tw-opacity-50:disabled{opacity:0.5}
@media (min-width: 640px){
.sm\:tw-grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.sm\:tw-grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}}
@media (min-width: 768px){
.md\:tw-bottom-auto{bottom:auto}
.md\:tw-left-auto{left:auto}
.md\:tw-right-4{right:var(--space-4)}
.md\:tw-top-4{top:var(--space-4)}
.md\:tw-col-span-2{grid-column:span 2 / span 2}
.md\:tw-col-span-3{grid-column:span 3 / span 3}
.md\:tw-col-span-4{grid-column:span 4 / span 4}
.md\:tw-col-span-5{grid-column:span 5 / span 5}
.md\:tw-col-span-8{grid-column:span 8 / span 8}
.md\:tw-mt-0{margin-top:var(--space-0)}
.md\:tw-block{display:block}
.md\:tw-flex{display:flex}
.md\:tw-hidden{display:none}
.md\:tw-min-w-72{min-width:18rem}
.md\:tw-max-w-md{max-width:28rem}
.md\:tw-max-w-xl{max-width:36rem}
.md\:tw-grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.md\:tw-grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:tw-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.md\:tw-grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.md\:tw-grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.md\:tw-grid-cols-\[var\(--space-20\)_1fr\]{grid-template-columns:var(--space-20) 1fr}
.md\:tw-flex-row{flex-direction:row}
.md\:tw-items-end{align-items:flex-end}
.md\:tw-items-center{align-items:center}
.md\:tw-justify-between{justify-content:space-between}
.md\:tw-gap-4{gap:var(--space-4)}
.md\:tw-text-2xl{font-size:var(--ntcms-font-size-2xl);line-height:var(--ntcms-font-line-height-snug)}
.md\:tw-text-3xl{font-size:var(--ntcms-font-size-3xl);line-height:var(--ntcms-font-line-height-tight)}}
@media (min-width: 1024px){
.lg\:tw-col-span-2{grid-column:span 2 / span 2}
.lg\:tw-block{display:block}
.lg\:tw-grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.lg\:tw-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:tw-grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:tw-grid-cols-\[minmax\(18rem\2c 1fr\)_auto_auto_auto\]{grid-template-columns:minmax(18rem,1fr) auto auto auto}
.lg\:tw-flex-row{flex-direction:row}
.lg\:tw-items-end{align-items:flex-end}
.lg\:tw-items-center{align-items:center}
.lg\:tw-justify-between{justify-content:space-between}}
@media (min-width: 1280px){
.xl\:tw-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.xl\:tw-grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.xl\:tw-grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.xl\:tw-grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}}