/* framework-hofstede.css — Inline-Stylesheet aus Lilys Entwurf culture-site/framework-hofstede.html, unveraendert bis auf CSS_PATCHES (fh-book-convert). */
/* Schriften: dieselben Schnitte wie Lilys Google-Fonts-Anfrage, selbst gehostet (fh-book-convert). */
@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/spectral-400.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:"Spectral";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/spectral-500.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:"Spectral";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/spectral-600.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:"Spectral";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/spectral-700.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:"Spectral";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/spectral-400-italic.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:"Spectral";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/spectral-500-italic.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:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-300-800.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;}
/* Ab hier aus dem Entwurf. */
:root{
  --paper:#F3F4F1; --paper-2:#FBFBF9; --card:#FFFFFF;
  --ink:#111820; --ink-soft:#414A44; --ink-faint:#6B736C;
  --rule:#E1E3DC; --rule-soft:#ECEEE8;
  --cn:#B02329; --cn-ink:#8E1D22; --cn-soft:#F7E9E8; --cn-line:#E8C9C7;
  --de:#1B3A5C; --de-ink:#173049; --de-soft:#E8EEF4; --de-line:#C6D4E1;
  --gold:#AE8226; --gold-soft:#E9D6A6; --cn-solid:#B02329; --de-solid:#1B3A5C;
  --ground:#0E1A26; --ground-2:#16283A; --on-ground:#EDEFEA; --on-ground-soft:#98A8B4;
  --display:"Spectral",Georgia,"Songti SC",serif;
  --sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --sidebar:17rem; --maxw:86rem;
  --shadow:0 1px 2px rgba(17,24,32,.04),0 18px 40px -26px rgba(17,24,32,.28);
  --shadow-lg:0 2px 6px rgba(17,24,32,.05),0 30px 60px -32px rgba(17,24,32,.34);
  --cur:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='-54 -54 108 108'%3E%3Cg transform='rotate(90)'%3E%3Ccircle r='50' fill='%2323547E'/%3E%3Cpath d='M0,-50 A50,50 0 0 1 0,50 Z' fill='%23C1332B'/%3E%3Ccircle cy='-25' r='25' fill='%2323547E'/%3E%3Ccircle cy='25' r='25' fill='%23C1332B'/%3E%3Ccircle cy='-25' r='9' fill='%23C1332B'/%3E%3Ccircle cy='25' r='9' fill='%2323547E'/%3E%3Ccircle r='51' fill='none' stroke='%23fff' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E") 15 15, auto;
}
:root[data-theme="dark"]{
  --paper:#0D1319; --paper-2:#111922; --card:#141C24;
  --ink:#E8EBE6; --ink-soft:#9AA49E; --ink-faint:#8C978F;
  --rule:#26313A; --rule-soft:#1C252D;
  --cn:#E4757A; --cn-ink:#EFA0A3; --cn-soft:#241417; --cn-line:#3E2529;
  --de:#7FA8CE; --de-ink:#A6C4DE; --de-soft:#111F2C; --de-line:#294056;
  --ground:#070C11; --ground-2:#101E2A; --on-ground:#EDEFEA; --on-ground-soft:#8C9CA8;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 20px 44px -26px rgba(0,0,0,.7);
  --shadow-lg:0 2px 6px rgba(0,0,0,.5),0 34px 66px -30px rgba(0,0,0,.8);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0D1319; --paper-2:#111922; --card:#141C24;
  --ink:#E8EBE6; --ink-soft:#9AA49E; --ink-faint:#8C978F;
  --rule:#26313A; --rule-soft:#1C252D;
  --cn:#E4757A; --cn-ink:#EFA0A3; --cn-soft:#241417; --cn-line:#3E2529;
  --de:#7FA8CE; --de-ink:#A6C4DE; --de-soft:#111F2C; --de-line:#294056;
  --ground:#070C11; --ground-2:#101E2A; --on-ground:#EDEFEA; --on-ground-soft:#8C9CA8;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 20px 44px -26px rgba(0,0,0,.7);
  --shadow-lg:0 2px 6px rgba(0,0,0,.5),0 34px 66px -30px rgba(0,0,0,.8);
}}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem;font-size:112.5%;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.06rem;line-height:1.7;-webkit-font-smoothing:antialiased;cursor:var(--cur);}
a,button{cursor:pointer;}
h1,h2,h3,h4{text-wrap:balance;margin:0;}
p{margin:0;}
::selection{background:var(--cn);color:#fff;}
.taiji{display:inline-block;vertical-align:middle;flex:none;}
.hd-mark{flex:none;vertical-align:middle;}
.sec-head .hd-mark{position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;}
@media(max-width:640px){.sec-head .hd-mark{position:static;transform:none;display:block;margin-bottom:.4rem;}}
.nav-part .hd-mark{width:.95rem;height:.95rem;}

#progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:90;background:linear-gradient(90deg,var(--cn),var(--de));transition:width .1s linear;}
.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh;}
.sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:var(--paper-2);border-right:1px solid var(--rule);padding:1rem .9rem 1.2rem;}
.brand{display:flex;gap:.6rem;align-items:flex-start;text-decoration:none;color:inherit;margin-bottom:.85rem;padding:0 .35rem;}
.brand:hover .t{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;}
.brand .taiji{width:1.85rem;height:1.85rem;margin-top:.1rem;flex:none;}
.brand .bt-txt{display:flex;flex-direction:column;}
.brand .k{display:block;font-size:.6rem;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;}
.brand .t{display:block;font-family:var(--display);font-weight:600;font-size:.98rem;line-height:1.16;margin-top:.2rem;}
.nav-sec{margin-bottom:.1rem;}
.nav-part{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:0;cursor:pointer;font:inherit;font-size:.62rem;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin:.7rem 0 .3rem;padding:.15rem .35rem;text-align:left;border-radius:6px;transition:color .18s,background-color .18s;}
.nav-part:hover{color:var(--ink);background:var(--rule-soft);}
.nav-part .np-chev{width:.82rem;height:.82rem;margin-left:auto;flex:none;transform:rotate(180deg);transition:transform .25s ease;opacity:.75;}
.nav-sec.collapsed>.nav-part .np-chev{transform:rotate(0);}
.nav-group{overflow:hidden;max-height:720px;opacity:1;transition:max-height .32s ease,opacity .22s ease;}
.nav-sec.collapsed>.nav-group{max-height:0;opacity:0;}
@media (prefers-reduced-motion:reduce){.nav-group{transition:none;}.nav-part .np-chev{transition:none;}}
.nav a{display:flex;gap:.5rem;align-items:baseline;text-decoration:none;color:var(--ink-soft);padding:.24rem .55rem;border-radius:8px;font-size:.82rem;line-height:1.25;}
.nav a .n{font-size:.66rem;color:var(--ink-faint);flex:none;width:1rem;font-weight:700;}
.nav-more{padding:0 .55rem .3rem 2.05rem;font-size:1.05rem;font-weight:700;line-height:1;letter-spacing:.12em;color:var(--ink-faint);}
.nav a:hover{background:var(--rule-soft);color:var(--ink);}
.nav a.active{background:var(--card);color:var(--ink);font-weight:700;box-shadow:inset 3px 0 0 var(--de),var(--shadow);}
.subrail{margin:.15rem 0 .1rem .6rem;padding-left:.7rem;border-left:1px solid var(--rule);}
.subrail a{display:block;font-size:.78rem;padding:.24rem .5rem;color:var(--ink-faint);text-decoration:none;border-radius:6px;}
.subrail a:hover{color:var(--ink);}

