:root{color-scheme:light;--bg:#f5f4ed;--paper:#fffefa;--ink:#243d30;--muted:#626c61;--green:#254e3b;--lime:#e4f3a7;--line:#dfe3d6;--orange:#f5be80;--shadow:0 8px 24px #314a2d07}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'Segoe UI',system-ui,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}a{color:var(--green)}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #aa6407;outline-offset:4px}.shell{max-width:1120px;margin:auto;padding:0 32px}.top{display:flex;align-items:center;justify-content:space-between;padding:27px 0 23px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1px;gap:9px}.branddot{color:#8fa838;margin-left:-9px}.brandmark{position:relative;border-radius:12px;background:var(--green);color:var(--lime);width:39px;height:39px;display:grid;place-items:center;font-family:Georgia,serif;font-size:35px;line-height:1}.brandmark span{position:absolute;font:13px system-ui;right:4px;top:3px}.topright{display:flex;gap:15px;align-items:center}.localbadge,.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:750}.localbadge{border:1px solid var(--line);border-radius:7px;padding:5px 9px;color:var(--muted)}.connection{font-size:12px;color:var(--muted)}nav{display:flex;gap:28px;padding:20px 0}nav a{text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:8px;font-size:14px;font-weight:650}nav a.active{background:var(--green);color:#fff}main{min-height:65vh;padding-bottom:20px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(32px,4vw,44px)/1.12 Georgia,serif;letter-spacing:-1px;margin-bottom:10px}h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin-bottom:12px}h3{font-size:17px;margin-bottom:7px}p{color:var(--muted)}.greeting{display:flex;align-items:end;justify-content:space-between;margin:19px 0 25px;gap:16px}.greeting p{margin:0}.date{font-size:12px;letter-spacing:.4px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:17px 20px;display:flex;align-items:center;gap:14px}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ecf0e3;color:var(--green);font-size:21px}.stat strong{display:block;font-size:22px;line-height:1.3}.stat small{color:var(--muted);font-size:12px}.layout{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow);margin-bottom:18px}.questcard{background:var(--green);color:#fff;position:relative;overflow:hidden;min-height:270px;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.questcard p{color:#d4e1d5;max-width:270px}.questcard h2{font:normal 35px/1.12 Georgia,serif;max-width:280px}.questcard .eyebrow{color:#dcecaf;margin-bottom:15px}.questcard .primary{background:var(--lime);color:var(--ink)}.orb{position:absolute;right:22px;top:72px;width:105px;height:105px;border:1px solid #b7d49666;border-radius:50%;display:grid;place-items:center;font-size:60px;color:#ddeb9a;transform:rotate(-12deg)}.orb:after{content:'';position:absolute;width:145px;height:42px;border:1px solid #b7d49688;border-radius:50%;transform:rotate(-25deg)}.primary,.secondary,.ghost{border:0;border-radius:10px;padding:12px 17px;font-weight:700;min-height:46px}.primary{background:var(--green);color:white}.secondary{background:#edf0e7;color:var(--ink)}.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.primary:hover,.secondary:hover,.ghost:hover{filter:brightness(.95)}.primary:disabled{opacity:.5}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tiny{font-size:12px;color:var(--muted)}.pill{display:inline-block;background:#edf0e7;border-radius:7px;font-size:11px;font-weight:700;padding:4px 8px}.articlecard .eyebrow{color:#716336}.article-title{font:normal 26px/1.2 Georgia,serif;margin:14px 0}.article-symbol{font-size:32px;background:#e5edf3;width:64px;height:64px;display:grid;place-items:center;border-radius:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px}.section-title h2{font-size:17px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:13px;text-align:left;color:var(--ink);min-height:64px}.category i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:20px;flex-shrink:0}.category small{display:block;font-size:11px;color:var(--muted)}.bar{height:7px;border-radius:20px;overflow:hidden;background:#e6eadf;margin:14px 0}.bar div{height:100%;background:#8fab5a}.level{background:#e9efdd;border:0}.level strong{font-size:16px}.level p{font-size:13px;margin-bottom:0}.notice{background:#fff3d6;border:1px solid #e8d7a4;padding:14px 17px;border-radius:12px;margin:10px 0 16px;color:#6c531c;font-size:13px}.quiz{max-width:710px;margin:22px auto}.quiz h1{font:normal 29px/1.2 Georgia,serif;margin:25px 0}.answers{display:grid;gap:11px}.answer{background:var(--paper);border:1px solid #cad4c4;border-radius:12px;padding:16px;color:var(--ink);text-align:left;display:flex;gap:14px;min-height:58px}.answer b{font-size:13px;background:#eef1e9;padding:2px 8px;border-radius:5px}.answer:hover:enabled{background:#edf3e4;border-color:var(--green)}.answer.correct{background:#e5f2d8;border-color:#447128}.answer.wrong{background:#fbe7de;border-color:#b65736}.answer:disabled{opacity:1}.feedback{margin:18px 0;background:#edf2e6;border-radius:12px;padding:18px}.feedback p{margin:7px 0 12px}.source{font-size:12px;display:block;overflow-wrap:anywhere}.articlebody{font:normal 21px/1.7 Georgia,serif;color:var(--ink);margin:24px 0}.articleview{max-width:730px;margin:20px auto}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters button{min-height:40px;padding:9px 12px}.filters .active{background:var(--green);color:white}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cards .card{margin:0}.empty{padding:50px 20px;text-align:center}.empty span{font-size:45px}.result{text-align:center;padding:36px}.result h1{font-size:43px}.result .big{font:normal 74px Georgia,serif;color:var(--green)}.result p{margin-top:14px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.metric{background:#f0f2e9;padding:15px;border-radius:12px}.metric strong{font-size:23px;display:block}.metric small{font-size:12px;color:var(--muted)}.check{display:flex;gap:12px;align-items:center;padding:12px 0}.check input{width:21px;height:21px;accent-color:var(--green)}details{margin-top:15px}summary{cursor:pointer;padding:10px 0;font-weight:700}footer{display:flex;justify-content:space-between;padding:25px 0 32px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:12px;padding:12px 20px;box-shadow:0 5px 20px #0002;display:none;z-index:5;max-width:90%}.skip{position:fixed;left:10px;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}@media(max-width:760px){.shell{padding:0 18px}.top{padding:19px 0}.brand{font-size:24px}.topright{gap:8px}.connection{display:none}.localbadge{font-size:9px}nav{position:fixed;bottom:0;left:0;right:0;z-index:4;background:var(--paper);border-top:1px solid var(--line);gap:0;justify-content:space-around;padding:8px 5px calc(8px + env(safe-area-inset-bottom))}nav a{display:flex;flex-direction:column;align-items:center;font-size:20px;gap:1px;padding:5px 10px}nav a span{font-size:10px}.greeting{margin:25px 0 21px;display:block}.date{display:block;margin-top:10px}.stats{gap:7px;margin-bottom:19px}.stat{padding:12px 8px;gap:7px}.stat-icon{width:28px;height:32px;font-size:17px;border-radius:8px}.stat strong{font-size:18px}.stat small{font-size:10px}.layout{grid-template-columns:1fr;gap:0}.card{padding:21px;border-radius:16px}.questcard{min-height:256px}.questcard h2{font-size:32px;max-width:225px}.questcard p{max-width:210px;font-size:14px}.orb{width:70px;height:70px;right:24px;top:93px;font-size:40px}.orb:after{width:100px;height:28px}.cards{grid-template-columns:1fr}.quiz h1{font-size:26px}.articlebody{font-size:20px}.greeting h1{font-size:35px}footer{display:block;padding-bottom:105px}footer span{display:block;margin-top:5px}main{padding-bottom:10px}.category-grid{gap:8px}.category{padding:10px;gap:8px;font-size:13px}.category i{width:30px;height:32px}.result{padding:30px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

main:focus{outline:none}@media(max-width:760px){.stat strong{font-size:16px;white-space:nowrap}.stat{gap:5px}.stat-icon{width:24px;flex-shrink:0}}



.searchlabel{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.searchinput{display:block;width:100%;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);margin-bottom:16px}


/* UX polish 2026-10-08 */

*{box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}input,textarea,select,button{font:inherit}input,textarea,select{font-size:1rem}button,a.button{min-height:48px;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2163d2;outline-offset:4px}img,svg,video,iframe{max-width:100%}p{line-height:1.65}small{line-height:1.5}textarea{resize:vertical}main{min-width:0}h1,h2,h3{text-wrap:balance}button:disabled{cursor:default}a{overflow-wrap:anywhere}table{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:640px){header{flex-wrap:wrap}input,textarea,select{max-width:100%}h1{overflow-wrap:normal}button{white-space:normal}}

:root{--muted:#4b594d;--shadow:0 12px 28px #243d3009}.shell{max-width:1200px}.card{border-radius:18px}.questcard{padding:32px;border:0}.eyebrow,.localbadge{font-size:12px}.tiny,.date,.source,.connection,.stat small,.metric small,.category small,footer{font-size:14px}.pill{font-size:13px}.answer{padding:18px;line-height:1.55}.feedback{border-left:4px solid var(--green)}.searchinput{min-height:50px}.category{min-height:78px}.category small{line-height:1.4}.top{padding:24px 0}.greeting{margin:28px 0}.bar{height:9px}@media(max-width:760px){.shell{padding:0 16px}.localbadge{font-size:12px}.stat{display:block;padding:14px 10px}.stat-icon{display:none}.stat strong{font-size:20px}.stat small{font-size:13px}.questcard{padding:26px}.orb{opacity:.45;right:18px}.questcard p{max-width:80%}nav a{min-width:72px;min-height:54px}nav a span{font-size:13px}.category{font-size:15px;padding:14px 10px}.category small{font-size:13px}footer{font-size:14px}}

/* Brand and composition round 2026-10-08 */

:root{--motion:160ms}button,a.button{transition:background var(--motion),border-color var(--motion),box-shadow var(--motion),transform var(--motion)}button:active,a.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #3777be;outline-offset:4px}button:disabled{transform:none}.card:focus-within{border-color:#7caaa0}h1,h2,h3{text-wrap:balance}input,select,textarea{box-shadow:0 1px 2px #152e2604}input:hover,select:hover,textarea:hover{border-color:#78998d}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--bg:#f4f5ef;--paper:#fff;--ink:#153528;--green:#173f2d;--lime:#d9f49c;--muted:#506251;--line:#dce5d8}.shell{max-width:1280px}.questcard{background:#173f2d;border-radius:22px;min-height:310px;padding:34px}.questcard h2{font-size:clamp(2.1rem,4vw,3rem);max-width:12ch}.questcard p{font-size:17px;max-width:30ch}.questcard .primary{border-radius:10px;padding:15px 22px;box-shadow:0 4px 14px #00000012}.orb{opacity:.24;right:30px;top:95px;transform:none}.card{border-radius:18px;box-shadow:0 8px 28px #243b3005}.stat{border:0;background:#eaf0e1;padding:20px 22px;border-radius:14px}.stat strong{font-size:26px}.articlecard{border-top:4px solid #d2b77d}.category{background:white;min-height:84px;border-radius:12px}.article-title{font-size:30px}.greeting h1{font-size:clamp(2rem,4vw,3.2rem)}.quiz{max-width:780px}.quiz h1{font-size:clamp(1.8rem,3.8vw,2.6rem);line-height:1.2}.answer{border:1px solid #d1ddcc;padding:20px;gap:16px}.answer b{display:grid;place-items:center;width:32px;height:32px;flex:none;font-size:14px}.answer.correct{border-width:2px;background:#eaf5df}.answer.wrong{border-width:2px}.feedback{padding:22px;background:#edf5e5}.result{padding:44px}.result .big{font-size:5rem}.level{background:#eaf2dd;border-top:4px solid #8cad55}
@media(min-width:1050px){.shell{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-areas:'top top' 'nav content' 'foot foot';gap:0 32px}.top{grid-area:top;margin-bottom:12px}nav{grid-area:nav;display:grid;gap:7px;align-self:start;position:sticky;top:24px;padding:24px 0}nav a{display:flex;gap:10px;align-items:center;padding:14px;font-size:16px;border-radius:10px}main{grid-area:content}.greeting{margin-top:24px}.layout{grid-template-columns:1.3fr 1fr}footer{grid-area:foot}}
@media(max-width:760px){.shell{display:block}.questcard{min-height:285px;padding:28px}.questcard h2{font-size:2.4rem}.questcard p{max-width:80%;font-size:16px}.stat{padding:14px 10px}.stat strong{font-size:22px}.quiz .card{padding:24px 18px}.answer{padding:17px}.article-title{font-size:26px}.feedback{padding:18px}.greeting h1{font-size:2.2rem}}