@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-latin-400-normal-7d93459d.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-latin-500-normal-cd36de20.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-latin-600-normal-f4e80d9d.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-latin-700-normal-9338e65f.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bitter Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/bitter-latin-wght-normal-0efe0fbe.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#16131B; --ink2:#3C3844; --mute:#6A6572; --faint:#7C7784;
  --paper:#FFFFFF; --ground:#FBF8F4; --band:#F2ECE5; --panel:#FFFFFF;
  --rule:#EAE3DB; --rule-strong:#16131B;
  --accent:#F2336F; --accent2:#FF8F3A; --teal:#12B5B0; --green:#16A865; --green-deep:#0B7A47; --accent-deep:#B8104A; --wash:#FFEAF1; --sun:#FFF1E4;
  --grad:linear-gradient(135deg,#F2336F 0%,#FF8F3A 100%);
  --shadow:0 1px 2px rgba(22,19,27,.05),0 6px 22px rgba(22,19,27,.07);
  --shadow-up:0 2px 4px rgba(22,19,27,.06),0 16px 34px rgba(22,19,27,.12);
  --sans:"Poppins","Helvetica Neue",Arial,sans-serif;
  --serif:"Bitter Variable","Bitter",Georgia,serif;
  --frame:76rem; --pad:1.5rem; --measure:44rem;
  --banner:url(/decor/banner-home-5ccac47d.webp);
  --reel-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 236' preserveAspectRatio='none'><rect x='0' y='26' width='112' height='199' rx='16' fill='black'/><rect x='124' y='0' width='112' height='199' rx='16' fill='black'/><rect x='248' y='37' width='112' height='199' rx='16' fill='black'/></svg>");
  --reel-chrome:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 236' preserveAspectRatio='none'><defs><linearGradient id='s' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='black' stop-opacity='.28'/><stop offset='.22' stop-color='black' stop-opacity='0'/><stop offset='.62' stop-color='black' stop-opacity='0'/><stop offset='1' stop-color='black' stop-opacity='.42'/></linearGradient></defs><g><rect x='0' y='26' width='112' height='199' rx='16' fill='url(%23s)'/><rect x='124' y='0' width='112' height='199' rx='16' fill='url(%23s)'/><rect x='248' y='37' width='112' height='199' rx='16' fill='url(%23s)'/></g><g fill='none' stroke='%2316131B' stroke-width='3'><rect x='1.5' y='27.5' width='109' height='196' rx='15'/><rect x='125.5' y='1.5' width='109' height='196' rx='15'/><rect x='249.5' y='38.5' width='109' height='196' rx='15'/></g><g fill='white'><rect x='10' y='36' width='28' height='2.6' rx='1.3'/><rect x='42' y='36' width='28' height='2.6' rx='1.3' fill-opacity='.45'/><rect x='74' y='36' width='28' height='2.6' rx='1.3' fill-opacity='.45'/><rect x='134' y='10' width='28' height='2.6' rx='1.3'/><rect x='166' y='10' width='28' height='2.6' rx='1.3'/><rect x='198' y='10' width='28' height='2.6' rx='1.3' fill-opacity='.45'/><rect x='258' y='47' width='28' height='2.6' rx='1.3'/><rect x='290' y='47' width='28' height='2.6' rx='1.3' fill-opacity='.45'/><rect x='322' y='47' width='28' height='2.6' rx='1.3' fill-opacity='.45'/><path d='M97 175c-3-3-7-1-7 2 0 4 7 8 7 8s7-4 7-8c0-3-4-5-7-2z'/><circle cx='97' cy='196' r='4.5' fill-opacity='.85'/><circle cx='97' cy='211' r='2.2' fill-opacity='.7'/><path d='M221 149c-3-3-7-1-7 2 0 4 7 8 7 8s7-4 7-8c0-3-4-5-7-2z'/><circle cx='221' cy='170' r='4.5' fill-opacity='.85'/><circle cx='221' cy='185' r='2.2' fill-opacity='.7'/><path d='M345 186c-3-3-7-1-7 2 0 4 7 8 7 8s7-4 7-8c0-3-4-5-7-2z'/><circle cx='345' cy='207' r='4.5' fill-opacity='.85'/><circle cx='345' cy='222' r='2.2' fill-opacity='.7'/><path d='M174 90l16 10-16 10z' fill-opacity='.9'/></g></svg>");
}

