*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Palatino Linotype',Palatino,'Book Antiqua',serif;line-height:1.9;color:#2a2a2a;background:#fefefe}
.css-k5q8bv6{max-width:640px;margin:0 auto;padding:0 20px}
.css-ly9l0m4{padding:60px 0 40px;border-bottom:1px solid #ccc;margin-bottom:48px}
.css-ly9l0m4 h1{font-size:24px;font-weight:400;letter-spacing:-.5px}
.css-ly9l0m4 p{font-size:14px;color:#777;margin-top:6px;font-style:italic}
.css-ly9l0m4 a{color:#2a2a2a;text-decoration:none;font-size:24px;font-weight:400;letter-spacing:-.5px}
.css-3ql3pmz{padding:20px 0}
.css-3ql3pmz h2{font-size:18px;font-weight:400;margin-bottom:4px}
.css-3ql3pmz h2 a{color:#2a2a2a;text-decoration:none;border-bottom:1px solid transparent}
.css-3ql3pmz h2 a:hover{border-bottom-color:#2a2a2a}
.css-3ql3pmz .css-cs1pojl{font-size:12px;color:#aaa;margin-bottom:6px}
.css-3ql3pmz p{font-size:14px;color:#666}
.css-91egkts{color:#888;font-size:13px;text-decoration:none}
.css-91egkts:hover{color:#2a2a2a}
.css-cfdje3l{padding-bottom:60px}
.css-cfdje3l h1{font-size:28px;font-weight:400;margin-bottom:8px}
.css-cfdje3l .css-cs1pojl{font-size:12px;color:#aaa;display:block;margin-bottom:32px}
.css-cfdje3l h2{font-size:21px;font-weight:400;margin:40px 0 12px;border-bottom:1px solid #eee;padding-bottom:6px}
.css-cfdje3l h3{font-size:17px;margin:28px 0 8px}
.css-cfdje3l p{margin-bottom:18px;font-size:16px}
.css-cfdje3l ul,.css-cfdje3l ol{margin:0 0 18px 20px}
.css-cfdje3l a{color:#555;border-bottom:1px solid #ccc}
.css-cfdje3l a:hover{color:#000;border-bottom-color:#000}
.css-cfdje3l img{max-width:100%;height:auto;margin:24px 0}
.css-17vq6m5{border-top:1px solid #ddd;padding:20px 0;margin-top:48px;text-align:center;font-size:12px;color:#aaa}
.css-17vq6m5 a{color:#aaa;text-decoration:none}
.css-1y9ipa8{padding:0 0 16px;margin-bottom:24px;font-size:12px;color:#aaa;font-style:italic;border-bottom:1px solid #eee}
.css-vgrbbag{padding:16px 0 0;margin-top:32px;font-size:11px;color:#999;border-top:1px solid #eee}
.css-6op4c41{font-size:12px;color:#aaa;margin:-26px 0 32px;font-weight:300}
.css-ala3sjb{margin:0 auto 32px;max-width:720px}
.css-x8o5tk6{width:100%;height:auto}
.css-rykwn24{margin:24px auto;max-width:720px}
.css-epopaz9{width:100%;height:auto}
.css-xxofwt0{margin-top:40px;padding-top:20px;border-top:1px solid #eee;font-size:14px;color:#888}
.css-xxofwt0 em{color:#aaa}
.css-xxofwt0 a{color:#555;border-bottom:1px solid #ddd;text-decoration:none}
/* === Theme === */
:root{--primary:#3D5235;--accent:#B89455;--bg:#ECE4D0;--fg:#1A1F1A;--border:#C5BBA8;--r:26px;--fb:'Gentium Plus';--fh:'Cormorant Infant'}
/* === Custom === */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,500;0,700;1,500&family=Gentium+Plus:ital,wght@0,400;0,700;1,400&display=swap');

:root body { font-family: var(--fb), Cambria, 'Times New Roman', serif; color: var(--fg); background: var(--bg); line-height: 1.76; font-size: 16.5px; }
::selection { background: var(--primary); color: var(--bg); }
:root hr { border: 0; border-top: 1px solid var(--border); margin: 28px 0; }

:root header { border-bottom: 3px solid var(--primary); padding: 56px 0 26px; margin-bottom: 40px; background: transparent; }
:root header h1 { font-family: var(--fh), Cambria, serif; font-size: 32px; font-weight: 700; color: var(--primary); letter-spacing: -.005em; line-height: 1.14; }
:root header h1 + p { font-family: var(--fb), Cambria, serif; font-size: 13.5px; color: var(--fg); opacity: .78; margin-top: 8px; font-style: italic; }
:root header a { font-family: var(--fh), Cambria, serif; font-size: 22px; color: var(--primary); text-decoration: none; font-weight: 700; }

:root main { padding-bottom: 80px; }
:root main > h1 { font-family: var(--fh), Cambria, serif; font-size: 30px; line-height: 1.16; color: var(--primary); font-weight: 700; margin: 8px 0 6px; letter-spacing: -.005em; }
:root main > span { display: block; font-family: var(--fb), Cambria, serif; font-size: 12px; color: var(--accent); margin-bottom: 32px; letter-spacing: .14em; text-transform: uppercase; font-style: italic; font-weight: 700; }

:root main > article > p { margin-bottom: 18px; font-size: 16.5px; }
:root main > article > h2 { font-family: var(--fh), Cambria, serif; font-size: 24px; font-weight: 700; color: var(--primary); margin: 40px 0 14px; padding-bottom: 6px; border-bottom: 1px solid var(--accent); }
:root main > article > h3 { font-family: var(--fh), Cambria, serif; font-size: 19px; font-weight: 700; color: var(--accent); margin: 26px 0 10px; font-style: italic; }
:root main > article ul, :root main > article ol { margin: 0 0 18px 22px; }
:root main > article li { margin-bottom: 6px; }
:root main > article blockquote { border-left: 4px solid var(--accent); padding: 8px 0 8px 18px; margin: 24px 0; font-style: italic; color: var(--primary); background: rgba(184, 148, 85, .07); border-radius: 0 var(--r) var(--r) 0; }

:root main > article > p a, :root main > article > p a:visited { color: var(--primary); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; text-decoration-thickness: 1.5px; font-weight: 700; }
:root main > article > p a:hover { color: var(--accent); text-decoration-color: var(--primary); }

:root main > article > p a[href^="/ref/"], :root main > article > p a[href^="/try/"], :root main > article > p a[href^="/check/"] { background: transparent; color: var(--accent); border: 1.5px solid var(--accent); padding: 1px 8px; border-radius: var(--r); text-decoration: none; font-family: var(--fh), Cambria, serif; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; font-weight: 700; }
:root main > article > p a[href^="/ref/"]:hover, :root main > article > p a[href^="/try/"]:hover, :root main > article > p a[href^="/check/"]:hover { background: var(--accent); color: var(--bg); }

:root main > article > img { width: 100%; height: auto; display: block; margin: 0 0 28px; border: 1px solid var(--accent); border-radius: var(--r); }

:root main > article > aside { border-top: 1px solid var(--accent); border-bottom: 1px solid var(--accent); padding: 14px 0 14px 14px; margin-top: 32px; font-size: 13.5px; color: var(--fg); font-family: var(--fb), Cambria, serif; font-style: italic; background: rgba(61, 82, 53, .04); }
:root main > article > aside b { color: var(--primary); font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 11px; letter-spacing: .14em; display: inline-block; margin-right: 8px; font-family: var(--fh), Cambria, serif; }

:root main > div { padding: 22px 0; border-bottom: 1px dotted var(--border); }
:root main > div:last-of-type { border-bottom: 0; }
:root main > div > p:first-child { font-family: var(--fb), Cambria, serif; font-size: 12px; color: var(--accent); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 8px; font-style: italic; font-weight: 700; }
:root main > div > h2 { font-family: var(--fh), Cambria, serif; font-size: 22px; font-weight: 700; margin-bottom: 6px; line-height: 1.22; letter-spacing: -.005em; }
:root main > div > h2 a { color: var(--primary); text-decoration: none; }
:root main > div > h2 a:hover { color: var(--accent); }
:root main > div > p:not(:first-child) { font-size: 14.5px; color: var(--fg); opacity: .85; margin-bottom: 10px; }
:root main > div > a:last-child { font-family: var(--fh), Cambria, serif; font-size: 12.5px; color: var(--accent); text-decoration: none; letter-spacing: .04em; font-weight: 700; border-bottom: 1px solid var(--accent); padding-bottom: 1px; text-transform: uppercase; }
:root main > div > a:last-child:hover { color: var(--primary); border-bottom-color: var(--primary); }

:root main > nav { margin-top: 48px; padding-top: 18px; border-top: 3px solid var(--primary); font-size: 14px; }
:root main > nav p em { font-family: var(--fh), Cambria, serif; font-size: 12px; color: var(--accent); text-transform: uppercase; letter-spacing: .14em; font-style: normal; margin-right: 6px; font-weight: 700; }
:root main > nav p a { color: var(--primary); text-decoration: none; border-bottom: 1px solid var(--border); padding-bottom: 1px; font-weight: 700; }
:root main > nav p a:hover { border-bottom-color: var(--accent); color: var(--accent); }

:root footer { background: transparent; border-top: 1px solid var(--accent); padding: 24px 0 36px; margin-top: 60px; text-align: center; font-family: var(--fb), Cambria, serif; font-size: 12px; color: var(--fg); opacity: .60; letter-spacing: .04em; font-style: italic; }
:root footer a { color: var(--fg); text-decoration: none; border-bottom: 1px dotted var(--border); font-style: normal; }
:root footer a:hover { color: var(--primary); border-bottom-color: var(--primary); }

/* === R2 fixes (2026-06-11T17:50:07.455971+00:00) === */

:root body { background-color: #F5EDDD; }
:root main > article > p { line-height: 1.75; margin-bottom: 1.5em; }
:root main > article > h2 { margin-top: 2.5em; margin-bottom: 0.6em; padding-bottom: 0.3em; border-bottom: 1px solid rgba(0,0,0,0.12); }
:root main > article > h3 { margin-top: 1.75em; margin-bottom: 0.4em; }
:root header a { font-size: 1rem; font-weight: 600; letter-spacing: 0.03em; text-decoration: none; }
:root main > h1 + span, :root main > h1 + * { display: block; margin-top: 0.6em; margin-bottom: 1.25em; color: #888; font-size: 0.85rem; }

/* === R3 fixes (2026-06-11T18:30:07.586499+00:00) === */

:root main > article { max-width: 720px; margin-left: auto; margin-right: auto; }
.css-3ql3pmz { border-bottom: 1px solid rgba(0,0,0,0.09); padding-bottom: 2em; margin-bottom: 1.25em; }
:root main > article > h3 { font-size: 1.08em; color: #4a3520; letter-spacing: 0.01em; }
.css-ly9l0m4 a { font-weight: 700; font-size: 0.9rem; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; color: #3a2618; }
.css-6op4c41 { font-size: 0.78rem; color: #aaa; margin-top: 0.1em; margin-bottom: 1.4em; }

/* === R4 fixes (2026-06-11T19:10:18.479927+00:00) === */

/* H3: remove italic, add left accent rule to make supplement sections scannable */
:root main > article > h3 { font-style: normal; border-left: 3px solid var(--accent); padding-left: 10px; margin-left: -13px; }

/* Article container: faint translucent panel to anchor reading zone in wide viewport */
:root main > article { background: rgba(255,255,255,0.25); padding: 0 52px 48px; border-radius: 2px; }

/* Header: compact masthead padding so brand link doesn't float in an empty void on article pages */
:root header { padding: 28px 0 18px; margin-bottom: 28px; }