.main{min-width:0;}
.topbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:.75rem;padding:.6rem clamp(1rem,3vw,2.4rem);background:color-mix(in srgb,var(--paper) 84%,transparent);backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid transparent;transition:border-color .3s;}
.topbar.stuck{border-color:var(--rule);}
.crumb{display:flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;}
.crumb b{color:var(--ink);}
.spacer{flex:1;}
.tbtn{font:inherit;font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:100px;border:1px solid var(--rule);background:var(--card);color:var(--ink);text-decoration:none;}
.tbtn.icon{width:2.05rem;height:2.05rem;padding:0;justify-content:center;}
.fs-ctl{display:inline-flex;gap:.3rem;}
.fs-ctl button{font-family:var(--display);font-weight:600;}
.fs-ctl #fsDown{font-size:.72rem;} .fs-ctl #fsUp{font-size:.92rem;}
.menu-btn{display:none;}

.mwrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.4rem,3.5vw,3.2rem);}
.mwrap.wide{max-width:102rem;}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.04em;font-weight:700;color:var(--de);}

/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(2.4rem,5vh,3.6rem) 0;color:var(--on-ground);
  background:linear-gradient(135deg,#15303F 0%,#111922 55%,#301513 100%);}
.hero-wm{position:absolute;right:-3%;top:50%;transform:translateY(-50%);width:min(30rem,44vw);height:min(30rem,44vw);opacity:.1;pointer-events:none;}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,4vw,2.6rem);align-items:center;}
.hero-num{font-family:var(--display);font-weight:600;font-size:clamp(2.8rem,6vw,4.6rem);line-height:.9;letter-spacing:-.03em;align-self:start;
  background:linear-gradient(140deg,#E24A4F,#B15C86 48%,#5B93D6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-text{min-width:0;}
.hero .eyebrow{color:var(--on-ground-soft);}
.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.03;letter-spacing:-.02em;margin:.5rem 0 0;color:#fff;}
.hero .lede{margin-top:1rem;max-width:44rem;color:var(--on-ground-soft);font-size:1.05rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto;}
.hero .lede em{font-style:italic;color:var(--on-ground);}
@media(max-width:640px){.hero-inner{grid-template-columns:1fr;gap:.3rem;}}
.hero-num,.hero .eyebrow,.hero h1,.hero .lede{opacity:0;transform:translateY(18px);}
.loaded .hero-num{opacity:1;transform:none;transition:opacity .7s ease .05s,transform .7s cubic-bezier(.2,.7,.2,1) .05s;}
.loaded .hero .eyebrow{opacity:1;transform:none;transition:opacity .7s ease .12s,transform .7s cubic-bezier(.2,.7,.2,1) .12s;}
.loaded .hero h1{opacity:1;transform:none;transition:opacity .7s ease .22s,transform .7s cubic-bezier(.2,.7,.2,1) .22s;}
.loaded .hero .lede{opacity:1;transform:none;transition:opacity .7s ease .34s,transform .7s cubic-bezier(.2,.7,.2,1) .34s;}
@media (prefers-reduced-motion:reduce){.hero-num,.hero .eyebrow,.hero h1,.hero .lede{opacity:1!important;transform:none!important;}}
@media(max-width:640px){.hero-inner{grid-template-columns:1fr;gap:.3rem;}.chapno{font-size:4.5rem;}}

.section{padding:clamp(2.6rem,6vh,4.5rem) 0 0;}
.sec-head{position:relative;margin-bottom:1.6rem;}
.sec-head h2{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.05;letter-spacing:-.02em;}
.sec-head .step{font-size:.7rem;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* overview definitions */
.defs{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;}
.def{padding:1.05rem 0;border-top:1px solid var(--rule);}
.def b{font-family:var(--display);font-weight:600;font-size:1.14rem;display:block;margin-bottom:.2rem;color:var(--ink);}
.def b::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:linear-gradient(135deg,var(--cn),var(--de));margin-right:.55rem;vertical-align:.1em;}
.def span{display:block;font-size:.96rem;color:var(--ink-soft);line-height:1.55;text-align:justify;-webkit-hyphens:auto;hyphens:auto;}
@media(max-width:760px){.defs{grid-template-columns:1fr;}}
/* overview: gradient + grain background band */
#overview{position:relative;padding:clamp(2.8rem,6vh,4.6rem) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  background:
    radial-gradient(130% 110% at 0% 0%, color-mix(in srgb,var(--cn) 10%,transparent), transparent 56%),
    radial-gradient(130% 110% at 100% 100%, color-mix(in srgb,var(--de) 12%,transparent), transparent 56%),
    linear-gradient(140deg, var(--paper-2), var(--paper) 52%, color-mix(in srgb,var(--de) 6%,var(--paper)));}
#overview::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
#overview .mwrap{position:relative;z-index:1;}
.def{background:transparent;}

/* legend for the sliders */
.legend{display:flex;gap:1.4rem;align-items:center;font-size:.82rem;color:var(--ink-soft);margin:.2rem 0 1.6rem;flex-wrap:wrap;}
.legend .pin{display:inline-flex;align-items:center;gap:.45rem;}
.legend .flag{width:1.4rem;height:1.4rem;}

/* ===== dimension sliders (2 per row) ===== */
.dims{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;align-items:stretch;}
@media(max-width:900px){.dims{grid-template-columns:1fr;}}
.dim{background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);padding:1.3rem 1.5rem 1.5rem;display:flex;flex-direction:column;}
.dim-poles{display:flex;justify-content:space-between;gap:1rem;min-height:2.9rem;}
.pole b{font-family:var(--display);font-weight:600;font-size:1.12rem;line-height:1.12;display:block;color:var(--ink);}
.pole span{font-size:.82rem;letter-spacing:.01em;font-weight:600;}
.pole.left span{color:var(--de);}
.pole.right{text-align:right;} .pole.right span{color:var(--cn);}
.track-wrap{padding:2.7rem .4rem 2.3rem;}
.track{position:relative;height:6px;border-radius:6px;background:var(--rule);}
.seg{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,var(--de),var(--cn));opacity:.55;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(.3,.7,.2,1) .1s;}
.dim.in .seg{transform:scaleX(1);}
.marker{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:.34rem;z-index:2;transform:translate(-50%,-50%) scale(.35);opacity:0;transition:transform .6s cubic-bezier(.2,.9,.25,1.15),opacity .45s ease;}
.dim.in .marker{transform:translate(-50%,-50%) scale(1);opacity:1;}
.dim.in .marker.de{transition-delay:.18s;} .dim.in .marker.cn{transition-delay:.32s;}
@media (prefers-reduced-motion:reduce){.seg{transform:none;transition:none;}.marker{transform:translate(-50%,-50%);opacity:1;transition:none;}}
.marker .flag{width:1.7rem;height:1.7rem;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3),0 0 0 2px var(--card);}
.marker .val{font-weight:800;font-size:.72rem;font-variant-numeric:tabular-nums;padding:.04rem .36rem;border-radius:100px;background:var(--card);border:1px solid var(--rule);}
.marker.de .val{color:var(--de);} .marker.cn .val{color:var(--cn);}
.dim-analysis{margin-top:1.3rem;border-top:1px solid var(--rule-soft);padding-top:1rem;display:flex;flex-direction:column;gap:.45rem;}
.dim-analysis p{font-size:1rem;line-height:1.55;color:var(--ink);margin:0;text-align:justify;-webkit-hyphens:auto;hyphens:auto;}