body:has(.crumbs a[href="/short-video-apps/"]),body:has(.mh-nav a[aria-current][href="/short-video-apps/"]){--banner:url(/decor/banner-apps-c926c112.webp)}
body:has(.crumbs a[href="/ai-editing-features/"]),body:has(.mh-nav a[aria-current][href="/ai-editing-features/"]){--banner:url(/decor/banner-features-a4d9c412.webp)}
body:has(.crumbs a[href="/exports-without-a-watermark/"]),body:has(.mh-nav a[aria-current][href="/exports-without-a-watermark/"]){--banner:url(/decor/banner-watermarks-f7b4259a.webp)}
body:has(.crumbs a[href="/app-pairs/"]),body:has(.mh-nav a[aria-current][href="/app-pairs/"]){--banner:url(/decor/banner-pairs-191182ce.webp)}
body:has(.crumbs a[href="/editing-questions/"]),body:has(.mh-nav a[aria-current][href="/editing-questions/"]){--banner:url(/decor/banner-questions-c1d012d1.webp)}
body:has(.crumbs a[href="/editing-terms/"]),body:has(.mh-nav a[aria-current][href="/editing-terms/"]){--banner:url(/decor/banner-terms-e62a45f6.webp)}
body:has(.crumbs a[href="/posting-notes/"]),body:has(.mh-nav a[aria-current][href="/posting-notes/"]){--banner:url(/decor/banner-notes-9927da68.webp)}
body:has(.crumbs a[href="/how-apps-were-read/"]),body:has(.mh-nav a[aria-current][href="/how-apps-were-read/"]){--banner:url(/decor/banner-method-e06992ed.webp)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;overflow-x:clip;color:var(--ink);font:400 16.5px/1.72 var(--sans);font-variant-numeric:tabular-nums;
  background:radial-gradient(52rem 26rem at 88% -4rem,rgba(255,143,58,.2),transparent 70%),
             radial-gradient(40rem 24rem at 62% -6rem,rgba(242,51,111,.13),transparent 70%),
             radial-gradient(30rem 22rem at 4% 30rem,rgba(18,181,176,.07),transparent 70%),var(--ground) no-repeat}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{text-decoration:underline;text-decoration-color:rgba(242,51,111,.45);text-decoration-thickness:1.5px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--accent-deep);text-decoration-color:var(--accent)}
::selection{background:var(--accent);color:#FFFFFF}

.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:.5rem .8rem;z-index:50}
.skip:focus{left:.5rem}

.masthead{position:sticky;top:0;z-index:20;background:rgba(251,248,244,.86);backdrop-filter:saturate(1.5) blur(12px);
  -webkit-backdrop-filter:saturate(1.5) blur(12px);border-bottom:1px solid rgba(234,227,219,.8)}
.masthead::after{content:"";display:block;height:3px;background:var(--grad)}
.mh{max-width:var(--frame);margin:0 auto;padding:.8rem var(--pad);display:flex;align-items:center;gap:.6rem 1.8rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;font:700 1.22rem/1 var(--sans);letter-spacing:-.025em}
.mark{display:inline-flex;width:2.2rem;height:2.2rem;border-radius:.72rem;background:var(--grad);color:#fff;align-items:center;justify-content:center;
  box-shadow:0 6px 14px -6px rgba(242,51,111,.7);transform:rotate(-4deg);transition:transform .25s}
