:root{color-scheme:dark;--bg:#10191e;--panel:#17242c;--ink:#f1f4f4;--muted:#b3c0c6;--cyan:#91d5db;--gold:#cbb48a;--line:#ffffff25;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.8 "Pretendard","Malgun Gothic",system-ui,sans-serif;word-break:keep-all;overflow-wrap:break-word}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.35;letter-spacing:-.045em}h2{font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:600}h3{font-size:1.3rem;font-weight:600}p+p{margin-top:1.25rem}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(var(--max),90%);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--cyan);color:#10191e;z-index:200;padding:8px 18px}.skip:focus{top:12px}.eyebrow{display:block;color:var(--gold);font-size:.75rem;letter-spacing:.13em;font-weight:600;margin-bottom:18px}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--cyan);font-size:.9375rem;border-bottom:1px solid #91d5db70;padding-bottom:5px;line-height:1.6}.text-link:hover{color:#d0f5f6;border-color:currentColor}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:12px 22px;border:1px solid var(--cyan);background:var(--cyan);color:#10232a;font-size:.9375rem;font-weight:600}.button:hover{background:#b5e6e9}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.rule-line{height:1px;background:var(--line);margin:26px 0}
.header{min-height:88px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 5%;border-bottom:1px solid var(--line);background:#10191ef5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:13px;line-height:1.4;font-size:.875rem;letter-spacing:-.025em}.brand strong{font-size:1.05rem;font-weight:600}.brand-mark{font-family:Georgia,serif;font-size:2.2rem;color:var(--cyan)}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:.875rem;color:var(--muted);padding:9px 0}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]{box-shadow:0 1px var(--cyan)}.menu-button{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);padding:7px 15px}
.home-hero{display:grid;grid-template-columns:43% 57%;min-height:640px;max-width:1800px;margin:auto}.hero-copy{padding:70px max(30px,calc((100vw - 1240px)/2)) 62px 5vw;padding-right:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy h1{font-size:clamp(2.25rem,3.55vw,3.8rem);font-weight:600;line-height:1.3;margin:7px 0 26px;letter-spacing:-.06em}.hero-copy h1 em{font-style:normal;color:var(--cyan)}.hero-tagline{font-size:1.2rem;line-height:1.7;color:var(--ink)}.hero-context{font-size:1rem;color:var(--muted);max-width:450px;margin-top:20px;line-height:1.9}.hero-copy .actions{margin-top:30px;gap:20px}.hero-visual{position:relative;min-height:620px;background:var(--panel)}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:61% center}.hero-visual:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0a131abf);pointer-events:none}.hero-visual figcaption{position:absolute;bottom:28px;left:30px;right:25px;z-index:1;font-size:.875rem;line-height:1.8;color:#edf2f4}.hero-visual figcaption span{display:block;letter-spacing:.15em;font-size:.75rem;color:#c6d7df}
.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:30px 0}.chapter-nav a{display:grid;grid-template-columns:30px 1fr 15px;column-gap:14px;padding:10px 26px;border-right:1px solid var(--line);align-items:center}.chapter-nav a:first-child{padding-left:0}.chapter-nav a:last-child{border-right:0}.chapter-nav a>span{grid-row:1/3;color:var(--gold);font-size:.8125rem;align-self:start;padding-top:5px}.chapter-nav strong{font-size:1.125rem;font-weight:600}.chapter-nav small{grid-column:2;font-size:.875rem;color:var(--muted);margin-top:2px}.chapter-nav b{grid-column:3;grid-row:1/3;color:var(--cyan);font-weight:400}.chapter-nav a:hover strong{color:var(--cyan)}
.section{padding:90px 0}.section+.section{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading>p{max-width:470px;color:var(--muted)}.section-heading .text-link{flex-shrink:0}.editorial-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:95px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.editorial-section.reverse{grid-template-columns:1fr 1.1fr}.editorial-section.reverse .editorial-image{order:2}.editorial-image{min-width:0}.editorial-image>img{width:100%;height:520px;object-fit:cover}.editorial-image figcaption{color:var(--muted);font-size:.75rem;letter-spacing:.02em;margin-top:13px}.editorial-copy h2{margin-bottom:26px}.editorial-copy>p{color:var(--muted)}.editorial-copy>.text-link{margin-top:25px}.observation{padding:25px 28px;border-left:2px solid var(--cyan);background:#162c36;margin:28px 0}.obs-label{display:block;font-size:.8125rem;color:var(--cyan);margin-bottom:12px}.observation h3{font-size:1.2rem;color:var(--ink);margin-bottom:10px}.observation p{font-size:.9375rem;line-height:1.8;color:#c8d5dc}.observation .hidden-clue{color:#aaebef;margin-top:14px;padding-top:14px;border-top:1px solid #9dd5dc30}.nobles-section{background:#e8edef;color:#15232b;margin-top:40px;padding:85px 0}.nobles-section .eyebrow{color:#596d73}.nobles-section .section-heading>p,.nobles-foot>p{color:#4b5f6a}.nobles-section .text-link{color:#225f6a;border-color:#225f6a80}.royal-lines{border-top:1px solid #182e3333;margin-top:38px}.royal-lines a{display:grid;grid-template-columns:110px 160px 1fr 20px;align-items:center;gap:25px;padding:26px 0;border-bottom:1px solid #182e3333}.royal-lines a>span{font-size:.875rem;color:#526872}.royal-lines h3{font-size:1.5rem}.royal-lines p{color:#4b5f6a}.royal-lines b{font-weight:400;color:#347884}.royal-lines a:hover h3{color:#226e7c}.nobles-foot{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:30px}.intro-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.intro-grid p{color:var(--muted)}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.three-cols article{border-top:1px solid var(--line);padding-top:26px}.three-cols h3{margin-bottom:20px;font-size:1.45rem}.three-cols p{color:var(--muted);line-height:1.9}.three-cols .text-link{margin-top:25px}.begin-band{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:50px 0 75px;border-top:1px solid var(--line);margin-top:15px}.begin-band h2{font-size:clamp(1.7rem,2.6vw,2.35rem);margin-bottom:17px}.begin-band p{color:var(--muted)}.begin-band .button{flex-shrink:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.footer-brand{font-size:.875rem;color:var(--ink)}.footer p{margin:0}.footer>a:last-child{white-space:nowrap;color:var(--gold)}
.page-lead{padding:70px 0 58px}.page-lead h1{font-size:clamp(2.2rem,4.1vw,3.65rem);line-height:1.35;font-weight:600;margin-bottom:26px}.page-lead p{font-size:1.0625rem;color:var(--muted);max-width:720px}.wide-image{height:460px;overflow:hidden}.wide-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.district-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.district-nav a{display:flex;gap:17px;align-items:center;padding:23px 25px;border-right:1px solid var(--line);font-size:1rem}.district-nav a:first-child{padding-left:0}.district-nav a:last-child{border-right:0}.district-nav span{font-size:.8125rem;color:var(--gold)}.district-nav b{margin-left:auto;font-weight:400;color:var(--cyan)}.district{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:65px 0;border-bottom:1px solid var(--line)}.district h2{font-size:2.1rem}.district p{color:var(--muted)}.district ul{padding-left:20px;margin:20px 0 24px}.district li{padding:4px 0;color:#d8e1e4}.steps{list-style:none;counter-reset:step;padding:0;margin:30px 0 0}.steps li{counter-increment:step;position:relative;padding:18px 0 18px 35px;border-top:1px solid var(--line)}.steps li:before{content:"0" counter(step);position:absolute;left:0;top:20px;color:var(--gold);font-size:.75rem}.steps strong{display:block;font-size:1rem;font-weight:600}.steps span{font-size:.9375rem;color:var(--muted)}.system-samples{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.system-samples .observation{margin:0}.trade-example{padding:25px 28px;background:#222a2a;border-left:2px solid var(--gold)}.trade-example h3{font-size:1.2rem;margin-bottom:18px}.trade-example .eyebrow{margin-bottom:12px}.trade-example dl{margin:0}.trade-example dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--line);font-size:.9375rem}.trade-example dt{color:var(--muted)}.trade-example dd{margin:0;text-align:right}.rank-row{display:grid;grid-template-columns:repeat(9,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px}.rank-row>div{text-align:center;padding:23px 8px;border-right:1px solid var(--line)}.rank-row>div:last-child{border:0}.rank-row strong{display:block;font-size:1.4rem;font-weight:500;color:var(--gold)}.rank-row span{font-size:.875rem;color:var(--muted)}.economy{font-size:.875rem;color:var(--muted);margin-top:22px}
.people-row{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.person-card{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:0;text-align:left;width:100%;min-width:0}.portrait{aspect-ratio:3/4;background:#d5dfe2;overflow:hidden;position:relative}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 12%;transition:transform .35s}.person-card:hover img{transform:scale(1.025)}.person-card:hover h3{color:var(--cyan)}.person-copy{padding:18px 0 22px}.person-copy small{font-size:.75rem;color:var(--gold)}.person-copy h3{font-size:1.45rem;margin:5px 0 8px}.person-copy p{font-size:.875rem;color:var(--muted);line-height:1.7;min-height:3.4em}.person-link{display:flex;justify-content:space-between;color:var(--cyan);font-size:.875rem;margin-top:15px}.roster{padding-bottom:90px}.roster-toolbar{display:flex;align-items:end;gap:22px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px}.roster-toolbar label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:var(--muted)}.roster-toolbar input,.roster-toolbar select{background:var(--panel);border:1px solid #ffffff38;color:var(--ink);padding:11px 14px;min-height:48px;border-radius:0;font-size:1rem;width:100%}.roster-toolbar select{min-width:180px}.search-label{flex:1;max-width:400px}.roster-toolbar>p{margin:0 0 12px auto;font-size:.875rem;color:var(--muted)}.roster-grid{row-gap:42px}.empty-state{padding:70px 20px;text-align:center}.empty-state .button{margin-top:20px}.person-dialog{width:min(860px,92vw);padding:0;border:1px solid #6d919d;background:var(--panel);color:var(--ink);max-height:90svh;overflow:auto}.person-dialog::backdrop{background:#061016d9;backdrop-filter:blur(8px)}.dialog-grid{display:grid;grid-template-columns:42% 1fr}.dialog-portrait{min-height:510px;position:relative;background:#d5dfe2}.dialog-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 10%}.dialog-copy{padding:60px 38px 40px}.dialog-copy h2{font-size:2.6rem;margin:10px 0 18px}.dialog-copy p{color:var(--muted);line-height:1.9}.dialog-copy .dialog-role{color:var(--ink);font-size:1.1rem}.dialog-close{position:absolute;right:12px;top:12px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:#10191e;color:var(--ink);font-size:1.7rem;line-height:1}.modal-open{overflow:hidden}.image-failed{position:relative}.image-failed:before{pointer-events:none;content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;color:#4a626e;font-weight:300}
.story-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.story-index a{display:flex;align-items:center;gap:18px;font-size:.9375rem;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#142128}.story-index a:hover{background:#1b303b}.story-index a>span{color:var(--gold);font-size:.75rem}.story-index b{font-weight:400;color:var(--cyan);margin-left:auto}.story-list{padding:40px 0 90px}.story-entry{padding:40px 0;border-bottom:1px solid var(--line)}.story-heading{display:flex;align-items:center;gap:28px;margin-bottom:25px}.story-heading .eyebrow{margin-bottom:9px}.story-heading h2{font-size:clamp(1.5rem,2.7vw,2rem);margin-bottom:10px}.story-heading p{font-size:1rem;color:var(--muted)}.story-avatar{height:125px;width:95px;flex-shrink:0;position:relative;overflow:hidden;background:#d5dfe2}.story-avatar img{height:100%;width:100%;object-fit:cover;object-position:center 10%}.story-number{width:95px;flex-shrink:0;font-size:2.5rem;font-weight:300;color:var(--gold)}.story-details{border:1px solid var(--line)}.story-details>summary{cursor:pointer;padding:17px 22px;display:flex;align-items:center;gap:24px;list-style:none;background:#17262e;font-size:.9375rem}.story-details>summary::-webkit-details-marker{display:none}.story-details>summary span{color:var(--muted);font-size:.8125rem}.story-details>summary b{font-size:1.35rem;color:var(--cyan);font-weight:400;margin-left:auto;transition:transform .2s}.story-details[open]>summary b{transform:rotate(45deg)}.story-details[open]>summary{position:sticky;top:var(--story-header-height,88px);z-index:20;border-bottom:1px solid var(--line)}.story-content{max-width:780px;margin:auto;padding:38px 30px 46px}.story-content>p{color:#cdd8dd;margin:24px 0;line-height:2;font-size:1rem}.story-content .story-anchor{font-size:.8125rem;color:var(--gold);padding-bottom:18px;border-bottom:1px solid var(--line)}.story-content>h3{margin:25px 0}.story-art{margin:32px 0}.story-art.image-failed{min-height:88px;background:#17252d}.story-art.image-failed:before{content:"이미지를 불러오지 못했습니다.";color:var(--muted);font-size:.875rem;font-weight:400}.story-content .story-synopsis{padding:20px 0;border-bottom:1px solid var(--line)}.story-art img{width:100%;height:auto;background:#17252d}.character-art{max-width:440px;margin-inline:auto}.story-dialogue{display:flex;gap:15px;border-left:2px solid var(--gold);padding-left:18px}.story-dialogue strong{font-size:.9375rem;color:var(--gold);flex-shrink:0}.story-dialogue span{color:var(--ink)}.story-content .divine-voice{color:#b2eef0;border-left:2px solid var(--cyan);padding:15px 20px;background:#162c36}.story-bullet{padding-left:17px;border-left:1px solid var(--line)}.initial-status{background:#16252c;margin:30px 0;font-size:.875rem}.initial-status>summary{padding:15px;cursor:pointer;color:var(--cyan)}.initial-status dl{padding:0 18px 18px;margin:0}.initial-status dl>div{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:9px 0;border-top:1px solid var(--line)}.initial-status dt{color:var(--muted)}.initial-status dd{margin:0}.relationship-note{border-left:1px solid var(--gold);padding:15px 20px;margin:20px 0;font-size:.875rem;color:var(--muted)}.relationship-note strong{color:var(--gold);font-weight:500}.relationship-note p{margin-top:7px}
@media(min-width:1800px){.hero-copy{padding-left:90px}}@media(max-width:1150px){.nav{gap:19px}.hero-copy{padding-left:5vw;padding-right:30px}.hero-copy h1{font-size:2.7rem}.hero-copy .actions{align-items:flex-start;flex-direction:column;gap:20px}.editorial-section{gap:45px}.intro-grid,.district{gap:45px}.royal-lines a{grid-template-columns:100px 140px 1fr 20px;gap:18px}.hero-visual{min-height:660px}}@media(max-width:980px){.menu-button{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#10191efc;border-bottom:1px solid var(--line);padding:16px 5%;gap:13px 26px;flex-wrap:wrap}.nav.open{display:flex}.header{min-height:78px}.home-hero{grid-template-columns:1fr 1fr}.hero-copy{padding-top:50px;padding-bottom:45px}.hero-copy h1{font-size:2.35rem}.hero-context{font-size:.9375rem}.hero-visual{min-height:610px}.chapter-nav a{padding-inline:15px;column-gap:8px;grid-template-columns:22px 1fr 12px}.chapter-nav small{font-size:.8125rem}.editorial-section{gap:38px}.editorial-image>img{height:480px}.people-row{grid-template-columns:repeat(2,1fr)}.roster-grid{grid-template-columns:repeat(3,1fr)}.story-index{grid-template-columns:repeat(2,1fr)}.section-heading{gap:30px}.royal-lines a{grid-template-columns:90px 125px 1fr 16px;gap:14px}.royal-lines p{font-size:.9375rem}.three-cols{gap:26px}.footer{flex-wrap:wrap}}
@media(max-width:740px){.header{padding:12px 5%;min-height:75px}.brand{font-size:.8125rem}.brand strong{font-size:1rem}.home-hero{grid-template-columns:1fr}.hero-copy{padding:42px 5% 40px}.hero-copy h1{font-size:clamp(2.2rem,7vw,3.2rem)}.hero-tagline{font-size:1.125rem}.hero-context{max-width:560px;font-size:1rem}.hero-copy .actions{flex-direction:row;align-items:center;gap:20px}.hero-visual{min-height:320px;aspect-ratio:16/10}.hero-visual>img{object-position:center}.hero-visual figcaption{bottom:20px;left:5%;font-size:.8125rem}.chapter-nav{padding:13px 0;grid-template-columns:1fr}.chapter-nav a{grid-template-columns:25px 100px 1fr 14px;padding:13px 0;border-right:0;border-bottom:1px solid var(--line);gap:13px}.chapter-nav a:last-child{border-bottom:0}.chapter-nav a>span{grid-row:1;align-self:center;padding:0}.chapter-nav small{grid-column:3;margin:0}.chapter-nav b{grid-column:4;grid-row:1}.editorial-section,.editorial-section.reverse{grid-template-columns:1fr;gap:32px;padding:58px 0}.editorial-section.reverse .editorial-image{order:0}.editorial-image>img{height:auto;aspect-ratio:3/2;object-fit:cover}.editorial-copy h2{margin-bottom:22px}.section{padding:58px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.section-heading>p{max-width:100%}.nobles-section{padding:55px 0;margin-top:20px}.royal-lines a{grid-template-columns:1fr 20px;gap:7px;padding:22px 0}.royal-lines a>span{grid-column:1;font-size:.8125rem}.royal-lines h3{grid-column:1;font-size:1.45rem}.royal-lines p{grid-column:1}.royal-lines b{grid-column:2;grid-row:2}.nobles-foot{align-items:start;flex-direction:column;gap:22px}.intro-grid,.district{grid-template-columns:1fr;gap:25px}.three-cols{grid-template-columns:1fr;gap:30px}.three-cols article{padding-top:22px}.begin-band{flex-direction:column;align-items:flex-start;padding:40px 0 55px;gap:26px}.page-lead{padding:44px 0 38px}.page-lead h1{font-size:2.35rem}.page-lead p{font-size:1rem}.wide-image{height:290px}.district-nav{grid-template-columns:repeat(2,1fr)}.district-nav a{padding:17px 12px;border-bottom:1px solid var(--line)}.district-nav a:first-child{padding-left:12px}.district{padding:40px 0}.district h2{font-size:1.8rem}.system-samples{grid-template-columns:1fr;gap:22px;margin-top:30px}.rank-row{grid-template-columns:repeat(3,1fr)}.rank-row>div{border-bottom:1px solid var(--line)}.rank-row>div:nth-child(3n){border-right:0}.rank-row>div:nth-last-child(-n+3){border-bottom:0}.roster-grid{grid-template-columns:repeat(2,1fr)}.roster-toolbar{flex-wrap:wrap;gap:15px;align-items:stretch}.roster-toolbar select{min-width:150px}.search-label{min-width:150px}.roster-toolbar>p{margin:0;flex-basis:100%}.person-copy p{min-height:0}.dialog-grid{grid-template-columns:1fr}.dialog-portrait{min-height:0;height:340px}.dialog-portrait img{object-position:center 12%}.dialog-copy{padding:30px 25px}.dialog-copy h2{font-size:2rem}.story-index{grid-template-columns:1fr}.story-heading{gap:20px}.story-avatar{width:74px;height:100px}.story-number{width:74px;font-size:2rem}.story-heading h2{font-size:1.5rem}.story-heading p{font-size:.9375rem}.story-entry{padding:32px 0}.story-details>summary{padding:15px;flex-wrap:wrap;gap:10px 15px}.story-details>summary span{order:3;width:100%}.story-details>summary b{order:2}.story-content{padding:25px 18px}.story-dialogue{display:block}.story-dialogue strong{display:block;margin-bottom:8px}.observation{padding:22px}.initial-status dl>div{grid-template-columns:80px 1fr}.footer{align-items:flex-start;gap:15px;padding:25px 0}.footer p{order:3;flex-basis:100%;font-size:.75rem}.footer>a:last-child{margin-left:auto}.footer-brand{font-size:.8125rem}}
@media(max-width:420px){.hero-copy .actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-visual{min-height:270px}.chapter-nav a{grid-template-columns:20px 88px 1fr 12px;gap:9px}.chapter-nav strong{font-size:1rem}.chapter-nav small{font-size:.8125rem}.people-row{gap:20px 15px}.person-copy h3{font-size:1.3rem}.person-copy p{font-size:.875rem}.story-heading{align-items:start;gap:15px}.story-avatar,.story-number{width:62px}.story-avatar{height:85px}.story-content>p{font-size:1rem}.page-lead h1{font-size:2.1rem}.brand-mark{font-size:1.9rem}.button{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}