#sources{padding-top:clamp(1.8rem,4vh,2.8rem);}
#sources .sec-head{margin-bottom:.9rem;}
#sources .sec-head h2{font-size:clamp(1.25rem,2.1vw,1.68rem);}
#sources .sec-head .hd-mark{width:1.2rem;height:1.2rem;}
.sources{columns:2;column-gap:2.6rem;}
.src{display:grid;grid-template-columns:1.4rem 1fr;gap:.3rem;padding:.28rem 0;font-size:.75rem;line-height:1.38;color:var(--ink-soft);break-inside:avoid;-webkit-column-break-inside:avoid;}
.src .sn{font-family:var(--display);font-weight:700;color:var(--de);}
@media(max-width:640px){.sources{columns:1;}}
.src a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--de-line);text-underline-offset:2px;}
.src a:hover{text-decoration-color:var(--de);}
.srcnote{font-size:.82rem;color:var(--ink-faint);margin-top:1.2rem;font-style:italic;}
.srcnote a{color:var(--de);text-decoration:underline;text-underline-offset:2px;}
.srcnote a:hover{color:var(--cn);}
.cite{font-size:.62em;font-weight:700;vertical-align:super;line-height:0;color:var(--de-ink);text-decoration:none;padding:0 .06em;}
.cite:hover{text-decoration:underline;}
.src:target{background:var(--de-soft);border-radius:6px;}

