/* Local Google Sans 18pt variable font subsets. Files are served from /wp-content/fonts/google-sans/. */
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvQ.woff2?v=0.2.10') format('woff2');
  unicode-range:U+000D,U+0020-007E,U+00A0-00FF,U+0102,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPh0UvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+02C7,U+02D8-02D9,U+02DB,U+0307,U+25CC;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPhEUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0951-0952,U+0964-0965,U+0A01-0A03,U+0A05-0A0A,U+0A0F-0A10,U+0A13-0A28,U+0A2A-0A30,U+0A32-0A33,U+0A35-0A36,U+0A38-0A39,U+0A3C,U+0A3E-0A42,U+0A47-0A48,U+0A4B-0A4D,U+0A51,U+0A59-0A5C,U+0A5E,U+0A66-0A76,U+200C-200D,U+20B9;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi0UvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0589,U+10D0-10FF,U+1C90-1CBA,U+1CBD-1CBF;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi4UvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0B83,U+0C01-0C0C,U+0C0E-0C10,U+0C12-0C28,U+0C2A-0C39,U+0C3D-0C44,U+0C46-0C48,U+0C4A-0C4D,U+0C55-0C56,U+0C58-0C5A,U+0C60-0C63,U+0C66-0C6F,U+0C77-0C7F;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi8UvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0D82-0D83,U+0D85-0D96,U+0D9A-0DB1,U+0DB3-0DBB,U+0DBD,U+0DC0-0DC6,U+0DCA,U+0DCF-0DD4,U+0DD6,U+0DD8-0DDF,U+0DE6-0DEF,U+0DF2-0DF4;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiAUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0981-0983,U+0985-098C,U+098F-0990,U+0993-09A8,U+09AA-09B0,U+09B2,U+09B6-09B9,U+09BC-09C4,U+09C7-09C8,U+09CB-09CE,U+09D7,U+09DC-09DD,U+09DF-09E3,U+09E6-09F3,U+09FD;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiIUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0531-0556,U+0559-055E,U+0561-0587,U+058A,U+058D-058F,U+2010,U+FB13-FB17;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiMUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+1200-1248,U+124A-124D,U+1250-1256,U+1258,U+125A-125D,U+1260-1288,U+128A-128D,U+1290-12B0,U+12B2-12B5,U+12B8-12BE,U+12C0,U+12C2-12C5,U+12C8-12D6,U+12D8-1310,U+1312-1315,U+1318-135A,U+135D-137C,U+1380-1399,U+2D80-2D96,U+2DA0-2DA6,U+2DA8-2DAE,U+2DB0-2DB6,U+2DB8-2DBE,U+2DC0-2DC6,U+2DC8-2DCE,U+2DD0-2DD6,U+2DD8-2DDE,U+AB01-AB06,U+AB09-AB0E,U+AB11-AB16,U+AB20-AB26,U+AB28-AB2E;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiQUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0B82,U+0B85-0B8A,U+0B8E-0B90,U+0B92-0B95,U+0B99-0B9A,U+0B9C,U+0B9E-0B9F,U+0BA3-0BA4,U+0BA8-0BAA,U+0BAE-0BB9,U+0BBE-0BC2,U+0BC6-0BC8,U+0BCA-0BCD,U+0BD0,U+0BD7,U+0BE6-0BFA;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiYUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0331,U+0E01-0E3A,U+0E3F-0E5B;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPikUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0A81-0A83,U+0A85-0A8D,U+0A8F-0A91,U+0A93-0AA8,U+0AAA-0AB0,U+0AB2-0AB3,U+0AB5-0AB9,U+0ABC-0AC5,U+0AC7-0AC9,U+0ACB-0ACD,U+0AD0,U+0AE0-0AE3,U+0AE6-0AF1,U+0AF9;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPioUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0D00-0D0C,U+0D0E-0D10,U+0D12-0D44,U+0D46-0D48,U+0D4A-0D4F,U+0D54-0D63,U+0D66-0D7F;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPisUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0B01-0B03,U+0B05-0B0C,U+0B0F-0B10,U+0B13-0B28,U+0B2A-0B30,U+0B32-0B33,U+0B35-0B39,U+0B3C-0B44,U+0B47-0B48,U+0B4B-0B4D,U+0B56-0B57,U+0B5C-0B5D,U+0B5F-0B63,U+0B66-0B77;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj0UvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj4UvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj8UvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0462-0463,U+046A-046B,U+0472-0475,U+048A-048F,U+0492-04A5,U+04A8-04AF,U+04B2-04FF,U+0510-0513,U+051A-051D,U+0524-0529,U+052E-052F,U+20B4;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjAUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0591-05C7,U+05D0-05EA,U+05F0-05F4,U+200E-200F,U+20AA,U+FB1E-FB1F,U+FB21-FB28,U+FB2A-FB36,U+FB38-FB3C,U+FB3E,U+FB40-FB41,U+FB43-FB44,U+FB46-FB4F;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjEUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0374-0375,U+037A,U+037E,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03CF,U+03D7;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjMUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0900-0950,U+0953-0963,U+0966-097F;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjYUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjkUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+1780-17A2,U+17A5-17B3,U+17B6-17DD,U+17E0-17E9,U+17F0-17F9,U+19E0-19FF;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjsUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0E81-0E82,U+0E84,U+0E86-0E8A,U+0E8C-0EA3,U+0EA5,U+0EA7-0EBD,U+0EC0-0EC4,U+0EC6,U+0EC8-0ECD,U+0ED0-0ED9,U+0EDC-0EDF;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+0100-0101,U+0104-010F,U+0112-0127,U+012A-0130,U+0132-0148,U+014A-0151,U+0154-0167,U+016A-017E,U+0181,U+0186,U+018A,U+018F-0190,U+0192,U+0198-0199,U+01B3-01B4,U+01CD-01CE,U+01FA-01FF,U+0218-021B,U+0237,U+0253-0254,U+0257,U+0259,U+025B,U+02DD,U+1E44-1E45,U+1E62-1E63,U+1E80-1E85,U+1E9E,U+2020,U+20A3-20A4,U+20A9,U+20AD-20AE,U+20B1,U+20B8,U+20BA,U+20BD-20BE,U+20C1,U+2113;
}
@font-face{
  font-family:'Google Sans 18pt';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/wp-content/fonts/google-sans/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPlwUvaYr.woff2?v=0.2.10') format('woff2');
  unicode-range:U+2153-2154,U+215B-215E,U+2160-216F,U+2180-2182,U+2190,U+2192,U+2196-2199,U+22C5,U+2393,U+24BC,U+25A0-25A1,U+25B2-25B3,U+25CA-25CB,U+25CF,U+2713,U+2715,U+275B-275E,U+2780-2788,U+278A-2792;
}