.brand:hover .mark{transform:rotate(4deg) scale(1.05)}
.mark svg{width:1.45rem;height:1.45rem}
.mh-tag{margin:0;font:400 .78rem/1.3 var(--sans);color:var(--mute);flex:1 1 14rem}
@media (max-width:75rem){.mh-tag{display:none}.mh{justify-content:space-between}.mh-nav a{padding:.5rem .62rem}}
.mh-nav{display:flex;flex-wrap:wrap;gap:.2rem;font:500 .84rem/1 var(--sans);margin-left:auto}
.mh-nav a{padding:.52rem .8rem;border-radius:999px;color:var(--ink2);transition:background .2s,color .2s}
.mh-nav a:hover{background:var(--band);color:var(--ink)}
.mh-nav a[aria-current=page]{background:var(--ink);color:#fff;box-shadow:0 6px 14px -8px rgba(22,19,27,.7)}

.sheet{max-width:var(--frame);margin:0 auto;padding:1.6rem var(--pad) 4rem;display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:3.2rem}
.column{min-width:0;order:1}
.rail{order:2;position:sticky;top:5.5rem;align-self:start;margin-top:4.2rem;font:400 .84rem/1.5 var(--sans);color:var(--ink2)}
.rl,.rl-figs{display:none}
.rl-h{display:flex;align-items:center;gap:.5rem;font:600 .7rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 .8rem}
.rl-h::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--grad)}
.secnav ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--rule)}
.secnav li{margin:0}
.secnav a{display:block;padding:.34rem 0 .34rem .9rem;margin-left:-2px;border-left:2px solid transparent;color:var(--ink2);text-decoration:none;transition:border-color .2s,color .2s,padding .2s}
.secnav a i{display:none}
.secnav a:hover{border-left-color:var(--accent);color:var(--ink);padding-left:1.1rem}
.sheet:has(.hero){grid-template-columns:minmax(0,1fr)}
.sheet:has(.hero) .rail{display:none}
.sheet:has(.hero) .crumbs{display:none}

.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;font:500 .76rem/1 var(--sans);color:var(--mute);margin:.3rem 0 1.5rem}
.crumbs a{display:inline-block;padding:.36rem .7rem;border-radius:999px;background:var(--paper);box-shadow:var(--shadow);color:var(--ink2);text-decoration:none;transition:color .2s,box-shadow .2s}
.crumbs a:hover{color:var(--accent-deep);box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow)}

main#doc:not(:has(.hero)){display:grid;grid-template-columns:minmax(0,1fr) 24rem;column-gap:2.4rem;align-content:start}
main#doc:not(:has(.hero))>*{grid-column:1/-1;min-width:0}
main#doc:not(:has(.hero))>h1{grid-column:1;grid-row:1;align-self:end}
main#doc:not(:has(.hero))>h1+*{grid-column:1;grid-row:2}
main#doc:not(:has(.hero))::before,main#doc:not(:has(.hero))::after{content:"";grid-column:2;grid-row:1/span 2;align-self:center;display:block;width:100%;aspect-ratio:360/236;margin:0 0 1.6rem}
main#doc:not(:has(.hero))::before{background:var(--banner) center/cover no-repeat,var(--band);
  -webkit-mask:var(--reel-mask) 0 0/100% 100% no-repeat;mask:var(--reel-mask) 0 0/100% 100% no-repeat;
  animation:reels .9s cubic-bezier(.2,.8,.2,1) both}
main#doc:not(:has(.hero))::after{z-index:1;background:var(--reel-chrome) 0 0/100% 100% no-repeat;animation:reels .9s .12s cubic-bezier(.2,.8,.2,1) both}
main#doc>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
main#doc>:nth-child(1){animation-delay:.04s} main#doc>:nth-child(2){animation-delay:.12s} main#doc>:nth-child(3){animation-delay:.2s}
main#doc>:nth-child(n+4){animation-delay:.28s}