/* critical review */

/* authors of this topic (compact) */
#authors{padding-top:clamp(1.6rem,3.5vh,2.6rem);padding-bottom:clamp(1.6rem,3.5vh,2.6rem);background:var(--card);}
.pa-head{font-family:var(--display);font-weight:600;font-size:clamp(1.25rem,2.1vw,1.68rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0 0 1.1rem;}
.pauthors{display:flex;flex-wrap:wrap;gap:.85rem;}
.pauthor{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit;border:1px solid var(--rule);border-radius:14px;background:var(--card);box-shadow:var(--shadow);padding:.7rem 1.15rem .7rem .7rem;transition:transform .2s,border-color .2s,box-shadow .2s;}
.pauthor:hover{transform:translateY(-2px);border-color:var(--ink-faint);box-shadow:var(--shadow-lg);}
.pa-av{width:2.9rem;height:2.9rem;border-radius:50%;flex:none;object-fit:cover;border:1px solid var(--rule);}
.pa-who{display:flex;flex-direction:column;gap:.1rem;min-width:0;}
.pa-nm{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--ink);line-height:1.2;}
.pauthor:hover .pa-nm{color:var(--cn);}
.pa-ro{font-size:.78rem;color:var(--ink-soft);line-height:1.3;}
.pa-link{font-size:.75rem;font-weight:700;color:var(--de);margin-top:.15rem;}
.pauthor:hover .pa-link{text-decoration:underline;text-underline-offset:2px;}
@media(max-width:560px){.pauthors{flex-direction:column;}.pauthor{width:100%;}}

/* limitations */

.pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:clamp(2.6rem,6vh,4rem) 0 5rem;}
.pager a{text-decoration:none;padding:1.2rem 1.4rem;border:1px solid var(--rule);border-radius:16px;background:var(--card);box-shadow:var(--shadow);transition:transform .2s,border-color .2s;}
.pager a:hover{transform:translateY(-2px);border-color:var(--ink-faint);}
.pager .dir{font-size:.68rem;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;}
.pager .ttl{font-family:var(--display);font-weight:600;font-size:1.15rem;margin-top:.3rem;}
.pager .next{text-align:right;}

.scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:60;opacity:0;pointer-events:none;transition:opacity .2s;}
.scrim.on{opacity:1;pointer-events:auto;}
@media (max-width:960px){
  :root{--sidebar:0px;}
  .shell{grid-template-columns:1fr;}
  .sidebar{position:fixed;top:0;left:0;z-index:80;width:min(84vw,19rem);height:100vh;transform:translateX(-102%);transition:transform .24s ease;box-shadow:var(--shadow-lg);}
  .sidebar.open{transform:none;}
  .menu-btn{display:inline-flex;}
  .pager{grid-template-columns:1fr;}.pager .next{text-align:left;}
}
.lang{display:inline-flex;border:1px solid var(--rule);border-radius:100px;overflow:hidden;background:var(--card);flex:none;}
.lang :is(button,a){font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.36rem .62rem;border:0;background:none;color:var(--ink-faint);cursor:pointer;transition:background-color .2s,color .2s;line-height:1;}
.lang :is(button,a)+:is(button,a){border-left:1px solid var(--rule);}
.lang :is(button,a).active{background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));color:#fff;}
.lang :is(button,a):not(.active):hover{color:var(--ink);background:var(--rule-soft);}
.toast{position:fixed;left:50%;bottom:2rem;transform:translateX(-50%) translateY(1rem);background:var(--ground);color:var(--on-ground);padding:.6rem 1.15rem;border-radius:100px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:120;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
@media(max-width:600px){.fs-ctl{display:none;}}

/* critical review: icon cards (after the 21st.dev "grid feature cards" pattern) */
.cr-block{margin-top:2.7rem;}
.cr-block:first-of-type{margin-top:0;}
.cr-sub{font-family:var(--display);font-weight:600;font-size:1.35rem;line-height:1.2;color:var(--ink);margin:0 0 1.1rem;display:flex;align-items:center;gap:.6rem;}
.cr-sub svg{width:1.05rem;height:1.05rem;flex:none;}
.cr-sub .chip{width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;flex:none;}
.cr-pro .chip{background:var(--de-soft);color:var(--de);}
.cr-con .chip{background:var(--cn-soft);color:var(--cn);}
.cr-now .chip{background:linear-gradient(135deg,var(--cn-soft),var(--de-soft));color:var(--ink);}
.cr-lead{font-size:1.03rem;line-height:1.66;color:var(--ink-soft);margin:0;max-width:62rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto;}
.lim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.lim{position:relative;isolation:isolate;overflow:hidden;background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);padding:1.25rem 1.3rem 1.4rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.lim::before{content:"";position:absolute;z-index:-1;top:0;right:0;width:62%;height:68%;pointer-events:none;
  background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:15px 15px;background-position:right -1px top -1px;
  -webkit-mask-image:radial-gradient(ellipse at top right,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse at top right,#000 0%,transparent 72%);opacity:.75;transition:opacity .3s ease;}
.lim:hover::before{opacity:1;}
.lim-ic{width:2.3rem;height:2.3rem;border-radius:11px;display:grid;place-items:center;margin-bottom:1rem;}
.lim-ic svg{width:1.2rem;height:1.2rem;}
.cr-pro .lim-ic{background:var(--de-soft);color:var(--de);}
.cr-con .lim-ic{background:var(--cn-soft);color:var(--cn);}
.cr-now .lim-ic{background:linear-gradient(135deg,var(--cn-soft),var(--de-soft));color:var(--ink);}
.lim b{display:block;font-family:var(--display);font-weight:600;font-size:1.1rem;line-height:1.3;margin-bottom:.45rem;color:var(--ink);}
.lim p{font-size:.95rem;line-height:1.6;color:var(--ink-soft);margin:0;text-align:justify;-webkit-hyphens:auto;hyphens:auto;}
@media(max-width:1180px){.lim-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.lim-grid{grid-template-columns:1fr;}.lim p{text-align:left;}}
@media (prefers-reduced-motion:reduce){.lim{transition:none;}.lim:hover{transform:none;}}
/* no taiji marks next to section titles or case tags (Lily, 2026-10-08) */
.sec-head .hd-mark,.case-tag .taiji{display:none!important;}

/* ===== unified sidebar (Lily 2026-10-08: Hofstede style everywhere, clear contrast; unbuilt items carry a "soon" tag) ===== */
.brand .k{font-size:.68rem;}
.nav-part{font-size:.64rem;}
.nav a{position:relative;color:var(--ink-soft);}
.nav a[href="#"]{opacity:1;pointer-events:none;cursor:default;color:var(--ink-soft);}
.nav a[href="#"]::after{margin-left:auto;flex:none;font-weight:700;color:var(--ink-faint);border:1px solid var(--rule);border-radius:100px;padding:.03rem .4rem;align-self:center;}
.nav a.active{background:var(--card);color:var(--ink);font-weight:700;box-shadow:var(--shadow);}
.nav a.active::before{content:"";position:absolute;left:0;top:.28rem;bottom:.28rem;width:3px;border-radius:3px;background:linear-gradient(var(--cn),var(--de));}
.subrail a.on{color:var(--cn);font-weight:700;}
.nav a[href="#"]::after{content:"soon";font-size:.6rem;letter-spacing:.03em;}

/* critical review v3 (Lily): each group reads as ONE whole — one card per group, no item icons, no item boxes */
.cr-block{margin-top:1.3rem;background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);padding:1.5rem 1.8rem 1.7rem;}
.cr-block.cr-pro{background:linear-gradient(180deg,color-mix(in srgb,var(--de-soft) 70%,var(--card)) 0,var(--card) 7rem);}
.cr-block.cr-con{background:linear-gradient(180deg,color-mix(in srgb,var(--cn-soft) 75%,var(--card)) 0,var(--card) 7rem);}
.cr-block.cr-now{background:linear-gradient(180deg,color-mix(in srgb,var(--cn-soft) 40%,var(--de-soft)) 0,var(--card) 7rem);}
.cr-sub{margin-bottom:1.15rem;}
.cr-sub .chip{width:1.7rem;height:1.7rem;}
.cr-sub svg{width:.95rem;height:.95rem;}
.lim-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 2.8rem;}
.lim,.lim:hover{background:none;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible;transform:none;}
.lim::before{display:none;}
.lim b{font-size:1.06rem;margin-bottom:.35rem;}
.lim p{font-size:.96rem;}
@media(max-width:760px){.lim-grid{grid-template-columns:1fr;gap:1.1rem;}.cr-block{padding:1.2rem 1.15rem 1.35rem;}}

/* ===== engagement: subscribe button, stay-involved block, discussion drawer ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.sub-btn{text-decoration:none;gap:.35rem;}
.sub-btn svg{width:.95rem;height:.95rem;}
@media(max-width:640px){.sub-btn span{display:none;}}
#involved{padding-top:clamp(1.6rem,4vh,2.6rem);}
.inv{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.4rem,3vw,2.6rem);align-items:start;
  background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);padding:clamp(1.3rem,3vw,2rem);}
.inv-kick{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--cn);margin-bottom:.35rem;}
.inv-h{font-family:var(--display);font-weight:600;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.15;margin:0 0 .45rem;}
.inv-p{font-size:.95rem;line-height:1.55;color:var(--ink-soft);margin:0 0 1rem;}
.inv-form{display:flex;flex-wrap:wrap;gap:.5rem;}
.inv-form input[type=email],.inv-form select,.disc-form input,.disc-form textarea{font:inherit;font-size:.92rem;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;padding:.65rem .8rem;}
.inv-form input[type=email]{flex:1 1 14rem;min-width:0;}
.inv-form select{flex:0 0 auto;}
.inv-form input:focus,.inv-form select:focus,.disc-form input:focus,.disc-form textarea:focus{outline:2px solid var(--de);outline-offset:1px;border-color:transparent;}
.inv-btn{font:inherit;font-size:.92rem;font-weight:700;color:#fff;border:0;border-radius:10px;padding:.68rem 1.2rem;cursor:pointer;
  background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));transition:transform .2s ease,box-shadow .2s ease;}
.inv-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(27,58,92,.6);}
.inv-btn:disabled{opacity:.55;transform:none;cursor:default;}
.inv-note{flex:0 0 100%;font-size:.75rem;color:var(--ink-faint);margin:.2rem 0 0;}
.inv-ok{flex:0 0 100%;font-size:.85rem;font-weight:600;color:var(--de);margin:.3rem 0 0;}
.inv-links{display:flex;flex-direction:column;gap:.55rem;}
.inv-link{--fill:var(--card);display:flex;align-items:flex-start;gap:.75rem;text-align:left;font:inherit;color:var(--ink);text-decoration:none;cursor:pointer;
  border:1.5px solid transparent;border-radius:12px;padding:.75rem .9rem;
  background:linear-gradient(var(--fill),var(--fill)) padding-box,linear-gradient(135deg,var(--cn),var(--de)) border-box;transition:box-shadow .2s ease,transform .2s ease;}
.inv-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px);}
.inv-link>svg{flex:none;width:1.9rem;height:1.9rem;padding:.38rem;box-sizing:border-box;border-radius:8px;background:linear-gradient(135deg,var(--cn-soft),var(--de-soft));color:var(--de);}
.inv-link b{display:block;font-size:.93rem;line-height:1.3;}
.inv-link small{display:block;font-size:.8rem;line-height:1.4;color:var(--ink-soft);margin-top:.1rem;}
@media(max-width:860px){.inv{grid-template-columns:1fr;}}

.disc-fab{position:fixed;right:clamp(1rem,2.5vw,1.8rem);bottom:clamp(1rem,2.5vw,1.8rem);z-index:70;display:inline-flex;align-items:center;gap:.45rem;
  font:inherit;font-size:.86rem;font-weight:700;color:#fff;border:0;border-radius:100px;padding:.7rem 1.05rem .7rem .85rem;cursor:pointer;
  background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));box-shadow:0 10px 26px -10px rgba(17,24,32,.6);transition:transform .2s ease,box-shadow .2s ease;}
.disc-fab svg{width:1.15rem;height:1.15rem;}
.disc-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(17,24,32,.65);}
body.disc-open .disc-fab{opacity:0;pointer-events:none;}
.disc-scrim{position:fixed;inset:0;z-index:90;background:rgba(10,16,22,.38);opacity:0;transition:opacity .3s ease;}
.disc-scrim.on{opacity:1;}
.disc{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(28rem,100vw);display:flex;flex-direction:column;gap:1rem;overflow-y:auto;
  background:var(--card);box-shadow:-20px 0 50px -20px rgba(17,24,32,.45);padding:1.4rem 1.5rem 1.6rem;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);}
.disc.on{transform:none;}
.disc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.disc-kick{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--cn);}
.disc-head h2{font-family:var(--display);font-weight:600;font-size:1.5rem;margin:.1rem 0 0;}
.disc-x{flex:none;width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid var(--rule);border-radius:10px;background:var(--paper-2);color:var(--ink);cursor:pointer;}
.disc-x svg{width:1rem;height:1rem;}
.disc-intro{font-size:.88rem;line-height:1.55;color:var(--ink-soft);margin:0;}
.disc-list{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1rem 0;}
.disc-empty{font-size:.88rem;color:var(--ink-faint);margin:0;text-align:center;padding:.8rem 0;}
.disc-form{display:flex;flex-direction:column;gap:.4rem;}
.disc-form label{font-size:.8rem;font-weight:700;color:var(--ink);margin-top:.35rem;}
.disc-form label small{font-weight:500;color:var(--ink-faint);}
.disc-form textarea{resize:vertical;min-height:7rem;line-height:1.5;}
.disc-form .chk{display:flex;gap:.5rem;align-items:flex-start;font-weight:500;font-size:.78rem;line-height:1.45;color:var(--ink-soft);margin:.5rem 0 .4rem;}
.disc-form .chk input{margin-top:.15rem;}
.disc-form .chk a{color:var(--de);}
.disc-form .inv-btn{align-self:flex-start;}
@media(prefers-reduced-motion:reduce){.disc,.disc-scrim,.inv-btn,.inv-link,.disc-fab{transition:none;}}
.disc[hidden],.disc-scrim[hidden]{display:none;}
html{overflow-x:hidden;}

/* floating Subscribe + Feedback (go straight to the Get involved page) */
.fab-stack{position:fixed;right:clamp(1rem,2.5vw,1.8rem);bottom:clamp(1rem,2.5vw,1.8rem);z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;}
.fab{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:700;text-decoration:none;border-radius:100px;padding:.68rem 1.05rem .68rem .85rem;
  box-shadow:0 10px 26px -10px rgba(17,24,32,.55);transition:transform .2s ease,box-shadow .2s ease;}
.fab svg{width:1.1rem;height:1.1rem;}
.fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(17,24,32,.6);}
.fab-sub{color:#fff;background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));}
.fab-fb{color:var(--ink);border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--cn),var(--de)) border-box;}
body.disc-open .fab-stack{opacity:0;pointer-events:none;}
@media(max-width:640px){.fab span{display:none;}.fab{padding:.72rem;}}
@media(prefers-reduced-motion:reduce){.fab{transition:none;}}