/* BisaBaca Parenting static template — candidate v0.2.3 */
:root{--orange-1:#F4511E;--orange:#FF6D00;--orange-2:#FF922B;--gold:#FFB81C;--ink:#232A34;--ink-2:#44505D;--muted:#66717D;--line:#E5E7EB;--paper:#fff;--canvas:#F5F6F8;--card:#fff;--soft-orange:#FFF1E7;--shadow:0 8px 22px rgba(33,40,52,.055);--radius:18px;--max:1360px;color-scheme:light}
*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html{scroll-behavior:smooth;scroll-padding-top:88px;font-family:"Google Sans 18pt","Google Sans 18pt","Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Google Sans 18pt","Google Sans 18pt","Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;font-family:"Google Sans 18pt","Google Sans 18pt","Nunito Sans",system-ui,sans-serif}button,a,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px 16px;border-radius:8px;z-index:200}.skip-link:focus{left:8px;outline:3px solid var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:10px clamp(18px,3vw,44px);background:rgba(255,255,255,.96);border-bottom:1px solid rgba(28,38,50,.08);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{width:46px;height:46px;flex:none}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#656D77;text-transform:uppercase;margin-bottom:4px}.brand-name{font-size:24px;font-weight:850;letter-spacing:-.04em;color:var(--orange);line-height:1}.brand-name span{color:var(--ink)}.header-tools{display:flex;align-items:center;gap:10px;max-width:580px;flex:1;justify-content:flex-end}.search-form{display:flex;align-items:center;gap:8px;width:min(100%,430px);min-height:44px;padding:4px 5px 4px 15px;background:#F8F9FA;border:1px solid #DDE1E6;border-radius:12px}.search-form input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px}.search-form input:focus-visible{outline:0}.search-form:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,109,0,.12)}.search-form button,.icon-btn{display:grid;place-items:center;border:0;background:transparent;border-radius:9px;color:#49515C;width:36px;height:36px;flex:none}.search-form button:hover,.icon-btn:hover{background:var(--soft-orange);color:var(--orange)}.icon-btn{border:1px solid #E5E7EB;background:#fff;width:42px;height:42px}.mobile-menu-btn{display:none}
.page-shell{max-width:var(--max);margin:0 auto;padding:28px clamp(16px,2.5vw,34px) 60px}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;isolation:isolate;overflow:hidden;min-height:285px;padding:clamp(28px,4vw,54px);border-radius:26px;background:linear-gradient(105deg,var(--orange-1) 0%,var(--orange) 62%,var(--orange-2) 100%);color:#fff;box-shadow:0 15px 36px rgba(244,81,30,.16)}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border-radius:48% 52% 63% 37% / 48% 39% 61% 52%;pointer-events:none}.hero:before{width:380px;height:330px;right:13%;top:-145px;background:rgba(255,195,109,.23);transform:rotate(18deg)}.hero:after{width:270px;height:230px;right:-60px;bottom:-120px;background:rgba(255,239,206,.16);transform:rotate(-24deg)}.hero-copy{max-width:780px}.eyebrow{margin:0 0 12px;font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.88)}.hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:760px;font-weight:850}.hero p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.94);max-width:650px;margin:18px 0 0}.hero-actions{flex:none;align-self:flex-end}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border:1px solid transparent;border-radius:12px;font-weight:750;font-size:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button-light{color:#A83E08;background:#fff;box-shadow:0 5px 14px rgba(90,31,0,.13)}.button-light:hover{background:#FFF7EE;box-shadow:0 8px 18px rgba(90,31,0,.18)}.button-outline{background:#fff;border-color:var(--line);color:var(--ink)}.button-outline:hover{border-color:#FFB16F;background:#FFFAF5}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin:0 0 18px}.breadcrumbs a:hover{color:var(--orange)}.content-layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:28px;align-items:start;margin-top:32px}.sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:19px}.side-panel{background:var(--paper);border:1px solid rgba(28,38,50,.06);border-radius:18px;padding:17px;box-shadow:0 4px 14px rgba(28,38,50,.025)}.side-actions{display:grid;gap:9px}.side-link{display:flex;align-items:center;gap:10px;min-height:43px;padding:10px 12px;border:1px solid #E6E8EC;border-radius:11px;color:var(--ink-2);font-size:14px;font-weight:750;background:#fff;transition:background .18s,border-color .18s,color .18s}.side-link:hover{border-color:#FFBE8E;background:#FFF9F4;color:#B9460A}.side-link.active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 4px 11px rgba(255,109,0,.15)}.side-heading{margin:4px 0 11px;color:#59626D;font-size:11px;letter-spacing:.12em;font-weight:850;text-transform:uppercase}.topic-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.topic-list a{display:flex;align-items:center;gap:10px;padding:8px 7px;border-radius:9px;font-size:14px;color:#44505D}.topic-list a:hover,.topic-list a.active{background:#F6F7F8;color:var(--orange)}.topic-dot{width:9px;height:9px;border-radius:50%;flex:none}.dot-orange{background:#FF6D00}.dot-blue{background:#4A90D9}.dot-gold{background:#FFB800}.dot-green{background:#5CB85C}.dot-purple{background:#9472D8}.recent-list{display:grid;gap:12px}.recent-link{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;font-size:12px;line-height:1.4;font-weight:750}.recent-link img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#FFF1E7}.recent-link:hover{color:var(--orange)}.main-content{min-width:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h2{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:0;font-weight:850}.section-head p{font-size:14px;color:var(--muted);margin:5px 0 0}.article-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:12px;background:#fff;border:1px solid #E7E9ED;border-radius:14px}.control-group{display:flex;align-items:center;gap:8px;min-width:0}.control-select{min-height:40px;padding:8px 34px 8px 12px;border:1px solid #DFE3E8;background:#FAFBFC;border-radius:10px;color:#3D4652;font-size:13px;max-width:230px}.view-toggle{display:flex;align-items:center;gap:4px;padding:3px;background:#F0F2F4;border-radius:10px}.view-btn{width:37px;height:34px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#68727D}.view-btn[aria-pressed="true"]{background:#fff;color:var(--orange);box-shadow:0 1px 4px rgba(30,40,50,.1)}.results-count{color:var(--muted);font-size:13px;margin:0 0 14px}.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.article-card{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid rgba(32,42,54,.07);border-radius:17px;background:var(--card);box-shadow:0 4px 14px rgba(28,38,50,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.article-card:hover{transform:translateY(-3px);border-color:#FFD0AC;box-shadow:0 12px 25px rgba(28,38,50,.09)}.article-image-link{display:block;overflow:hidden;border-radius:12px;background:#FFF1E7;aspect-ratio:16/9}.article-image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.article-card:hover .article-image{transform:scale(1.035)}.card-body{display:flex;flex:1;flex-direction:column;padding:13px 4px 3px}.category-badge{align-self:flex-start;display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;line-height:1.3;letter-spacing:.04em;font-weight:850;text-transform:uppercase;margin-bottom:10px}.badge-orange{background:#FFF0E5;color:#B94405}.badge-blue{background:#EAF3FF;color:#245D9F}.badge-gold{background:#FFF6D9;color:#805C00}.badge-green{background:#E8F5E9;color:#2F6D3A}.badge-purple{background:#F0EAFE;color:#5C45A0}.article-title{font-size:18px;line-height:1.34;letter-spacing:-.025em;margin:0 0 9px;font-weight:850;color:#28313C}.article-title a:hover{color:var(--orange)}.article-excerpt{font-size:13px;color:#68727E;line-height:1.62;margin:0 0 15px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #F0F1F3;color:#7A838E;font-size:11px}.read-link{color:var(--orange);font-size:13px;font-weight:850;white-space:nowrap}.read-link span{display:inline-block;transition:transform .18s}.read-link:hover span{transform:translateX(3px)}.article-grid.list-view{grid-template-columns:1fr;gap:13px}.list-view .article-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:17px;align-items:stretch;padding:12px}.list-view .article-image-link{aspect-ratio:16/9;height:100%;min-height:155px}.list-view .card-body{padding:4px 8px 3px 0}.list-view .article-title{font-size:20px}.list-view .article-excerpt{max-width:760px}.empty-state{grid-column:1/-1;padding:40px 20px;background:#fff;border:1px dashed #D8DDE3;border-radius:16px;text-align:center;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:28px 0 0}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:37px;height:37px;padding:0 10px;border:1px solid #E0E3E7;border-radius:9px;background:#fff;color:#59636E;font-size:13px;font-weight:750}.page-link.active,.page-link:hover{background:var(--orange);border-color:var(--orange);color:#fff}.pagination-note{text-align:center;color:var(--muted);font-size:12px;margin-top:10px}.site-footer{max-width:var(--max);margin:0 auto;padding:27px clamp(16px,2.5vw,34px) 36px}.footer-inner{border-top:1px solid #E1E4E8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;color:#737D87;font-size:13px}.footer-brand{font-weight:850;color:#3D4651}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a:hover{color:var(--orange)}
/* Article detail */
.article-layout{display:grid;grid-template-columns:258px minmax(0,900px);gap:28px;justify-content:center;align-items:start;margin-top:28px}.article-detail{background:#fff;border:1px solid rgba(32,42,54,.06);border-radius:22px;padding:clamp(20px,4vw,42px);box-shadow:0 4px 16px rgba(28,38,50,.025);min-width:0}.article-detail h1{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 17px;font-weight:900}.article-lead{font-size:18px;color:#586472;line-height:1.65;margin:0 0 22px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#747F8A;font-size:12px;margin:0 0 22px}.article-hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:#FFF1E7;margin-bottom:26px}.article-prose{max-width:72ch;font-size:17px;line-height:1.85;color:#39434E}.article-prose h2{font-size:27px;line-height:1.25;letter-spacing:-.03em;color:var(--ink);margin:32px 0 12px}.article-prose h3{font-size:21px;color:var(--ink);margin:24px 0 10px}.article-prose p{margin:0 0 18px}.article-prose ul{padding-left:24px}.article-prose li{padding-left:4px;margin:8px 0}.callout{border-left:4px solid var(--orange);background:#FFF6EF;padding:16px 18px;border-radius:0 12px 12px 0;color:#65412C;margin:24px 0;font-size:15px}.toc{background:#F7F8FA;border:1px solid #E7E9ED;border-radius:14px;padding:17px 20px;margin:20px 0 26px}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;color:#495565;font-size:14px;padding:4px 0}.toc a:hover{color:var(--orange)}.article-bottom{margin-top:30px;padding-top:22px;border-top:1px solid #E7E9ED}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.related-card{display:flex;gap:12px;padding:10px;border:1px solid #E7E9ED;border-radius:13px}.related-card img{width:88px;height:88px;border-radius:9px;object-fit:cover}.related-card strong{display:block;font-size:14px;line-height:1.35}.related-card span{font-size:11px;color:var(--muted)}
/* Category and search */
.page-heading{background:#fff;border-radius:21px;padding:clamp(24px,4vw,40px);border:1px solid rgba(28,38,50,.06);margin-bottom:24px}.page-heading .eyebrow{color:var(--orange);margin-bottom:7px}.page-heading h1{font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.04em;margin:0 0 10px}.page-heading p{color:var(--muted);margin:0;max-width:760px}.category-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.topic-pill{padding:8px 13px;border:1px solid #E1E4E8;border-radius:999px;color:#495461;background:#fff;font-size:13px;font-weight:750}.topic-pill.active,.topic-pill:hover{border-color:#FFB984;background:#FFF2E8;color:#B54708}.search-page-form{display:flex;gap:8px;margin:22px 0 16px}.search-page-form input{flex:1;min-width:0;border:1px solid #DDE1E6;background:#fff;border-radius:12px;padding:12px 15px}.search-page-form button{border:0;background:var(--orange);color:#fff;border-radius:12px;padding:0 19px;font-weight:800}.search-page-form button:hover{background:var(--orange-1)}
body.dark{--ink:#EEF2F6;--ink-2:#D4DBE4;--muted:#ABB6C3;--paper:#202832;--canvas:#131921;--card:#202832;--line:#39424D;--shadow:0 8px 22px rgba(0,0,0,.18);background:var(--canvas);color:var(--ink)}body.dark .site-header,body.dark .side-panel,body.dark .article-controls,body.dark .page-heading,body.dark .article-detail,body.dark .empty-state{background:#202832;border-color:#39424D}body.dark .brand-name span,body.dark .article-title,body.dark .article-prose h2,body.dark .article-prose h3,body.dark .footer-brand{color:#F4F6F8}body.dark .search-form,body.dark .control-select,body.dark .icon-btn,body.dark .side-link,body.dark .page-link,body.dark .topic-pill{background:#202832;border-color:#46505C;color:#E6EBF1}body.dark .search-form input{color:#fff}body.dark .article-card{background:#202832;border-color:#39424D}body.dark .article-excerpt,body.dark .article-prose,body.dark .article-lead,body.dark .topic-list a{color:#C4CDD8}body.dark .card-footer,body.dark .article-bottom,body.dark .footer-inner{border-color:#39424D}body.dark .article-prose h2,body.dark .article-prose h3{color:#F4F6F8}body.dark .toc{background:#19212A;border-color:#39424D}body.dark .toc a{color:#D6DEE8}body.dark .callout{background:#352A23;color:#F6D4B6}body.dark .side-link.active{background:var(--orange);border-color:var(--orange);color:#fff}body.dark .view-toggle{background:#151B22}body.dark .view-btn[aria-pressed="true"]{background:#303B47}body.dark .site-footer .footer-inner{color:#AAB4BF}
@media(max-width:1180px){.content-layout,.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:250px}.list-view .article-image-link{min-height:130px}}
@media(max-width:820px){.site-header{gap:12px;padding:10px 16px}.brand{min-width:0}.brand-kicker{font-size:9px}.brand-name{font-size:21px}.brand-mark{width:42px;height:42px}.header-tools{gap:6px}.search-form{max-width:280px}.mobile-menu-btn{display:grid}.content-layout,.article-layout{grid-template-columns:1fr}.sidebar{position:static;display:none}.sidebar.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hero{align-items:flex-start;flex-direction:column;gap:20px}.hero-actions{align-self:flex-start}.hero h1{max-width:720px}.page-shell{padding-top:18px}.article-layout{margin-top:18px}.article-detail{padding:24px}.recent-panel{grid-column:1/-1}}
@media(max-width:560px){.site-header{min-height:62px;padding:8px 12px}.brand{gap:8px}.brand-mark{width:36px;height:36px}.brand-kicker{font-size:8px;letter-spacing:.08em}.brand-name{font-size:19px}.header-tools .search-form{width:42px;padding:3px;border:0;background:transparent}.header-tools .search-form input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.header-tools .search-form button{background:#F5F6F8}.icon-btn{width:38px;height:38px}.page-shell{padding:14px 12px 38px}.hero{padding:25px 21px;border-radius:20px;min-height:0}.hero h1{font-size:33px}.hero p{font-size:14px}.hero:before{right:-90px;top:-190px}.content-layout{gap:18px;margin-top:22px}.sidebar.open{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr;gap:14px}.article-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:9px;align-items:start}.article-image-link{aspect-ratio:16/9}.card-body{padding:2px 2px 0}.category-badge{font-size:9px;padding:4px 7px;margin-bottom:6px}.article-title{font-size:15px;line-height:1.32;margin-bottom:6px}.article-excerpt{font-size:12px;line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{padding-top:7px;font-size:10px}.read-link{font-size:11px}.article-controls{padding:8px;gap:6px;flex-wrap:wrap}.control-select{max-width:190px;flex:1}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.section-head h2{font-size:23px}.list-view .article-card{grid-template-columns:100px minmax(0,1fr);gap:12px}.list-view .article-image-link{min-height:100px}.list-view .article-title{font-size:15px}.article-detail{padding:19px 16px;border-radius:17px}.article-detail h1{font-size:32px}.article-lead{font-size:16px}.article-prose{font-size:16px;line-height:1.8}.article-prose h2{font-size:24px}.article-prose h3{font-size:20px}.related-grid{grid-template-columns:1fr}.related-card img{width:72px;height:72px}.footer-inner{align-items:flex-start;flex-direction:column}.search-page-form{flex-wrap:wrap}.search-page-form input{flex-basis:100%}.search-page-form button{min-height:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* v0.2.2 refinement layer */

.site-nav{display:flex;align-items:center;gap:18px;margin-left:auto;margin-right:12px;font-size:13px;font-weight:800;color:#52606D}.site-nav.mobile-open{position:absolute;z-index:70;left:0;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 16px 14px;background:#fff;border-bottom:1px solid #E7E9ED;box-shadow:0 10px 22px rgba(20,30,40,.09)}.site-nav.mobile-open a{padding:10px 8px}.site-nav a{padding:8px 0;position:relative}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--orange)}.site-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2px;background:var(--orange)}
.site-header{gap:clamp(10px,1.8vw,26px)}.brand{min-width:180px}.header-tools{flex:0 1 380px}.hero.hero-fullwidth{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;box-shadow:none;padding-top:clamp(34px,5vw,68px);padding-bottom:clamp(34px,5vw,68px);padding-left:max(clamp(12px,2.5vw,34px),calc((100vw - var(--max))/2 + clamp(12px,2.5vw,34px)));padding-right:max(clamp(12px,2.5vw,34px),calc((100vw - var(--max))/2 + clamp(12px,2.5vw,34px)))}body{overflow-x:clip}.home-articles{min-width:0;margin-top:clamp(26px,3.2vw,42px)}.archive-main{min-width:0;margin-top:28px}.hero{padding-right:clamp(200px,28vw,390px)}.hero-art{position:absolute;z-index:-1;right:2%;bottom:-8%;width:min(39%,410px);max-height:112%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 7px rgba(105,47,10,.1));pointer-events:none}.hero:before{right:9%;top:-125px;width:430px;height:370px}.hero h1{max-width:710px}.hero p{max-width:620px}
.content-layout{grid-template-columns:minmax(0,1fr) 280px}.main-content{order:1}.sidebar{order:2}.article-layout{grid-template-columns:minmax(0,1fr) 300px}.article-detail{order:1}.article-layout .sidebar{order:2}
.section-head{margin-top:4px}.article-card{height:100%;overflow:hidden}.article-card .article-image-link{overflow:hidden;background:#FFF1E7}.article-card .article-image-link img{transition:transform .3s ease}.article-card:hover .article-image-link img{transform:scale(1.035)}.article-title a:hover{color:var(--orange)}.article-image-link img{aspect-ratio:16/10;object-fit:cover}.article-title{overflow-wrap:anywhere}.category-badge{max-width:100%;width:fit-content}
.hero-topics{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.hero-topic{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;font-weight:800;font-size:12px;transition:background .18s}.hero-topic:hover{background:rgba(255,255,255,.28)}.section-kicker{margin:0 0 5px;color:var(--orange);font-size:11px;letter-spacing:.13em;font-weight:900;text-transform:uppercase}.intro-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 30px}.intro-point{background:linear-gradient(145deg,#fff,#FFF8F2);border:1px solid #F2E8E0;border-radius:15px;padding:15px;display:flex;gap:12px;align-items:flex-start}.intro-point .point-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#FFF0E4;color:var(--orange);flex:none}.intro-point strong{display:block;font-size:13px;line-height:1.35}.intro-point p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.filter-search{display:flex;align-items:center;gap:8px;min-width:180px;flex:1}.filter-search input{width:100%;min-width:0;min-height:40px;border:1px solid #DFE3E8;background:#FAFBFC;border-radius:10px;padding:8px 12px;font-size:13px}.filter-search input:focus{border-color:var(--orange);outline:3px solid rgba(255,109,0,.12)}.clear-filters{border:1px solid #F2D6C4;background:#FFF7F0;color:#9A3B09;border-radius:10px;min-height:38px;padding:7px 11px;font-size:12px;font-weight:800}.clear-filters:hover{background:#FFE9D8}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:24px 0 8px}.page-link{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid #E2E5E9;border-radius:10px;background:#fff;color:#4D5661;font-size:13px;font-weight:800}.page-link:hover,.page-link.active{background:var(--orange);border-color:var(--orange);color:#fff}.page-link:disabled{opacity:.4;cursor:not-allowed}.empty-state{grid-column:1/-1;display:grid;place-items:center;text-align:center;padding:40px 20px;border:1px dashed #D9DDE3;border-radius:16px;background:#fff;color:var(--muted)}.empty-state strong{font-size:18px;color:var(--ink);margin-bottom:6px}.empty-state button{margin-top:12px}
.sidebar .newsletter-panel{background:linear-gradient(140deg,#FF922B,#FF6D00);color:white;border:0;overflow:hidden;position:relative}.newsletter-panel:after{content:"";position:absolute;right:-32px;top:-42px;width:130px;height:130px;border:20px solid rgba(255,255,255,.14);border-radius:50%}.newsletter-panel h3{position:relative;z-index:1;color:#fff;font-size:18px;line-height:1.25;margin:0 0 8px}.newsletter-panel p{position:relative;z-index:1;color:rgba(255,255,255,.92);font-size:12px;margin:0 0 14px}.newsletter-form{position:relative;z-index:1;display:grid;gap:8px}.newsletter-form input{min-height:40px;width:100%;border:1px solid rgba(255,255,255,.55);border-radius:9px;background:#fff;color:#23303D;padding:8px 11px;font-size:13px}.newsletter-form button{min-height:40px;border:1px solid rgba(255,255,255,.65);border-radius:9px;background:#C74700;color:#fff;font-size:13px;font-weight:900}.newsletter-form button:hover{background:#A83900}.form-message{display:block;font-size:11px;line-height:1.4;margin-top:8px;color:#fff}
.page-heading{box-shadow:var(--shadow)}.category-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.category-tile{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid #E7E9ED;border-radius:16px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.category-tile:hover{transform:translateY(-2px);border-color:#FFC69D}.category-tile .tile-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none;background:#FFF0E4;color:var(--orange);font-size:20px}.category-tile h2{font-size:17px;line-height:1.3;margin:0 0 6px}.category-tile p{margin:0;color:var(--muted);font-size:13px}.category-tile .tile-count{display:block;color:var(--orange);font-size:12px;font-weight:900;margin-top:9px}
.site-footer{background:#fff;border-top:1px solid #E7E9ED}.footer-inner{max-width:var(--max);margin:auto;padding:28px clamp(16px,2.5vw,34px);display:flex;align-items:center;justify-content:space-between;gap:22px;color:var(--muted);font-size:12px}.footer-brand{color:#222B35;font-size:18px;font-weight:900;letter-spacing:-.03em}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a:hover{color:var(--orange)}.footer-tagline{margin-top:3px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.article-hero-image{width:100%;max-height:430px;object-fit:cover;border-radius:16px;margin:24px 0 18px;background:#FFF1E7}.article-detail h1{overflow-wrap:anywhere}.article-prose ul{padding-left:1.2rem}.article-prose li{margin:7px 0}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 22px}.share-label{font-size:12px;color:var(--muted);font-weight:800}.share-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #E2E5E9;border-radius:10px;background:#fff;color:#374151;font-size:12px;font-weight:800}.share-btn:hover{border-color:#FFB984;background:#FFF7F0;color:#B9460A}.reading-progress{height:3px;position:fixed;z-index:60;top:0;left:0;width:0;background:linear-gradient(90deg,#F4511E,#FF6D00,#FFB81C);transition:width .05s linear}.back-to-top{position:fixed;z-index:45;right:18px;bottom:18px;display:none;place-items:center;width:44px;height:44px;border:0;border-radius:14px;background:var(--orange);color:#fff;box-shadow:0 8px 22px rgba(244,81,30,.28)}.back-to-top.visible{display:grid}.article-aside-note{font-size:12px;color:var(--muted);line-height:1.55}.prose-note{margin:20px 0;padding:15px 16px;border-radius:13px;background:#FFF7EC;border:1px solid #F4D7BD;color:#75421D;font-size:13px}.no-script-note{margin:10px 0;padding:10px;border-radius:10px;background:#FFF4D6;color:#614815;font-size:13px}
body.dark .site-nav{color:#D3DCE5}body.dark .site-nav.mobile-open{background:#202832;border-color:#39424D}body.dark .site-nav a:hover,body.dark .site-nav a[aria-current="page"]{color:#FFAD69}body.dark .site-nav a[aria-current="page"]:after{background:#FFAD69}body.dark .intro-point,body.dark .category-tile,body.dark .share-btn{background:#202832;border-color:#39424D;color:#E6EBF1}body.dark .intro-point p,body.dark .category-tile p{color:#C4CDD8}body.dark .intro-point .point-icon{background:#3A2C23;color:#FFAD69}body.dark .filter-search input{background:#202832;border-color:#46505C;color:#EEF2F6}body.dark .clear-filters{background:#36281F;border-color:#65442A;color:#FFD4B1}body.dark .empty-state{border-color:#46505C}body.dark .empty-state strong{color:#EEF2F6}body.dark .site-footer{background:#202832;border-color:#39424D}body.dark .footer-brand{color:#F4F6F8}body.dark .share-btn:hover{background:#36281F}body.dark .prose-note{background:#352A23;border-color:#60402A;color:#F6D4B6}
@media(max-width:1180px){.site-nav{gap:12px}.brand{min-width:160px}.brand-mark{width:42px;height:42px}.brand-kicker{font-size:9px}.brand-name{font-size:22px}.hero{padding-right:clamp(180px,28vw,300px)}.hero-art{width:35%;right:2%}.content-layout,.article-layout{grid-template-columns:minmax(0,1fr) 250px}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-strip{gap:9px}.intro-point{padding:12px}}
@media(max-width:820px){.site-header{gap:10px;padding:9px 14px}.site-nav{display:none}.header-tools{flex:0 1 auto;max-width:none}.brand{min-width:0}.content-layout,.article-layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hero{padding-right:clamp(170px,30vw,250px);min-height:250px}.hero-art{right:-1%;width:36%;bottom:-4%}.hero h1{font-size:clamp(31px,5vw,44px)}.content-layout{gap:20px}.article-layout{gap:20px}.intro-strip{grid-template-columns:1fr}.intro-point{align-items:center}.sidebar{display:none}.sidebar.open{display:grid}.category-directory{grid-template-columns:1fr}.page-shell{padding-top:20px}}
@media(max-width:560px){.site-header{min-height:62px;padding:8px 10px;gap:7px}.brand{gap:7px;min-width:0}.brand-mark{width:32px;height:32px}.brand-kicker{font-size:7px;letter-spacing:.08em;margin-bottom:3px}.brand-name{font-size:18px}.header-tools{gap:4px}.header-tools .search-form{width:min(39vw,148px);max-width:148px;padding:3px 3px 3px 8px;gap:2px;min-height:37px}.header-tools .search-form input{position:static;width:100%;height:auto;opacity:1;pointer-events:auto;font-size:11px}.header-tools .search-form button{width:29px;height:29px;background:#FFF0E4}.icon-btn{width:34px;height:34px}.mobile-menu-btn{display:grid}.page-shell{padding:13px 12px 34px}.hero{display:block;min-height:0;padding:24px 20px 23px; border-radius:20px}.hero h1{font-size:31px;max-width:100%;padding-right:0}.hero p{font-size:13px;max-width:100%;margin-top:12px;padding-right:0}.hero-art{position:relative;display:block;z-index:0;width:78%;max-width:255px;max-height:none;right:auto;bottom:auto;margin:13px auto -35px;filter:none}.hero-actions{position:relative;z-index:2;margin-top:14px}.hero-topics{gap:6px}.hero-topic{font-size:11px;padding:6px 9px}.article-grid{grid-template-columns:1fr;gap:13px}.article-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;padding:9px;align-items:start}.article-image-link{aspect-ratio:16/9}.article-image-link img{aspect-ratio:16/9;width:100%;height:100%;object-fit:cover}.card-body{padding:1px 1px 0}.category-badge{font-size:9px;padding:4px 7px;margin-bottom:6px}.article-title{font-size:14px;line-height:1.32;margin-bottom:6px}.article-excerpt{font-size:11px;line-height:1.45;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{padding-top:6px;font-size:10px;gap:6px;flex-wrap:wrap}.read-link{font-size:10px}.article-controls{padding:8px;gap:7px;flex-wrap:wrap}.control-select{max-width:100%;flex:1;min-height:38px;font-size:12px}.filter-search{flex-basis:100%;order:-1}.filter-search input{min-height:38px;font-size:12px}.clear-filters{min-height:36px}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.section-head h2{font-size:22px}.section-head p{font-size:13px}.sidebar.open{grid-template-columns:1fr}.article-detail{padding:19px 15px;border-radius:17px}.article-detail h1{font-size:31px;line-height:1.13}.article-lead{font-size:15px}.article-prose{font-size:16px;line-height:1.8}.article-prose h2{font-size:23px}.article-prose h3{font-size:19px}.related-grid{grid-template-columns:1fr}.related-card img{width:72px;height:72px}.footer-inner{align-items:flex-start;flex-direction:column;gap:12px}.search-page-form{flex-wrap:wrap}.search-page-form input{flex-basis:100%}.search-page-form button{min-height:43px}.intro-strip{margin:18px 0 24px}.page-heading{padding:22px 18px}.page-heading h1{font-size:30px}.article-share{gap:6px}.share-btn{font-size:11px;padding:6px 8px}.pagination{gap:5px}.page-link{min-width:33px;height:33px}}
@media(max-width:360px){.brand-kicker{display:none}.header-tools .search-form{width:95px}.header-tools .search-form input{font-size:10px}.brand-name{font-size:17px}}
@media print{.site-header,.site-footer,.sidebar,.article-share,.back-to-top,.reading-progress{display:none!important}.page-shell{max-width:none;padding:0}.article-detail{border:0;box-shadow:none;padding:0}.article-prose{color:#000}.article-hero-image{max-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:560px){.hero.hero-fullwidth{padding-top:24px;padding-bottom:23px}}


/* v0.2.2 — match the active BisaBaca homepage brand and Blog article conventions. */
.hero.hero-fullwidth {
  background-color: #FF6D00;
  background-image:
    radial-gradient(at 10% 12%, rgba(255, 216, 77, .55) 0%, rgba(255, 216, 77, 0) 35%),
    radial-gradient(at 88% 87%, rgba(255, 184, 28, .36) 0%, rgba(255, 184, 28, 0) 34%),
    linear-gradient(135deg, #FF6D00 0%, #F4511E 44%, #FF7A1A 70%, #FF922B 100%);
}
.brand { min-width: 172px; }
.brand-logo { display:block; width:clamp(138px, 13vw, 176px); height:auto; max-height:58px; object-fit:contain; object-position:left center; }
.site-header { padding-left:clamp(14px,3vw,40px); padding-right:clamp(14px,3vw,40px); }
.article-detail { min-width:0; }
.article-featured-figure { margin:0 0 22px; overflow:hidden; border-radius:16px; background:#FFF1E7; }
.article-featured-figure .article-hero-image { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.article-featured-figure figcaption { display:block; padding:12px 16px 14px; border-top:1px solid #F0D8C7; background:#FFF9F4; color:#59626D; font-size:13px; line-height:1.55; }
.caption-label { display:block; color:#A44008; text-transform:uppercase; letter-spacing:.09em; font-size:10px; font-weight:900; margin:0 0 3px; }
.article-prose a,.article-context-links a { color:#D9480F; text-decoration:underline; text-decoration-color:rgba(217,72,15,.5); text-decoration-thickness:1.5px; text-underline-offset:3px; font-weight:800; }
.article-prose a:visited,.article-context-links a:visited { color:#8F3D90; }
.article-prose a:hover,.article-context-links a:hover { color:#A83200; text-decoration-color:currentColor; }
.article-prose a:focus-visible,.article-context-links a:focus-visible { outline:3px solid rgba(255,109,0,.4); outline-offset:3px; border-radius:3px; }
.article-context-links { margin:20px 0; padding:14px 16px; border-left:3px solid #FF6D00; border-radius:0 10px 10px 0; background:#FFF7F0; }
.article-tags { margin:26px 0 10px; padding-top:18px; border-top:1px solid #E9E3DE; }
.article-tags h2 { margin:0 0 10px; font-size:16px; }
.tag-chip-list { display:flex; flex-wrap:wrap; gap:8px; }
.tag-chip { display:inline-flex; align-items:center; padding:6px 10px; border:1px solid #F4C7A9; border-radius:999px; background:#FFF2E7; color:#AD4306; font-size:12px; font-weight:800; text-decoration:none; }
.tag-chip:hover,.tag-chip:focus-visible { background:#FF6D00; border-color:#FF6D00; color:#fff; }
.tag-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:22px 0 34px; }
.tag-directory-tile { min-width:0; display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #E7E9ED; border-radius:14px; background:#fff; box-shadow:var(--shadow); transition:border-color .18s, transform .18s; }
.tag-directory-tile:hover { border-color:#FFBE8E; transform:translateY(-2px); }
.tag-directory-hash { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:11px; background:#FFF0E4; color:#F4511E; font-size:21px; font-weight:900; }
.tag-directory-tile strong,.tag-directory-tile small { display:block; overflow-wrap:anywhere; }
.tag-directory-tile strong { color:#28313C; font-size:13px; line-height:1.35; }
.tag-directory-tile small { color:#737D87; font-size:11px; margin-top:3px; }
.tag-directory-arrow { margin-left:auto; color:#F4511E; font-weight:900; }
/* Same three-part footer architecture as the active BisaBaca homepage. */
.bb-footer-jelajah { margin-top:44px; background:#fff; color:#27313D; border-top:1px solid #E9E4DE; }
.bb-footer-jelajah__inner { max-width:1360px; margin:0 auto; padding:42px clamp(18px,3.2vw,46px) 0; }
.bb-footer-jelajah__main-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1.4fr) minmax(190px,.8fr); gap:clamp(24px,4vw,58px); }
.bb-footer-jelajah__brand-column { min-width:0; }
.bb-footer-jelajah__brand { display:inline-flex; flex-direction:column; align-items:flex-start; gap:7px; color:#5B6571; text-decoration:none; }
.bb-footer-jelajah__brand > span { font-size:10px; font-weight:900; letter-spacing:.13em; }
.bb-footer-jelajah__brand img { width:170px; max-width:100%; height:auto; object-fit:contain; object-position:left center; }
.bb-footer-jelajah__description { max-width:360px; margin:15px 0 18px; color:#626D78; font-size:13px; line-height:1.75; }
.bb-footer-jelajah__rubah-link { color:#D9480F; font-weight:850; text-decoration:underline; text-underline-offset:3px; }
.bb-footer-jelajah__socials { display:flex; align-items:center; gap:9px; }
.bb-footer-jelajah__socials a { display:grid; place-items:center; width:36px; height:36px; border:1px solid #E2E5E9; border-radius:50%; color:#45515D; background:#fff; transition:background .18s,color .18s,border-color .18s; }
.bb-footer-jelajah__socials a:hover { background:#FFF0E4; border-color:#FFC49C; color:#D9480F; }
.bb-footer-jelajah__socials svg { width:17px; height:17px; fill:currentColor; }
.bb-footer-jelajah__link-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2.5vw,34px); }
.bb-footer-jelajah__link-group h2,.bb-footer-jelajah__download h2 { margin:4px 0 14px; color:#27313D; font-size:14px; font-weight:900; }
.bb-footer-jelajah__link-group ul { list-style:none; display:grid; gap:9px; padding:0; margin:0; }
.bb-footer-jelajah__link-group a { color:#626D78; font-size:12px; line-height:1.45; text-decoration:none; }
.bb-footer-jelajah__link-group a:hover { color:#D9480F; text-decoration:underline; text-underline-offset:3px; }
.bb-footer-jelajah__download-items { display:grid; gap:10px; }
.bb-footer-jelajah__download-card { display:flex; align-items:center; gap:11px; min-height:58px; padding:10px 13px; border:1px solid #E1E4E8; border-radius:13px; background:#fff; color:#28313C; }
.bb-footer-jelajah__download-card svg { flex:none; width:25px; height:25px; fill:currentColor; }
.bb-footer-jelajah__download-card span { display:flex; flex-direction:column; line-height:1.2; }
.bb-footer-jelajah__download-card small { font-size:9px; font-weight:800; letter-spacing:.09em; color:#6E7782; }
.bb-footer-jelajah__download-card strong { margin-top:3px; font-size:13px; font-weight:900; }
.bb-footer-jelajah__bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:34px; padding:19px 0 22px; border-top:1px solid #E9EDF0; color:#747E89; font-size:11px; }
.bb-footer-jelajah__tagline { color:#4D5864; font-weight:800; }
body.dark .bb-footer-jelajah { background:#171D24; color:#E7ECF1; border-top-color:#303943; }
body.dark .bb-footer-jelajah__description,body.dark .bb-footer-jelajah__link-group a,body.dark .bb-footer-jelajah__bottom { color:#AFBAC5; }
body.dark .bb-footer-jelajah__link-group h2,body.dark .bb-footer-jelajah__download h2,body.dark .bb-footer-jelajah__tagline { color:#EEF2F6; }
body.dark .bb-footer-jelajah__socials a,body.dark .bb-footer-jelajah__download-card { background:#202832; border-color:#39434E; color:#E7ECF1; }
body.dark .bb-footer-jelajah__download-card small { color:#AFBAC5; }
body.dark .article-featured-figure figcaption,body.dark .article-context-links { background:#352A23; color:#E9CBB6; border-color:#69472F; }
body.dark .caption-label { color:#FFB984; }
body.dark .tag-chip,body.dark .tag-directory-hash { background:#3A2B21; border-color:#6B4931; color:#FFD2AF; }
body.dark .tag-directory-tile { background:#202832; border-color:#39434E; }
body.dark .tag-directory-tile strong { color:#EDF2F7; }
body.dark .tag-directory-tile small { color:#AEB9C5; }
body.dark .article-prose a,body.dark .article-context-links a { color:#FFAD70; }
@media(max-width:1000px) {
 .bb-footer-jelajah__main-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
 .bb-footer-jelajah__download { grid-column:1/-1; }
 .bb-footer-jelajah__download-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tag-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:820px) {
 .brand-logo { width:clamp(132px,25vw,166px); max-height:48px; }
 .bb-footer-jelajah__inner { padding-top:30px; }
 .bb-footer-jelajah__main-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .bb-footer-jelajah__link-groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bb-footer-jelajah__download { grid-column:auto; }
 .bb-footer-jelajah__download-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
 /* Keep the homepage-matched blob gradient identical on mobile and desktop. */
 .brand-logo { width:128px; max-height:40px; }
 .article-featured-figure { border-radius:12px; }
 .article-featured-figure .article-hero-image { aspect-ratio:16/9; }
 .tag-directory { grid-template-columns:1fr; }
 .bb-footer-jelajah__link-groups { gap:15px; }
 .bb-footer-jelajah__download-items { grid-template-columns:1fr; }
 .bb-footer-jelajah__bottom { margin-top:25px; }
}

/* v0.2.3: remove the candidate strip and the white spacer above the full-width homepage hero. */
.home-page-shell{padding-top:0!important}

/* v0.2.3: remove the candidate strip and the white spacer above the full-width homepage hero. */
.home-page-shell{padding-top:0!important}


/* v0.2.4: Google Sans 18pt local first, Nunito Sans fallback; consistent 16:9 article thumbnails. */
.article-image-link,.article-card .article-image-link,.list-view .article-image-link{aspect-ratio:16/9!important;}
.article-image-link img,.article-image-link .article-image,.article-card .article-image-link img{width:100%;height:100%;aspect-ratio:16/9!important;object-fit:cover;}
@media(max-width:560px){.article-card{grid-template-columns:minmax(0,1fr)!important;} .article-image-link,.article-card .article-image-link{aspect-ratio:16/9!important;} .article-image-link img,.article-image-link .article-image,.article-card .article-image-link img{aspect-ratio:16/9!important;}}
/* Featured image bleeds to the article section edges with no horizontal margin/padding. */
.article-detail .article-featured-figure{width:calc(100% + 2 * clamp(20px,4vw,42px));margin:calc(-1 * clamp(20px,4vw,42px)) calc(-1 * clamp(20px,4vw,42px)) 24px; padding:0; border-radius:0; overflow:hidden;}
.article-detail .article-featured-figure .article-hero-image{display:block;width:100%;max-width:none;height:auto;aspect-ratio:16/9;max-height:none;object-fit:cover;border-radius:0;margin:0;}
.article-detail .article-featured-figure figcaption{padding:10px clamp(15px,4vw,42px) 0;}
@media(max-width:560px){.article-detail .article-featured-figure{width:calc(100% + 30px);margin:-19px -15px 22px;} .article-detail .article-featured-figure figcaption{padding:10px 15px 0;}}
/* Accessibility: preserve visible keyboard focus and respect reduced-motion preferences. */
:focus-visible{outline:3px solid #B94405;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* v0.2.7 — prevent list-card media from overflowing into text column */
.article-grid.list-view > .article-card {
  display: grid !important;
  grid-template-columns: minmax(0, 230px) minmax(0, 1fr) !important;
  grid-auto-flow: row;
  column-gap: 22px !important;
  row-gap: 0 !important;
  align-items: stretch !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.article-grid.list-view > .article-card > .article-image-link {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
}
.article-grid.list-view > .article-card > .article-image-link > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}
.article-grid.list-view > .article-card > .card-body {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  margin: 0 !important;
  overflow-wrap: anywhere;
  padding: 4px 8px 3px 0 !important;
}
.article-grid.list-view .article-title,
.article-grid.list-view .article-excerpt,
.article-grid.list-view .card-footer {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 820px) {
  .article-grid.list-view > .article-card {
    grid-template-columns: minmax(0, 170px) minmax(0, 1fr) !important;
    column-gap: 16px !important;
  }
}
@media (max-width: 560px) {
  .article-grid.list-view > .article-card {
    grid-template-columns: minmax(0, 112px) minmax(0, 1fr) !important;
    column-gap: 11px !important;
    padding: 9px !important;
  }
  .article-grid.list-view > .article-card > .card-body {
    padding: 1px 1px 0 !important;
  }
}
/* Consistent category directory spacing on large and small screens */
.category-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.category-tile { min-width: 0; }
.category-tile > span:last-child { min-width: 0; }
.category-tile h2 { overflow-wrap: anywhere; }
@media (max-width: 820px) { .category-directory { grid-template-columns: 1fr; } }


/* v0.2.10 — finishing polish: touch feedback, article rhythm, related cards, pagination, and unified selects. */
*, *::before, *::after { -webkit-tap-highlight-color: transparent; }

/* Keep keyboard users informed even though touch highlight is removed. */
:focus-visible { outline: 3px solid #B94405; outline-offset: 3px; }

/* One consistent custom select treatment for category and sorting dropdowns. */
select.control-select {
  -webkit-appearance: none;
  appearance: none;
  min-width: 0;
  min-height: 42px;
  padding: 9px 38px 9px 13px;
  border: 1px solid #D9DEE5;
  border-radius: 12px;
  background-color: #FAFBFC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2359636E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 15px 15px;
  color: #35404C;
  line-height: 1.35;
  cursor: pointer;
}
select.control-select:hover { border-color: #F7B17C; background-color: #FFFDFB; }
select.control-select:focus-visible { border-color: #D9480F; outline: 3px solid rgba(217,72,15,.22); outline-offset: 2px; }
body.dark select.control-select {
  background-color: #202832;
  border-color: #46505C;
  color: #E6EBF1;
}
body.dark select.control-select:hover { background-color: #252E38; border-color: #B56A36; }

/* Single-post featured media stays flush with the article section, clipped by its rounded shell. */
main.article-detail {
  overflow: hidden;
  border-radius: 22px;
  background-clip: padding-box;
}
main.article-detail > .article-featured-figure {
  border-radius: 0;
  overflow: hidden;
}
main.article-detail > .article-featured-figure .article-hero-image { border-radius: 0; }
main.article-detail > .article-featured-figure figcaption {
  padding-bottom: 12px !important;
  line-height: 1.55;
}

/* Less loose paragraph rhythm on desktop; mobile body text is slightly smaller. */
.article-prose { font-size: 16px; line-height: 1.72; }
.article-prose p { line-height: inherit; margin-bottom: 17px; }
.article-prose > :last-child { margin-bottom: 0; }

/* Up to 15 unique related posts; cards remain readable with long Indonesian titles. */
.related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.related-card {
  min-width: 0;
  min-height: 100%;
  align-items: center;
  gap: 11px;
  padding: 10px;
  overflow: hidden;
  background: #fff;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.related-card:hover { border-color: #F7B17C; background: #FFFCF9; box-shadow: 0 5px 13px rgba(42,48,56,.055); }
.related-card > img {
  flex: 0 0 76px;
  width: 76px;
  height: 76px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.related-card > span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.related-card strong { font-size: 13px; line-height: 1.38; overflow-wrap: anywhere; }
.related-card span span { display: block; margin-top: 5px; line-height: 1.4; overflow-wrap: anywhere; }

/* Pagination controls are round, slightly larger, and comfortable to tap. */
.pagination { gap: 8px; }
.pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.pagination .page-link.active,
.pagination .page-link[aria-current="page"] {
  border-color: #FF6D00;
  background: #FF6D00;
  color: #fff;
  box-shadow: 0 3px 8px rgba(255,109,0,.2);
}
.pagination .page-link:disabled { opacity: .45; cursor: not-allowed; }
.pagination .page-link:focus-visible { outline: 3px solid #B94405; outline-offset: 3px; }

@media (max-width: 820px) {
  .article-prose { font-size: 15.5px; line-height: 1.68; }
  .article-prose p { margin-bottom: 16px; }
  main.article-detail { border-radius: 17px; }
  main.article-detail > .article-featured-figure { border-radius: 0; }
  .related-grid { grid-template-columns: 1fr; gap: 10px; }
  .related-card > img { flex-basis: 72px; width: 72px; height: 72px; }
  .related-card strong { font-size: 13px; }
  .pagination { gap: 7px; }
  .pagination .page-link { flex-basis: 44px; width: 44px; min-width: 44px; height: 44px; }
  select.control-select { min-height: 44px; max-width: 100%; }
}
@media (max-width: 560px) {
  .article-prose { font-size: 15.5px; line-height: 1.68; }
  .article-prose h2 { line-height: 1.27; }
  .article-prose h3 { line-height: 1.3; }
  .related-grid { grid-template-columns: 1fr; }
  .related-card { padding: 9px; }
}

/* v0.2.10 dark theme consistency for related-story cards. */
body.dark .related-card {
  background: #202832;
  border-color: #39434E;
  color: #E7ECF1;
}
body.dark .related-card:hover {
  background: #252E38;
  border-color: #B56A36;
}
body.dark .related-card strong { color: #EEF2F6; }
body.dark .related-card > span > span { color: #AFBAC5; }

/* v0.2.10 QA fix: ensure native hidden cards stay hidden despite card display declarations. */
.article-grid > .article-card[hidden] { display: none !important; }


/* v0.2.10 — consistent, fully styled accessible dropdowns across all listing pages. */
.custom-select-shell {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  z-index: 1;
}
.custom-select-shell--category { width: 260px; flex: 0 1 260px; }
.custom-select-shell--sort { width: 138px; flex: 0 1 138px; }
.custom-select-shell.is-open { z-index: 220; }
.custom-select-native[hidden] { display: none !important; }
.custom-select-trigger {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid #DFE3E8;
  border-radius: 14px;
  background: #FFFEFC;
  color: #28313C;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(27,36,46,.025);
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
  -webkit-tap-highlight-color: transparent;
}
.custom-select-trigger:hover,
.custom-select-shell.is-open .custom-select-trigger {
  border-color: #F3A36B;
  background: #FFF9F4;
}
.custom-select-trigger:focus-visible {
  outline: 3px solid rgba(255,109,0,.24);
  outline-offset: 2px;
  border-color: #D94B08;
}
.custom-select-value { display: block; min-width: 0; overflow-wrap: anywhere; }
.custom-select-chevron {
  width: 8px; height: 8px; flex: none;
  border-right: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .16s ease;
  opacity: .8;
}
.custom-select-shell.is-open .custom-select-chevron { transform: rotate(225deg) translate(-1px,-1px); }
.custom-select-menu {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  z-index: 221;
  width: max(100%, min(320px, calc(100vw - 24px)));
  max-width: min(360px, calc(100vw - 24px));
  min-width: min(260px, calc(100vw - 24px));
  max-height: min(340px, calc(100vh - 32px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 5px;
  border: 1px solid #E5E7EB;
  border-radius: 15px;
  background: #FFFFFF;
  color: #28313C;
  box-shadow: 0 16px 38px rgba(26,35,45,.17), 0 3px 8px rgba(26,35,45,.07);
  scrollbar-width: thin;
  scrollbar-color: #D5D9DF transparent;
}
.custom-select-shell--sort .custom-select-menu {
  width: max(100%, min(236px, calc(100vw - 24px)));
  min-width: min(210px, calc(100vw - 24px));
  max-width: min(300px, calc(100vw - 24px));
}
.custom-select-menu.menu-align-right { left: auto; right: 0; }
.custom-select-menu[hidden] { display: none !important; }
.custom-select-menu.menu-open-up { top: auto; bottom: calc(100% + 7px); }
.custom-select-option {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 36px;
  padding: 8px 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  font-weight: 450;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.custom-select-option:hover,
.custom-select-option.is-active { background: #FFF3E9; color: #A83F00; }
.custom-select-option[aria-selected="true"] { background: #FFE8D6; color: #923700; font-weight: 700; }
.custom-select-option[aria-selected="true"]::after {
  content: "✓";
  flex: none;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}
.custom-select-option[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.control-group--category { flex: 1 1 260px; min-width: 0; }
.control-group--sort { flex: 0 1 138px; min-width: 0; }
body.dark .custom-select-trigger { background: #202832; color: #E6EBF1; border-color: #46505C; }
body.dark .custom-select-trigger:hover,
body.dark .custom-select-shell.is-open .custom-select-trigger { background: #28323E; border-color: #B56A36; }
body.dark .custom-select-menu { background: #202832; color: #E6EBF1; border-color: #46505C; box-shadow: 0 16px 38px rgba(0,0,0,.38); scrollbar-color: #566271 transparent; }
body.dark .custom-select-option:hover,
body.dark .custom-select-option.is-active { background: #352A23; color: #FFD0AC; }
body.dark .custom-select-option[aria-selected="true"] { background: #52321F; color: #FFD8BB; }
@media (max-width: 560px) {
  .control-group--category { flex: 1 1 210px; }
  .control-group--sort { flex: 0 1 138px; }
  .custom-select-shell--category { width: min(100%, 280px); flex: 0 1 280px; }
  .custom-select-shell--sort { width: min(138px, 100%); flex: 0 1 138px; }
  .custom-select-trigger { min-height: 44px; padding: 9px 11px; font-size: 12.5px; border-radius: 13px; }
  .custom-select-menu { max-height: min(330px, calc(100vh - 24px)); }
  .custom-select-menu.menu-open-up { top: auto; bottom: calc(100% + 7px); }
  .custom-select-option { min-height: 40px; padding: 9px 10px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .custom-select-trigger, .custom-select-chevron { transition: none; }
}


/* v0.2.10 — restore search field priority and remove wasted space created by the fixed-width category control. */
.article-controls {
  justify-content: flex-start;
}
.article-controls > .filter-search {
  flex: 1 1 480px;
  width: auto;
  min-width: 340px;
  max-width: none;
}
.article-controls > .filter-search input {
  width: 100%;
  min-width: 0;
}
.article-controls > .control-group--category {
  flex: 0 1 220px;
  width: 220px;
  min-width: 0;
}
.article-controls > .control-group--sort {
  flex: 0 0 138px;
  width: 138px;
  min-width: 0;
}
.article-controls .custom-select-shell--category {
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}
.article-controls .custom-select-shell--sort {
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}
@media (max-width: 820px) {
  .article-controls { flex-wrap: wrap; }
  .article-controls > .filter-search {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    order: -1;
  }
  .article-controls > .control-group--category {
    flex: 0 1 220px;
    width: 220px;
  }
  .article-controls > .control-group--sort {
    flex: 0 1 138px;
    width: 138px;
  }
}
@media (max-width: 560px) {
  .article-controls > .filter-search {
    flex-basis: 100%;
    width: 100%;
    min-width: 0;
  }
  .article-controls > .control-group--category {
    flex: 0 1 220px;
    width: min(220px, 100%);
  }
}


/* Parenting Studio pagination compatibility v0.2.16 */
/* Deliberately target all direct pagination anchors, including markup generated by older template versions. */
.pagination {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pagination > a,
.pagination > button {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0 !important;
  border: 1px solid #D9DEE5 !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  color: #344054 !important;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  box-shadow: none;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.pagination > a:hover,
.pagination > button:hover {
  border-color: #FF6D00 !important;
  background: #FFF1E7 !important;
  color: #B94405 !important;
}
.pagination > a.active,
.pagination > a.current,
.pagination > a[aria-current="page"],
.pagination > button.active,
.pagination > button[aria-current="page"] {
  border-color: #FF6D00 !important;
  background: #FF6D00 !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 8px rgba(255,109,0,.20);
}
.pagination > a:focus-visible,
.pagination > button:focus-visible {
  outline: 3px solid #B94405;
  outline-offset: 3px;
}
.pagination > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  color: #66717D;
}
@media (max-width: 820px) {
  .pagination { gap: 7px; }
  .pagination > a,
  .pagination > button {
    flex-basis: 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }
}

/* Parenting Studio table readability and zebra rows v0.2.18 */
/* A wrapper is emitted around every editorial table during article rendering. */
.article-prose .article-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 22px 0 28px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #DDE4EB;
  border-radius: 14px;
  background: #FFFFFF;
}
.article-prose .article-table-scroll:focus-visible {
  outline: 3px solid rgba(255,109,0,.45);
  outline-offset: 3px;
}
.article-prose .article-table-scroll table {
  width: 100%;
  max-width: none;
  min-width: 600px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0;
  background: #FFFFFF;
  color: #344054;
  font-size: 14px;
  line-height: 1.62;
  table-layout: auto;
}
.article-prose .article-table-scroll table[data-table-columns="2"] { min-width: 520px; }
.article-prose .article-table-scroll table[data-table-columns="3"] { min-width: 660px; }
.article-prose .article-table-scroll table[data-table-columns="4"],
.article-prose .article-table-scroll table[data-table-columns="5"],
.article-prose .article-table-scroll table[data-table-columns="6"],
.article-prose .article-table-scroll table[data-table-columns="7"],
.article-prose .article-table-scroll table[data-table-columns="8"] { min-width: 760px; }
.article-prose .article-table-scroll table th,
.article-prose .article-table-scroll table td {
  min-width: 0;
  padding: 13px 16px;
  text-align: left !important;
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid #E6EBF0;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
/* The importer emits simple tables without a thead, so style the first row too. */
.article-prose .article-table-scroll table thead th,
.article-prose .article-table-scroll table tr:first-child th {
  background: #FFF0E3 !important;
  color: #28384D;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}
.article-prose .article-table-scroll table th + th,
.article-prose .article-table-scroll table td + td { border-left: 1px solid #E8EDF2; }
/* Zebra striping: restrained even rows, white odd rows. */
.article-prose .article-table-scroll table tbody tr:nth-child(odd) > td,
.article-prose .article-table-scroll table tbody tr:nth-child(odd) > th { background: #FFFFFF; }
.article-prose .article-table-scroll table tbody tr:nth-child(even) > td,
.article-prose .article-table-scroll table tbody tr:nth-child(even) > th { background: #F3F6F9; }
.article-prose .article-table-scroll table tr:last-child > td,
.article-prose .article-table-scroll table tr:last-child > th { border-bottom: 0; }
.article-prose .article-table-scroll table p { margin: 0 0 7px; line-height: inherit; }
.article-prose .article-table-scroll table p:last-child { margin-bottom: 0; }
.article-prose .article-table-scroll table ul,
.article-prose .article-table-scroll table ol { margin: 0; padding-left: 19px; }
.article-prose .article-table-scroll table li { margin: 4px 0; padding-left: 0; }
.article-prose .article-table-scroll table a { color: #B94405; text-decoration: underline; text-underline-offset: 2px; }
.article-prose .article-table-scroll table caption { padding: 0 0 8px; color: #66717D; font-size: 13px; text-align: left; }
@media (max-width: 820px) {
  .article-prose .article-table-scroll table { font-size: 13.5px; }
  .article-prose .article-table-scroll table th,
  .article-prose .article-table-scroll table td { padding: 11px 13px; }
}
body.dark .article-prose .article-table-scroll { border-color: #39434E; background: #202832; }
body.dark .article-prose .article-table-scroll table { background: #202832; color: #DDE5ED; }
body.dark .article-prose .article-table-scroll table thead th,
body.dark .article-prose .article-table-scroll table tr:first-child th { background: #352A23 !important; color: #FFD0AC; }
body.dark .article-prose .article-table-scroll table th,
body.dark .article-prose .article-table-scroll table td { border-bottom-color: #39434E; }
body.dark .article-prose .article-table-scroll table th + th,
body.dark .article-prose .article-table-scroll table td + td { border-left-color: #39434E; }
body.dark .article-prose .article-table-scroll table tbody tr:nth-child(odd) > td,
body.dark .article-prose .article-table-scroll table tbody tr:nth-child(odd) > th { background: #202832; }
body.dark .article-prose .article-table-scroll table tbody tr:nth-child(even) > td,
body.dark .article-prose .article-table-scroll table tbody tr:nth-child(even) > th { background: #26313C; }
body.dark .article-prose .article-table-scroll table a { color: #FFAD70; }

/* Parenting Studio editorial quote styling v0.2.19 */
/* Editorial pull quotes: warm, readable, and intentionally distinct from ordinary paragraphs. */
.article-prose blockquote {
  position: relative;
  margin: 26px 0 28px;
  padding: clamp(18px, 2.8vw, 25px) clamp(18px, 3vw, 28px);
  border: 0;
  border-left: 4px solid #FF6D00;
  border-radius: 0 15px 15px 0;
  background: linear-gradient(115deg, #FFF4E8 0%, #FFFBF7 100%);
  color: #28384D;
  font-size: clamp(16px, 1.45vw, 18px);
  font-weight: 500;
  line-height: 1.72;
  box-shadow: 0 5px 18px rgba(35,42,52,.045);
}
.article-prose blockquote::before {
  content: "“";
  display: block;
  margin: 0 0 3px;
  color: #F4511E;
  font-size: 34px;
  font-weight: 800;
  line-height: .9;
  letter-spacing: -.05em;
}
.article-prose blockquote p { margin: 0 0 10px; line-height: inherit; }
.article-prose blockquote p:last-child { margin-bottom: 0; }
.article-prose blockquote > :last-child { margin-bottom: 0; }
.article-prose blockquote cite,
.article-prose blockquote footer {
  display: block;
  margin-top: 13px;
  color: #66717D;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.article-prose blockquote cite::before { content: "— "; color: #F4511E; }
.article-prose blockquote a { color: #B94405; text-decoration: underline; text-underline-offset: 2px; }
body.dark .article-prose blockquote {
  border-left-color: #FF922B;
  background: linear-gradient(115deg, #302A26 0%, #252B32 100%);
  color: #E9EDF2;
  box-shadow: 0 5px 18px rgba(0,0,0,.14);
}
body.dark .article-prose blockquote::before { color: #FFAD70; }
body.dark .article-prose blockquote cite,
body.dark .article-prose blockquote footer { color: #B7C1CB; }
body.dark .article-prose blockquote cite::before { color: #FFAD70; }
body.dark .article-prose blockquote a { color: #FFAD70; }
@media (max-width: 560px) {
  .article-prose blockquote { margin: 22px 0 24px; padding: 17px 16px; border-radius: 0 12px 12px 0; font-size: 15.5px; line-height: 1.68; }
  .article-prose blockquote::before { font-size: 30px; }
}

/* Parenting Studio full-width article prose and quote refinement v0.2.20 */
/* Use the full inner width of the article card rather than the old 72ch reading measure. */
.article-detail > .article-prose,
.article-prose {
  display: block;
  width: 100%;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
}
.article-prose > p,
.article-prose > h2,
.article-prose > h3,
.article-prose > ul,
.article-prose > ol,
.article-prose > blockquote,
.article-prose > .callout,
.article-prose > .article-table-scroll {
  max-width: none;
  box-sizing: border-box;
}
.article-prose > blockquote,
.article-prose blockquote {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.article-prose .article-table-scroll { width: 100%; max-width: 100%; }
/* Avoid duplicate quotation marks when the authored text already starts with a quote glyph. */
.article-prose blockquote::before { content: none !important; display: none !important; }
.article-prose blockquote small {
  display: block; margin-top: 10px; color: #66717D; font-size: .84em;
  font-style: normal; font-weight: 600; line-height: 1.55;
}
body.dark .article-prose blockquote small { color: #B7C1CB; }
@media (max-width: 560px) {
  .article-detail > .article-prose, .article-prose { width: 100%; max-width: none !important; }
  .article-prose blockquote { width: 100%; padding: 17px 16px; }
}

/* Parenting Studio compact bulleted article contents v0.2.21 */
/* Use semantic list markers and a tighter rhythm so long TOCs remain scannable. */
.toc > .toc-title,
.toc > strong {
  display: block;
  margin: 0 0 7px;
  line-height: 1.3;
}
.toc .toc-list {
  display: block;
  margin: 0;
  padding: 0 0 0 21px;
  list-style-type: disc !important;
  list-style-position: outside;
}
.toc .toc-list > li {
  display: list-item !important;
  margin: 2px 0;
  padding: 0;
  line-height: 1.32;
}
.toc .toc-list > li::marker {
  color: #F4511E;
  font-size: .88em;
}
.toc .toc-list > li > a {
  display: inline;
  padding: 0;
  font-size: 14px;
  line-height: 1.32;
  text-decoration: none;
  text-underline-offset: 2px;
}
.toc .toc-list > li > a:hover { text-decoration: underline; }
.toc .toc-list > li > a:focus-visible {
  outline: 2px solid rgba(255,109,0,.55);
  outline-offset: 2px;
  border-radius: 3px;
}
body.dark .toc .toc-list > li::marker { color: #FFAD70; }
@media (max-width: 560px) {
  .toc { padding: 15px 16px; }
  .toc .toc-list { padding-left: 20px; }
  .toc .toc-list > li { margin: 2px 0; line-height: 1.3; }
  .toc .toc-list > li > a { font-size: 13.5px; line-height: 1.3; }
}

/* Parenting Static eight requested fixes v0.2.24 */
/* Header brand: small title above the existing official logo wordmark. */
.site-header > .brand {
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:0;
  text-align:center;
  text-decoration:none;
}
.site-header > .brand .brand-tagline {
  display:block;
  margin:0;
  color:#59636F;
  font-size:8px;
  font-weight:900;
  line-height:1.12;
  letter-spacing:.085em;
  white-space:nowrap;
}
.site-header > .brand .brand-logo,
.site-header > .brand .brand-mark {
  display:block;
  width:clamp(138px,13vw,176px);
  max-width:100%;
  height:auto;
  max-height:54px;
  object-fit:contain;
  object-position:center center;
}
/* Center the visible desktop/tablet navigation in the viewport, not in the leftover space. */
@media (min-width:821px) {
  .site-header {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    column-gap:clamp(8px,1.2vw,18px);
  }
  .site-header > .brand { justify-self:start; margin:0; }
  .site-header > .site-nav { justify-self:center; margin:0; gap:clamp(10px,1.15vw,17px); }
  .site-header > .header-tools { justify-self:end; width:100%; max-width:390px; min-width:0; flex:none; gap:8px; }
  .site-header > .header-tools .search-form { width:100%; max-width:100%; min-width:0; }
}
@media (min-width:821px) and (max-width:1024px) {
  .site-header { grid-template-columns:minmax(132px,1fr) auto minmax(190px,1fr); padding-left:14px; padding-right:14px; column-gap:8px; }
  .site-header > .brand .brand-logo,
  .site-header > .brand .brand-mark { width:clamp(124px,13vw,138px); max-height:40px; }
  .site-header > .brand .brand-tagline { font-size:7px; letter-spacing:.065em; }
  .site-header > .site-nav { gap:9px; font-size:12px; }
  .site-header > .header-tools { gap:4px; max-width:320px; }
  .site-header > .header-tools .search-form { min-height:39px; padding-left:8px; }
  .site-header > .header-tools .icon-btn { width:36px; height:36px; }
}
@media (max-width:820px) {
  .site-header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .site-header > .brand { flex:0 1 auto; min-width:0; gap:2px; }
  .site-header > .brand .brand-logo,
  .site-header > .brand .brand-mark { width:clamp(112px,25vw,140px); max-height:40px; }
  .site-header > .brand .brand-tagline { font-size:clamp(6px,1vw,7px); letter-spacing:.05em; }
  .site-header > .header-tools { flex:0 1 auto; max-width:none; min-width:0; gap:5px; }
}
@media (max-width:560px) {
  .site-header { min-height:62px; padding:8px 10px; gap:6px; }
  .site-header > .brand .brand-logo,
  .site-header > .brand .brand-mark { width:clamp(106px,31vw,124px); max-height:36px; }
  .site-header > .brand .brand-tagline { font-size:6px; letter-spacing:.035em; }
  .site-header > .header-tools .search-form { width:min(37vw,140px); max-width:140px; }
}

/* Desktop hero: keep the primary CTA under the text instead of at the far right. */
@media (min-width:1025px) {
  .hero.hero-fullwidth, .hero {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:start;
    justify-items:start;
    gap:0;
  }
  .hero-copy { grid-column:1; grid-row:1; position:relative; z-index:1; width:100%; max-width:780px; min-width:0; }
  .hero-actions { grid-column:1; grid-row:2; justify-self:start; align-self:start; margin-top:15px; position:relative; z-index:2; }
  .hero-art { z-index:0; }
}

/* Responsive tablet hero: preserve the banner and illustration while keeping copy/CTA together. */
@media (min-width:701px) and (max-width:1024px) {
  .hero.hero-fullwidth, .hero {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    justify-items:start;
    gap:0;
    min-height:300px;
    padding-top:clamp(30px,4vw,42px);
    padding-bottom:clamp(30px,4vw,42px);
    padding-right:clamp(245px,32vw,325px);
  }
  .hero-copy { position:relative; z-index:1; width:100%; max-width:none; min-width:0; }
  .hero h1 { max-width:min(100%,570px); font-size:clamp(30px,3.6vw,40px); line-height:1.12; }
  .hero p { max-width:48ch; font-size:14px; line-height:1.55; }
  .hero-actions { grid-column:1; grid-row:2; justify-self:start; align-self:start; margin-top:13px; position:relative; z-index:2; }
  .hero-art { position:absolute; right:1.5%; bottom:0; z-index:0; width:clamp(205px,31%,310px); max-width:36%; max-height:94%; object-fit:contain; object-position:center bottom; }
}
@media (min-width:701px) and (max-width:820px) {
  .hero h1 { max-width:min(100%,460px); }
}
@media (min-width:561px) and (max-width:700px) {
  .hero.hero-fullwidth, .hero {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    justify-items:start;
    gap:0;
    min-height:275px;
    padding:28px 22px 30px;
    padding-right:clamp(200px,31vw,230px);
  }
  .hero-copy { position:relative; z-index:1; width:100%; max-width:none; min-width:0; }
  .hero h1 { max-width:100%; font-size:clamp(27px,4.9vw,34px); line-height:1.12; }
  .hero p { font-size:13px; line-height:1.5; }
  .hero-actions { grid-column:1; grid-row:2; justify-self:start; align-self:start; margin-top:12px; position:relative; z-index:2; }
  .hero-art { position:absolute; right:1%; bottom:0; z-index:0; width:clamp(175px,30%,220px); max-width:38%; max-height:90%; object-fit:contain; object-position:center bottom; }
}

/* The excerpt is removed from generated card markup as well; this is a guard for older static cards. */
.article-card .article-excerpt { display:none !important; }
/* The floating control retains its hit area and position but becomes circular. */
.back-to-top { border-radius:50% !important; }

/* Parenting Static accessibility audit fixes v0.2.25 */
/* Raise contrast only for the elements flagged by the PageSpeed accessibility audit. */
.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: #B34700;
}
.site-nav a[aria-current="page"]::after {
  background: #B34700;
}
.read-link {
  color: #B34700;
}
.card-footer,
.article-meta {
  color: #59636E;
}
/* Preserve readable contrast when the existing dark theme is active. */
body.dark .site-nav a:hover,
body.dark .site-nav a[aria-current="page"] {
  color: #FFAD69;
}
body.dark .site-nav a[aria-current="page"]::after {
  background: #FFAD69;
}
body.dark .read-link {
  color: #FFB984;
}
body.dark .card-footer,
body.dark .article-meta {
  color: #C4CDD8;
}