main#doc>p,main#doc>ul:not(.appgrid):not(.tiles):not(.entries):not(.facts),main#doc>ol,main#doc>blockquote,main#doc>.clause{max-width:var(--measure)}
h1{font:700 clamp(2.05rem,3.6vw,3.05rem)/1.07 var(--sans);letter-spacing:-.04em;margin:0 0 1.1rem;max-width:22ch;text-wrap:balance}
h2{display:flex;align-items:center;gap:.75rem;font:700 1.5rem/1.2 var(--sans);letter-spacing:-.025em;margin:3.4rem 0 1rem}
h2 .secno{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.7rem;background:var(--grad);
  color:#FFFFFF;font:700 .9rem/1 var(--sans);letter-spacing:0;text-decoration:none;box-shadow:0 6px 14px -6px rgba(242,51,111,.65);transform:rotate(-4deg)}
h2:nth-of-type(3n+2) .secno{background:var(--ink);box-shadow:0 6px 14px -6px rgba(22,19,27,.6);transform:rotate(3deg)}
h2:nth-of-type(3n) .secno{background:linear-gradient(135deg,#12B5B0,#4FD1A5);box-shadow:0 6px 14px -6px rgba(18,181,176,.6);transform:rotate(-2deg)}
h3{font:600 1.08rem/1.35 var(--sans);margin:2rem 0 .6rem}
p{margin:0 0 1.05rem}
ul,ol{margin:0 0 1.1rem;padding-left:1.25rem}
li{margin:.3rem 0}
main#doc>ul:not([class]){list-style:none;padding-left:0}
main#doc>ul:not([class])>li{position:relative;padding-left:1.3rem}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:.1rem;top:.62em;width:.5rem;height:.5rem;border-radius:50%;background:var(--grad)}

.answer{font:400 1.18rem/1.62 var(--sans);color:var(--ink2);margin:0 0 1.8rem;max-width:var(--measure)}
.asof{display:inline-block;margin-left:.4rem;padding:.12rem .55rem;border-radius:999px;background:var(--sun);font-size:.72rem;color:var(--accent-deep);vertical-align:middle;white-space:nowrap}
.answer .asof{display:block;width:max-content;margin:.7rem 0 0}

.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,1fr);gap:2.6rem;align-items:center;padding:1.2rem 0 1.6rem}
.hero h1{font-size:clamp(2.4rem,5vw,3.9rem);max-width:13ch;letter-spacing:-.045em}
.hero-art{position:relative;aspect-ratio:360/236}
.hero-art svg{display:none}
.hero-art::before,.hero-art::after{content:"";position:absolute;inset:0}
.hero-art::before{background:var(--banner) center/cover no-repeat,var(--band);
  -webkit-mask:var(--reel-mask) 0 0/100% 100% no-repeat;mask:var(--reel-mask) 0 0/100% 100% no-repeat;animation:reels 1s cubic-bezier(.2,.8,.2,1) both}
.hero-art::after{z-index:1;background:var(--reel-chrome) 0 0/100% 100% no-repeat;animation:reels 1s .15s cubic-bezier(.2,.8,.2,1) both}
.cta{display:flex;flex-wrap:wrap;gap:.6rem;margin:.4rem 0 0}
.btn{display:inline-block;padding:.85rem 1.3rem;border-radius:999px;background:var(--grad);color:#fff !important;
     font:600 .92rem/1 var(--sans);text-decoration:none !important;box-shadow:0 10px 22px -10px rgba(242,51,111,.8);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(242,51,111,.9)}
.btn.ghost{background:var(--paper);color:var(--ink) !important;box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff !important;box-shadow:none}
ul.appgrid{list-style:none;padding:0;margin:1.4rem 0 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem}
ul.appgrid li{margin:0}
ul.appgrid a{position:relative;display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1.15rem 1.15rem 1.2rem;background:var(--paper);
  border-radius:20px;box-shadow:var(--shadow);text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
ul.appgrid a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
ul.appgrid a:hover{transform:translateY(-4px);box-shadow:var(--shadow-up)}
ul.appgrid a:hover::after{transform:none}
.appgrid .mono{width:2.8rem;height:2.8rem;border-radius:.9rem;background:var(--grad);color:#fff;display:flex;align-items:center;
  justify-content:center;font:700 1rem/1 var(--sans);letter-spacing:-.02em;margin-bottom:.35rem}
.appgrid li:nth-child(3n+2) .mono{background:var(--ink)}
.appgrid li:nth-child(3n) .mono{background:#FFE1D0;color:var(--accent-deep)}
.appgrid .nm{font:700 1.08rem/1.25 var(--sans);color:var(--ink)}
.appgrid .kd{font-size:.8rem;color:var(--mute)}
.appgrid .kd::first-letter{text-transform:uppercase}
.chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.55rem}
.chips i{font-style:normal;font-size:.72rem;line-height:1.3;padding:.28rem .55rem;border-radius:999px;background:var(--band);color:var(--ink2)}
ul.tiles{list-style:none;padding:0;margin:1.2rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.8rem}
ul.tiles li{margin:0}
ul.tiles a{display:grid;grid-template-columns:2.5rem 1fr;grid-template-rows:auto auto;column-gap:.8rem;align-items:center;
  padding:1rem 1.1rem;background:var(--paper);border-radius:18px;box-shadow:var(--shadow);text-decoration:none;transition:transform .2s,box-shadow .2s}
ul.tiles a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-up)}
ul.tiles svg{grid-row:1/3;width:2.5rem;height:2.5rem;padding:.48rem;border-radius:.85rem;background:var(--wash);color:var(--accent-deep)}
ul.tiles li:nth-child(3n+2) svg{background:var(--sun);color:#B4520E}
ul.tiles li:nth-child(3n) svg{background:#DDF5F3;color:#0B7F7B}
ul.tiles .nm{font:600 .95rem/1.25 var(--sans)}
ul.tiles .kd{font-size:.76rem;color:var(--mute)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem;margin:1.4rem 0}
.sb-row{position:relative;padding:.8rem .95rem .8rem;background:var(--paper);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.sb-row::before{content:"";position:absolute;left:.95rem;right:.95rem;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--grad);opacity:.85}
.statusbox dt{font:600 .66rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep)}
.statusbox dd{margin:.32rem 0 0;font:400 .92rem/1.42 var(--sans);color:var(--ink2)}
ul.facts{list-style:none;padding:0;margin:1rem 0 1.8rem;max-width:var(--measure)}
li.fact{position:relative;display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.2rem 1.1rem;padding:.95rem 1.1rem;margin:0 0 .55rem;
  background:var(--paper);border-radius:16px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}
li.fact:hover{box-shadow:var(--shadow-up);transform:translateX(2px)}
li.fact .tag{align-self:start;justify-self:start;padding:.22rem .55rem;border-radius:999px;background:var(--wash);font-size:.64rem;line-height:1.45;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep)}
li.fact .fv{display:flex;flex-direction:column;gap:.15rem;min-width:0}
li.fact .val{font-weight:600;font-size:.98rem;line-height:1.45}
li.fact .note{font-size:.86rem;color:var(--ink2)}
li.fact .meta{font-size:.72rem;color:#787380}
li.fact .meta .sep{margin:0 .3rem;color:var(--rule)}

blockquote{position:relative;margin:1.4rem 0 1.5rem;padding:1.1rem 1.3rem 1rem 3.3rem;background:var(--paper);border-radius:18px;box-shadow:var(--shadow);
  font:italic 400 1.05rem/1.6 var(--serif);color:var(--ink)}
blockquote::before{content:"\201C";position:absolute;left:1rem;top:.35rem;font:700 3.2rem/1 var(--serif);font-style:normal;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
blockquote p{margin:0 0 .4rem}
blockquote cite{font:normal 500 .74rem/1.3 var(--sans);color:var(--mute)}

.tablewrap{overflow-x:auto;margin:1.3rem 0 .6rem;border-radius:18px;box-shadow:var(--shadow)}
.tablewrap:has(th:nth-child(6)) td{min-width:12rem}
.tablewrap:has(th:nth-child(6)) :is(td,th):first-child{position:sticky;left:0;z-index:1;background:var(--paper);box-shadow:inset -1px 0 0 var(--rule)}
.tablewrap:has(th:nth-child(6)) th:first-child{background:#FFE9EF}
table{width:100%;border-collapse:collapse;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:1rem 1.1rem .6rem;font:600 .84rem/1.4 var(--sans);color:var(--ink)}
thead th{text-align:left;font:600 .68rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);
  padding:.7rem 1.1rem;background:linear-gradient(90deg,var(--wash),var(--sun));border-bottom:0}
tbody td{padding:.66rem 1.1rem;border-bottom:1px solid var(--band);vertical-align:top}
tbody td:first-child{font-weight:600}
tbody tr:hover{background:#FFF7F2}
tbody tr:last-child td{border-bottom:0}
tr.is-current{background:var(--wash)}
tr.is-current td{font-weight:700}
tr.is-current td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.rule{font-size:.78rem;color:var(--mute);margin:.5rem 0 1.6rem;max-width:var(--measure)}
.rule b{font-weight:600;color:var(--ink2)}
.clause{font-size:.9rem;color:var(--ink2)}

main ul.entries{list-style:none;padding:0;margin:1.1rem 0 1.9rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem}
ul.entries li{position:relative;margin:0;padding:1rem 1.05rem 1rem;background:var(--paper);border-radius:16px;box-shadow:var(--shadow);font-size:.84rem;color:var(--mute);transition:transform .2s,box-shadow .2s}
ul.entries a{display:block;font:600 .98rem/1.3 var(--sans);color:var(--ink);margin-bottom:.25rem;text-decoration:none}
ul.entries a::after{content:"\2197";float:right;margin-left:.4rem;font-weight:600;color:var(--accent);opacity:.35;transition:opacity .2s,transform .2s}
ul.entries li:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-up)}
ul.entries li:hover a::after{opacity:1;transform:translate(2px,-2px)}

.stamp{font-size:.74rem;color:var(--faint)}
main a[href^="http"]{color:var(--accent-deep)}
li.fact .meta a[href^="http"]{color:var(--mute)}

.chart{margin:1.6rem 0 1rem;padding:1.25rem 1.35rem 1.05rem;border-radius:20px;box-shadow:var(--shadow)}
.chart,.fig{width:fit-content;max-width:100%;min-width:min(100%,24rem)}
.fig:has(img){width:auto}
.chart,.fig-dia{overflow-x:auto;overscroll-behavior-x:contain}
.chart svg,.fig-dia svg{display:block;max-width:100%;overflow:visible;margin:0 auto;height:auto;min-width:calc(attr(width px,0px) * var(--floor,.6))}
.ch-matrix:not(.ch-hl) svg[width^="1"]{max-width:none}
.chart figcaption,.fig figcaption{contain:inline-size;position:sticky;left:0}

.chart,.fig-dia,.tablewrap{
  background:linear-gradient(90deg,var(--paper) 2rem,rgba(255,255,255,0) 2.8rem) 0 0/2.8rem 100% no-repeat local,
             linear-gradient(270deg,var(--paper) 2rem,rgba(255,255,255,0) 2.8rem) 100% 0/2.8rem 100% no-repeat local,
             url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23F2336F'/><stop offset='1' stop-color='%23FF8F3A'/></linearGradient></defs><circle cx='12' cy='12' r='11' fill='url(%23g)'/><path d='M7 12h9m-3.5-4 4 4-4 4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") calc(100% - .55rem) var(--cue-y,.55rem)/var(--cue-s,1.4rem) var(--cue-s,1.4rem) no-repeat scroll,
             radial-gradient(farthest-side at 100% 50%,rgba(22,19,27,.16),rgba(22,19,27,0)) 100% 0/1rem 100% no-repeat scroll,
             radial-gradient(farthest-side at 0 50%,rgba(22,19,27,.16),rgba(22,19,27,0)) 0 0/1rem 100% no-repeat scroll,
             var(--paper)}
.ch-matrix svg{max-width:min(100%,46rem)}
.ch-bars svg{max-width:min(100%,52rem)}
.ch-timeline svg{max-width:min(100%,56rem)}
.chart figcaption,.fig figcaption{max-width:var(--measure);margin-top:.7rem;font:400 .78rem/1.5 var(--sans);color:var(--mute)}
.fign{float:left;margin:.05rem .5rem 0 0;padding:.08rem .5rem;border-radius:999px;background:var(--grad);font:600 .64rem/1.5 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:#FFFFFF}
.ch-title{font:600 .72rem/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;fill:var(--ink)}
.ch-lab{font:500 .84rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-lab2{font:500 .84rem/1 var(--sans);fill:var(--ink2)}
.ch-col{font:600 .66rem/1 var(--sans);letter-spacing:.02em;text-transform:uppercase;fill:var(--ink2);text-anchor:middle}
.ch-val{font:600 .76rem/1 var(--sans);fill:var(--ink);dominant-baseline:middle}
.ch-na{font:400 .72rem/1 var(--sans);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--accent);rx:6px}
.ch-val-in{text-anchor:end;fill:#FFFFFF}
.ch-hl .ch-bar{opacity:.25}
.ch-hl .ch-hi{opacity:1;fill:var(--accent)}
.ch-lab-hi{font-weight:700;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.ch-keyt{font:600 .72rem/1 var(--sans);fill:var(--ink2)}
.ch-gap{fill:none;stroke:var(--rule);stroke-dasharray:4 3}
.ch-cell{fill:var(--band);stroke:none}
.ch-cell.ch-cur{fill:var(--wash);stroke:var(--accent);stroke-width:1.2}
.ch-mark{stroke:var(--green-deep);stroke-width:1.4}
.ch-mark.ch-m-yes{fill:var(--green);stroke:var(--green-deep)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--green)}
.ch-axis,.ch-drop{stroke:var(--rule)}
.ch-dot{fill:var(--green)}
.ch-date{font:400 .72rem/1 var(--sans);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--accent)}

.fig{margin:1.6rem 0 1.1rem;padding:1.25rem 1.35rem;border-radius:20px;box-shadow:var(--shadow)}
.fig:not(.fig-dia){background:var(--paper)}
.fig img{display:block;width:100%;height:auto;background:var(--band);border-radius:12px}
.fig .credit{display:block;margin-top:.3rem;font:400 .7rem/1.4 var(--sans);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.5rem}
.fig-dia{overflow-x:auto}
.dg-band{fill:var(--wash)}
.dg-head{font:600 11.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;fill:var(--accent-deep)}
.dg-box{fill:var(--wash);stroke:none;rx:14px}
rect.dg-box[height="62"]+text.dg-head{transform:translateY(12px)}
.dg-store{font:500 13px/1 var(--sans);fill:var(--ink)}
.dg-arrow{stroke:var(--accent);stroke-width:1.6;fill:none}
.dg-head-tip{fill:var(--accent)}
.dg-travels{font:500 11.5px/1 var(--sans);fill:var(--mute)}
path.dg-head-tip+text.dg-travels{transform:translateY(-3px)}
.dg-bar{fill:var(--ink)}
.dg-bartext{font:600 12px/1 var(--sans);fill:#FFFFFF}
.dg-rule{stroke:var(--rule);stroke-width:1}
.dg-footlab{font:600 9px/1 var(--sans);fill:var(--mute);letter-spacing:.05em;text-transform:uppercase}
.dg-after{font:400 12.5px/1 var(--sans);fill:var(--ink2)}

.site-foot{position:relative;background:var(--ink);color:#E9E5EE;margin-top:3rem;overflow:hidden}
.site-foot::before{content:"";display:block;height:4px;background:var(--grad)}
.site-foot::after{content:"";position:absolute;right:-8rem;top:-10rem;width:30rem;height:30rem;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(242,51,111,.22),rgba(255,143,58,.08) 60%,transparent)}
.sf{position:relative;z-index:1;max-width:var(--frame);margin:0 auto;padding:3rem var(--pad) 1.6rem;display:grid;grid-template-columns:16rem minmax(0,1fr);gap:2.8rem}
.sf-id{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.6rem;align-self:start}
.sf-id .sf-note{grid-column:1/-1;margin-top:.9rem}
.sf-id .mark{width:1.9rem;height:1.9rem}
.sf-id .mark svg{width:1.3rem;height:1.3rem}
.sf-name{font:700 1.12rem/1 var(--sans);color:#FFFFFF}
.sf-note{font-size:.85rem;line-height:1.6;color:#BDB6C6;margin:0}
.sf-map{columns:4 11rem;column-gap:1.8rem}
.sfc{break-inside:avoid;margin:0 0 1.5rem}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.22rem 0;font-size:.82rem}
.sfc a{color:#E9E5EE;text-decoration:none}
.sfc a:hover{color:#FFFFFF;text-decoration:underline;text-decoration-color:var(--accent)}
.sfh{font:600 .68rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#FF9FBF;margin:0 0 .6rem}
details.sfc>summary.sfh{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.4rem}
details.sfc>summary.sfh::-webkit-details-marker{display:none}
details.sfc>summary.sfh::after{content:"+";margin-left:auto;font-weight:700;opacity:.8}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:400;opacity:.65}
details.sfc[open]{column-span:all}
details.sfc[open]>ul{columns:4 11rem;column-gap:1.6rem}
details.sfc[open]>ul li{break-inside:avoid}
.sf-bar{position:relative;z-index:1;max-width:var(--frame);margin:0 auto;padding:1rem var(--pad) 1.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid #34303B;font:400 .74rem/1.4 var(--sans);color:#A49DAE}
.sf-dom{letter-spacing:.04em}
.sf-bar .stamp{color:#837D8B}

h2:target,li.fact:target{background:var(--wash)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes reels{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

@media (max-width:78rem){
  main#doc:not(:has(.hero)){grid-template-columns:minmax(0,1fr) 20rem;column-gap:2rem}
}
@media (max-width:62rem){
  .sf{display:block}
  .sf-id{margin-bottom:1.8rem}
  .sheet{grid-template-columns:1fr;gap:1rem}
  .rail{position:static;padding:1.1rem 1.2rem;margin-top:1rem;background:var(--paper);border-radius:18px;box-shadow:var(--shadow)}
  .hero{grid-template-columns:1fr;gap:1.6rem}
  .hero-art{max-width:30rem;width:100%}
  li.fact{grid-template-columns:1fr}
}
@media (max-width:40rem){
  main#doc:not(:has(.hero)){grid-template-columns:minmax(0,1fr)}
  main#doc:not(:has(.hero))::before,main#doc:not(:has(.hero))::after{grid-column:1;grid-row:1;width:min(100%,18rem);margin:0 0 1.2rem}
  main#doc:not(:has(.hero))>h1{grid-row:2}
  main#doc:not(:has(.hero))>h1+*{grid-row:3}
}
@media (max-width:640px){.figs{grid-template-columns:1fr;gap:.5rem}}

@media (max-width:40rem){
  .chart,.fig{--floor:.76;--cue-y:.35rem;--cue-s:1.2rem;margin-inline:-.5rem;max-width:calc(100% + 1rem);min-width:calc(100% + 1rem);padding:1.9rem .75rem .9rem;border-radius:16px}
  .tablewrap{margin-inline:-.5rem;border-radius:16px}
  table{font-size:.86rem}
  tbody td,thead th{padding-inline:.8rem}
}

@media (max-width:48rem){
  .masthead{position:static}
  .mh{padding:.6rem 1rem;gap:.4rem}
  .brand{font-size:1.05rem}
  .mark{width:1.9rem;height:1.9rem}
  .mh-tag{display:none}
  .mh-nav{gap:.1rem;font-size:.74rem;margin-left:0}
  .mh-nav a{padding:.32rem .5rem}
  .sheet{padding:1rem 1rem 2.4rem}
  h1{font-size:1.95rem}
  .hero h1{font-size:2.3rem}
  .hero-art{order:-1;max-width:19rem}
  .answer{font-size:1.05rem}
  h2{font-size:1.3rem}
}

.rankwrap table :is(th,td):nth-child(5){white-space:nowrap}

.rankwrap table :is(th,td):nth-child(4){min-width:15em}