.fab-stack .fab{font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;}
.fab-sub{border:0;}
.disc-form .lbl{font-size:.8rem;font-weight:700;color:var(--ink);margin-top:.35rem;}
.fb-opts{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.2rem;}
.fb-opts label{position:relative;margin:0;}
.fb-opts input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.fb-opts span{display:inline-block;font-size:.84rem;font-weight:600;padding:.48rem .8rem;border-radius:10px;border:1px solid var(--rule);background:var(--paper-2);color:var(--ink-soft);}
.fb-opts input:checked+span{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));}
.fb-opts input:focus-visible+span{outline:2px solid var(--de);outline-offset:2px;}

/* floating buttons: one style, one size (Lily) */
.fab-stack{gap:.45rem;}
.fab-stack .fab,.fab-stack .fab-fb,.fab-stack .fab-sub{width:7.4rem;justify-content:center;gap:.4rem;font-size:.8rem;padding:.5rem .8rem;border:0;color:#fff;
  background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));box-shadow:0 8px 20px -10px rgba(17,24,32,.55);}
.fab-stack .fab svg{width:.95rem;height:.95rem;}
@media(max-width:640px){.fab-stack .fab{width:auto;padding:.6rem;}}

/* stay-involved v2: smaller and finer (Lily: too big) — links as a 2×2 grid of small tiles */
.inv{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.6rem 2rem;align-items:center;padding:1.15rem 1.35rem;border-radius:14px;}
.inv-kick{font-size:.66rem;margin-bottom:.2rem;}
.inv-h{font-size:clamp(1.12rem,1.6vw,1.32rem);margin-bottom:.25rem;}
.inv-p{font-size:.84rem;margin-bottom:.7rem;}
.inv-form{gap:.4rem;}
.inv-form input[type=email],.inv-form select{font-size:.84rem;padding:.48rem .65rem;border-radius:8px;}
.inv .inv-btn{font-size:.84rem;padding:.5rem .95rem;border-radius:8px;}
.inv-note{font-size:.7rem;}
.inv-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;}
.inv-link{gap:.55rem;align-items:center;padding:.55rem .7rem;border-radius:10px;}
.inv-link>svg{width:1.55rem;height:1.55rem;padding:.3rem;border-radius:7px;}
.inv-link b{font-size:.82rem;}
.inv-link small{font-size:.72rem;line-height:1.35;}
@media(max-width:860px){.inv{grid-template-columns:1fr;}}
@media(max-width:480px){.inv-links{grid-template-columns:1fr;}}

/* was this topic useful? (private: counts are never shown) */
#useful{padding-top:clamp(1.4rem,3.5vh,2.2rem);padding-bottom:clamp(2.2rem,6vh,3.6rem);}
.vote{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1rem;text-align:center;}
.vote-q{font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--ink);}
.vote-btns{display:flex;gap:.45rem;}
.vote-b{--fill:var(--card);display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.82rem;font-weight:700;color:var(--ink-soft);cursor:pointer;
  padding:.45rem .85rem;border-radius:100px;border:1.5px solid transparent;
  background:linear-gradient(var(--fill),var(--fill)) padding-box,linear-gradient(135deg,var(--cn),var(--de)) border-box;transition:transform .2s ease,color .2s ease;}
.vote-b svg{width:1.05rem;height:1.05rem;}
.vote-b:hover{color:var(--ink);transform:translateY(-1px);}
.vote-b[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,var(--cn-solid),var(--de-solid)) border-box;}
.vote.done .vote-b:not([aria-pressed="true"]){opacity:.45;}
.vote.done .vote-b{pointer-events:none;}
.vote-ok{flex:0 0 100%;margin:.2rem 0 0;font-size:.82rem;color:var(--ink-soft);}
.vote-more{font:inherit;font-weight:700;color:var(--de);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
@media(prefers-reduced-motion:reduce){.vote-b{transition:none;}}

/* centre the end of the page: authors + stay-involved (Lily 2026-10-08) */
#authors .pa-head{text-align:center;}
#authors .pauthors{justify-content:center;}
.inv{max-width:62rem;margin-inline:auto;}

/* one size for section titles on every page (Lily 2026-10-08: Hofstede 45px vs Communication 30px was too far apart) */
.sec-head h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.15;letter-spacing:-.012em;}

/* sidebar colours (Lily 2026-10-08): pages with content = deep black; pages still to come = grey + "soon"; current page = white card + gradient bar */
.nav a{color:var(--ink);}
.nav a[href="#"]{color:color-mix(in srgb,var(--ink) 55%,var(--paper-2));}
.nav a.active{color:var(--ink);}

/* at work: dimension picker (same look as the Communication Section 03 control) */
.aw{margin-top:2.6rem;scroll-margin-top:5rem;}
.aw-h{font-family:var(--display);font-weight:600;font-size:1.35rem;line-height:1.2;margin:0 0 .9rem;color:var(--ink);}
.aw-tabs{--fill:var(--card);display:flex;border:1.5px solid transparent;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(var(--fill),var(--fill)) padding-box,linear-gradient(135deg,var(--cn),var(--de)) border-box;}
.aw-tab{position:relative;flex:1 1 0;font:inherit;font-size:.9rem;font-weight:700;line-height:1.25;color:var(--ink-soft);background:transparent;border:0;padding:.8rem .6rem;cursor:pointer;transition:background-color .2s,color .2s;}
.aw-tab+.aw-tab{border-left:1.5px solid;border-image:linear-gradient(180deg,var(--cn),var(--de)) 1;}
.aw-tab:hover{background:color-mix(in srgb,var(--de-soft) 80%,transparent);color:var(--ink);}
.aw-tab[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));}
.aw-tab:focus-visible{outline:2px solid var(--de);outline-offset:-4px;}
.aw-panel{margin-top:1rem;background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);padding:1.4rem 1.6rem 1.6rem;animation:awIn .35s ease;}
.aw-panel[hidden]{display:none;}
@keyframes awIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.aw-title{font-family:var(--display);font-weight:600;font-size:1.2rem;margin:0 0 1rem;color:var(--ink);}
.aw-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2.6rem;}
.aw-lbl{display:block;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--cn);margin-bottom:.4rem;}
.aw-col:last-child .aw-lbl{color:var(--de);}
.aw-col p{margin:0;font-size:.98rem;line-height:1.65;color:var(--ink-soft);text-align:justify;-webkit-hyphens:auto;hyphens:auto;}
@media(max-width:900px){.aw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.aw-tab+.aw-tab{border-left:0;}.aw-cols{grid-template-columns:1fr;}}
@media(max-width:520px){.aw-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){.aw-panel{animation:none;}}

/* linked score cards + at-work panel (Lily 2026-10-09: one unit, not two separate blocks) */
.dims>.dim{--fill:var(--card);cursor:pointer;border:1.5px solid transparent;
  background:linear-gradient(var(--fill),var(--fill)) padding-box,linear-gradient(135deg,var(--cn),var(--de)) border-box;transition:box-shadow .25s ease;}
.dims>.dim:hover{box-shadow:var(--shadow-lg);}
.dims>.dim.sel{--fill:color-mix(in srgb,var(--de-soft) 40%,var(--card));box-shadow:var(--shadow-lg);}
.dim-more{align-self:flex-start;margin-top:1rem;display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.78rem;font-weight:700;
  color:var(--de);background:linear-gradient(135deg,var(--cn-soft),var(--de-soft));border:0;border-radius:100px;padding:.38rem .8rem;cursor:pointer;}
.dim-more svg{width:.9rem;height:.9rem;transition:transform .3s ease;}
.dim.sel .dim-more{color:#fff;background:linear-gradient(135deg,var(--cn-solid),var(--de-solid));}
.dim.sel .dim-more svg{transform:rotate(180deg);}
.dims>.aw-panel{grid-column:1 / -1;position:relative;margin:0;border:1.5px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--cn),var(--de)) border-box;}
.dims>.aw-panel::before{content:"";position:absolute;top:-.62rem;left:calc(var(--px,50%) - .55rem);width:1.1rem;height:1.1rem;transform:rotate(45deg);
  background:var(--card);border-left:1.5px solid #662E42;border-top:1.5px solid #662E42;border-radius:3px 0 0 0;}
@media(max-width:760px){.dims>.aw-panel::before{display:none;}}

/* at-work sub-headings read as real sub-headings (Lily 2026-10-09) */
.aw-lbl{font-family:var(--display);font-weight:600;font-size:1.08rem;letter-spacing:0;line-height:1.3;margin-bottom:.5rem;}
.aw-title{font-size:1.3rem;margin-bottom:1.1rem;}

/* pill: text and chevron sit on one optical centre line */
.dim-more{line-height:1;padding:.45rem .85rem;gap:.4rem;}
.dim-more span{display:block;line-height:1.2;}
.dim-more svg{display:block;flex:none;width:.95rem;height:.95rem;margin-top:1px;}

/* pills sit on the same line across a row: pinned to the card bottom */
.dims>.dim .dim-analysis{margin-bottom:1rem;}
.dims>.dim .dim-more{margin-top:auto;}

/* compact score cards (Lily 2026-10-09: too big) — 3 per row on wide screens, tighter spacing */
.dims{gap:.85rem;}

.dims>.dim{padding:.95rem 1.1rem 1rem;border-radius:14px;}
.dims .dim-poles{min-height:2.2rem;gap:.6rem;}
.dims .pole b{font-size:.92rem;line-height:1.15;}
.dims .track-wrap{padding:1.9rem .3rem 1.6rem;}
.dims .marker .flag{width:1.35rem;height:1.35rem;}
.dims .marker .val{font-size:.66rem;}
.dims .dim-analysis{margin-top:.75rem;padding-top:.7rem;gap:.3rem;}
.dims .dim-analysis p{font-size:.86rem;line-height:1.5;text-align:left;}
.dims>.dim .dim-analysis{margin-bottom:.75rem;}
.dims .dim-more{font-size:.72rem;padding:.38rem .75rem;}

.dims .pole b{font-size:.95rem;}
.dims .dim-analysis p{font-size:.9rem;}