:root{--teal:#26727b;--teal-deep:#154c54;--ink:#203a40;--body:#40565a;--muted:#6f8586;--pink:#fae0e4;--pink-dark:#e29aa9;--mint:#d7ece8;--cream:#fff8e9;--paper:#fffdf9;--line:#dbe8e5;--shadow:0 16px 44px rgba(23,68,71,.09);--radius:24px;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f7fbf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:16px;line-height:1.68}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select,a,.button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f5b3bf;outline-offset:3px}button,.button{min-height:44px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.018em}h1{font-size:clamp(2.2rem,4.6vw,4.3rem)}h2{font-size:clamp(1.6rem,3vw,2.5rem)}h3{font-size:1.2rem}p{color:var(--body)}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.main-content{min-height:64vh}.section{padding:76px 0}.section-sm{padding:48px 0}.section-tint{background:#edf6f2}.section-cream{background:var(--cream)}.section-title{max-width:760px;margin-bottom:28px}.section-title p{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal);letter-spacing:.10em;font-weight:800;text-transform:uppercase;font-size:.75rem;margin-bottom:13px}.eyebrow:before{content:"";width:19px;height:3px;border-radius:3px;background:#ed9aa6}.muted{color:var(--muted)}.small{font-size:.87rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;background:rgba(255,253,249,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.site-header .bar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:11px;font-weight:850;font-size:1.22rem;line-height:1.15;color:var(--teal-deep)}.logo-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--mint);border-radius:14px;color:var(--teal);font-size:1.3rem}.logo small{display:block;color:var(--muted);font-size:.64rem;font-weight:650;letter-spacing:.03em;margin-top:3px}.nav{display:flex;align-items:center;gap:6px}.nav a{display:inline-flex;align-items:center;padding:10px 13px;min-height:44px;border-radius:14px;color:#3f5b5c;font-size:.90rem;font-weight:700}.nav a:hover,.nav a.active{background:var(--mint);color:var(--teal-deep)}.menu-btn{display:none;background:#e9f3ee;border:0;border-radius:13px;padding:10px 14px;color:var(--teal-deep);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;background:var(--teal);color:white;border:2px solid var(--teal);border-radius:15px;font-weight:800;box-shadow:0 6px 18px rgba(38,114,123,.12);transition:transform .2s,background .2s}.btn:hover{background:#15535b;border-color:#15535b;transform:translateY(-1px)}.btn.alt{background:white;color:var(--teal-deep);border-color:#c7dcd7;box-shadow:none}.btn.soft{background:#e6f3f0;color:var(--teal-deep);border-color:#e6f3f0;box-shadow:none}.btn.pink{background:#f6bdc6;border-color:#f6bdc6;color:#5c2834;box-shadow:none}.btn.tiny{padding:7px 12px;min-height:38px;font-size:.83rem}.btn.full{width:100%}.btn:disabled{transform:none}.btn-group{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.hero{background:linear-gradient(135deg,#fcfbf4 5%,#f0f9f6 68%,#fbeced);overflow:hidden;padding:60px 0 70px}.hero-grid{display:grid;grid-template-columns:1.13fr .9fr;align-items:center;gap:45px}.hero p.lead{font-size:1.13rem;max-width:610px;line-height:1.83}.highlight-word{background:linear-gradient(transparent 66%,#f6c9d0 66%)}.hero-visual{position:relative;min-height:460px}.hero-visual .hero-photo{width:81%;height:420px;margin-left:auto;object-fit:cover;border-radius:42% 42% 25px 25px;box-shadow:var(--shadow)}.hero-visual .bubble{position:absolute;bottom:17px;left:0;max-width:232px;background:white;border:1px solid #e7eeea;padding:19px 22px;border-radius:18px;box-shadow:var(--shadow);font-weight:800;line-height:1.5;color:#375a5a}.hero-visual .bubble:before{content:"✦";color:#ed9aa6;padding-right:7px}.stat-row{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.stat-pill{font-size:.83rem;font-weight:800;color:#386e6d;background:white;padding:9px 13px;border-radius:30px;border:1px solid #dcebe5}.grid-2,.grid-3,.grid-4{display:grid;gap:21px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:white;border:1px solid #e4eee8;box-shadow:0 5px 23px rgba(28,73,72,.035);border-radius:var(--radius);overflow:hidden}.card.padded{padding:25px}.card-img{width:100%;height:198px;object-fit:cover}.card-body{padding:22px}.card h3{margin-bottom:9px}.card p{font-size:.94rem}.card .tag,.tag{display:inline-flex;align-items:center;border-radius:30px;padding:6px 10px;color:#2a6d70;font-size:.75rem;font-weight:850;background:#e4f4ef;margin-bottom:14px}.solution-card{position:relative;padding:25px;min-height:252px;display:flex;flex-direction:column}.solution-card .num{font-size:.73rem;font-weight:900;color:var(--teal);letter-spacing:.1em;margin-bottom:21px}.solution-card:nth-child(2){background:#fff5f6}.solution-card:nth-child(3){background:#fffbee}.solution-card:nth-child(4){background:#eaf6f4}.solution-card p{margin-bottom:22px}.solution-card .more{font-weight:800;color:var(--teal);margin-top:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:26px;border-radius:22px;background:white;border:1px solid var(--line)}.step .circle{width:49px;height:49px;border-radius:15px;background:var(--mint);color:var(--teal-deep);display:grid;place-items:center;font-weight:900;font-size:1.32rem;margin-bottom:18px}.step:nth-child(2) .circle{background:var(--pink)}.step:nth-child(3) .circle{background:#ffecca}.page-intro{padding:62px 0 43px;background:linear-gradient(120deg,#f5fbf8,#fdf5e9)}.page-intro h1{font-size:clamp(2.05rem,4vw,3.3rem);max-width:920px;margin-bottom:14px}.page-intro p{max-width:810px;font-size:1.08rem}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.feature-split img{width:100%;height:360px;object-fit:cover;border-radius:30px}.panel{background:#fff;border:1px solid var(--line);border-radius:25px;padding:25px}.info-box{padding:20px 24px;border-left:5px solid #74afb0;border-radius:13px;background:#f0f8f6;color:#375657}.notice{padding:17px 21px;border:1px solid #f2d9af;background:#fff8e8;border-radius:15px;font-size:.9rem;color:#655439}.notice strong{color:#60482b}.media-caption{font-size:.81rem;color:#718282;margin-top:9px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid #bedbd6;background:#fff;border-radius:28px;padding:9px 14px;font-weight:750;color:var(--teal-deep)}.chip:hover,.chip[aria-pressed=true]{background:var(--mint)}.cards-deck{display:grid;grid-template-columns:340px 1fr;gap:25px;align-items:start}.deck-choices{display:grid;gap:11px}.deck-choice{padding:16px 18px;border-radius:15px;background:white;border:1px solid var(--line);text-align:left;color:var(--ink);font-weight:750;min-height:52px}.deck-choice:hover,.deck-choice.active{border-color:#62a7a3;background:#e9f7f3}.deck-choice span{display:inline-flex;background:#dcece7;border-radius:9px;padding:3px 9px;margin-right:8px;font-weight:900;font-size:.75rem}.scene{background:linear-gradient(130deg,#fffdf9,#f5fbf7);border:1px solid var(--line);border-radius:25px;padding:31px;min-height:350px}.scene h3{font-size:1.47rem}.scene .scene-text{font-size:1.08rem;margin-bottom:25px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:17px}.role{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.role h4{margin-bottom:8px;font-size:.91rem;color:var(--teal)}.role p{margin:0;font-size:.92rem}.callout-response{background:#fcecef;padding:18px;border-radius:15px;border:1px solid #f6ccd4;margin-top:17px}.quiz-layout{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}.quiz-nav{display:grid;gap:9px}.quiz-nav button{border:1px solid var(--line);border-radius:13px;padding:12px 15px;background:white;text-align:left;color:var(--ink);font-weight:700;line-height:1.45;min-height:50px}.quiz-nav button.active,.quiz-nav button:hover{border-color:#72aeb1;background:#e6f5f1}.quiz-stage{background:#fff;padding:27px;border:1px solid var(--line);border-radius:25px}.progress-line{height:9px;border-radius:50px;background:#e6efeb;overflow:hidden;margin-bottom:18px}.progress-line span{display:block;background:#66a8a0;height:100%;transition:width .2s}.options-list{display:grid;gap:12px}.option{border:1px solid #d4e4df;text-align:left;border-radius:15px;padding:14px 19px;background:#fbfefd;color:var(--ink);font-weight:650;line-height:1.55}.option:hover,.option.selected{background:#edf9f4;border-color:#5e9e95}.option.good{background:#e0f5e8;border-color:#4b9d70}.option.bad{background:#fff0ee;border-color:#e0a4a0}.quiz-result{padding:16px;background:#f3faf6;border:1px solid #cfe8d8;border-radius:13px;margin-top:14px}.quiz-score{font-size:2.6rem;font-weight:900;color:var(--teal);margin:8px 0}.book-layout{display:grid;grid-template-columns:1fr 290px;gap:25px;align-items:start}.book{border-radius:26px;background:#e5eee9;padding:20px;box-shadow:var(--shadow)}.book-page{background:linear-gradient(135deg,#fffefa,#fffaf1);border:1px solid #e8dfcb;min-height:570px;padding:36px;border-radius:12px 25px 25px 12px;box-shadow:8px 6px 0 rgba(166,190,180,.25);display:flex;flex-direction:column}.book-page .book-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--teal);font-weight:800}.book-page h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.6rem,3vw,2.3rem);color:#244d52;margin:15px 0 22px}.book-page p{font-size:.97rem;line-height:1.82}.book-page .exercise{margin-top:auto;background:#f1f5e9;padding:16px;border-radius:13px;border-left:4px solid #b6caa6;font-size:.92rem;color:#37524e}.book-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;flex-wrap:wrap}.book-toc{max-height:520px;overflow-y:auto;display:grid;gap:7px}.book-toc button{border:1px solid #e0ebe6;background:#fff;padding:11px 13px;border-radius:12px;text-align:left;font-size:.85rem;color:var(--body);min-height:44px}.book-toc button.active{background:var(--mint);border-color:#b0d3c9;font-weight:800}.article-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px}.article-feature img{height:330px;object-fit:cover;width:100%;border-radius:28px}.article-reading{max-width:780px;margin:0 auto}.article-reading h1{font-size:clamp(2rem,4vw,3.1rem)}.article-reading p{font-size:1.07rem;line-height:1.98;margin-bottom:20px}.article-reading .lead{font-size:1.12rem;font-weight:600;color:#2f5758}.article-reading figure{margin:30px 0}.article-reading figure img{width:100%;height:350px;object-fit:cover;border-radius:24px}.gallery-figure img{height:258px;width:100%;object-fit:cover}.gallery-figure .card-body{min-height:100px}.support-line{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#234f55;padding:29px 34px;color:#fff;border-radius:24px}.support-line p{color:#e1f2ef;margin:6px 0 0}.support-line strong{color:#fff}.site-footer{background:#1f474f;color:#e8f0ec;margin-top:0;padding:45px 0 26px}.site-footer p,.site-footer a{color:#d4e5df}.site-footer .foot-grid{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:30px}.site-footer h3{color:#fff;font-size:1.03rem}.site-footer .foot-links{display:grid;gap:6px}.site-footer .foot-links a{min-height:35px;display:flex;align-items:center}.site-footer .copyright{border-top:1px solid #42676e;margin-top:29px;padding-top:17px;font-size:.83rem;color:#c2d4cd}.float-chat{position:fixed;right:20px;bottom:19px;z-index:65;display:flex;align-items:flex-end;gap:10px}.chat-prompt{max-width:212px;background:#fff;border-radius:18px 18px 7px 18px;border:1px solid #e1eae7;box-shadow:0 10px 35px rgba(0,0,0,.15);padding:13px 14px;font-size:.84rem;text-align:left;color:var(--teal-deep);font-weight:750;line-height:1.5;min-height:54px}.chat-face{border:4px solid #fff;box-shadow:0 8px 30px rgba(0,0,0,.18);background:#cce8e5;border-radius:50%;width:80px;height:80px;overflow:hidden;padding:0;flex:0 0 auto}.chat-face img{height:100%;width:100%;object-fit:cover}.chat-panel{width:min(380px,calc(100vw - 28px));height:min(585px,75vh);background:white;border:1px solid #dfe9e6;border-radius:24px;box-shadow:0 23px 65px rgba(7,48,53,.27);display:flex;flex-direction:column;overflow:hidden}.chat-panel[hidden]{display:none}.chat-head{display:flex;align-items:center;justify-content:space-between;background:var(--teal-deep);padding:13px 16px;color:white}.chat-head .head-id{display:flex;align-items:center;gap:11px;font-weight:800}.chat-head img{width:39px;height:39px;border-radius:50%;object-fit:cover}.chat-head button{width:44px;height:44px;border:0;border-radius:10px;background:#366e73;color:white;font-weight:900;font-size:1.5rem}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:13px}.bubble-msg{max-width:88%;padding:12px 15px;border-radius:17px;font-size:.89rem;line-height:1.67}.bubble-msg.bot{align-self:flex-start;background:#eff7f4;color:#29474c;border-bottom-left-radius:5px}.bubble-msg.user{align-self:flex-end;background:#dcecf2;color:#214b55;border-bottom-right-radius:5px}.chat-send{padding:12px;border-top:1px solid #e8efed;display:flex;gap:8px}.chat-send input{min-width:0;flex:1;padding:11px 13px;border:1px solid #cdded9;border-radius:13px}.chat-send button{border:0;border-radius:13px;background:var(--teal);color:#fff;font-weight:800;padding:0 16px}.chat-disclaimer{font-size:.69rem;color:#6e8180;text-align:center;padding:0 12px 10px}.admin-main{max-width:1100px;margin:32px auto;padding:0 20px 70px}.admin-panel{border:1px solid var(--line);background:white;border-radius:20px;padding:25px;margin-top:20px}.form-field{display:grid;gap:7px;margin-bottom:18px}.form-field label{font-weight:800;font-size:.9rem}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px 14px;border:1px solid #bfd4d0;border-radius:12px;background:white;color:var(--ink)}.form-field textarea{min-height:130px;resize:vertical}.admin-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:23px}.admin-list{display:grid;gap:9px}.admin-list button{padding:13px;text-align:left;border:1px solid var(--line);background:white;border-radius:12px;min-height:50px;color:var(--ink);font-weight:700}.admin-list button.active{background:var(--mint);border-color:#70aca3}.status-dot{display:inline-block;width:9px;height:9px;background:#4aa789;border-radius:50%;margin-right:8px}.status-dot.off{background:#d39b81}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-help{background:#fff8e8;padding:16px;border-radius:12px;border:1px solid #f6e2bf;margin-top:15px;font-size:.86rem}.loading{padding:35px;text-align:center;color:#527275}.error-state{color:#8a3942;background:#fff0f0;border:1px solid #efc9c9;border-radius:12px;padding:15px}.success-state{color:#245e4a;background:#e7f8ee;border:1px solid #c5e8d4;border-radius:12px;padding:15px}.hidden{display:none!important}
@media(max-width:980px){.nav a{font-size:.8rem;padding:10px 8px}.hero-grid{gap:30px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-deck,.quiz-layout{grid-template-columns:270px 1fr}.book-layout{grid-template-columns:1fr 245px}.book-page{min-height:560px}}
@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.section{padding:54px 0}.site-header{height:70px}.menu-btn{display:flex;align-items:center;min-height:44px}.nav{position:absolute;top:70px;left:0;right:0;background:#fffefa;box-shadow:0 15px 20px rgba(0,0,0,.07);padding:12px 18px 18px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:.94rem;min-height:46px}.hero{padding:42px 0 48px}.hero-grid,.feature-split,.article-feature,.book-layout,.cards-deck,.quiz-layout{grid-template-columns:1fr}.hero h1{font-size:2.45rem}.hero p.lead{font-size:1rem}.hero-visual{min-height:auto}.hero-visual .hero-photo{height:320px;width:83%}.hero-visual .bubble{bottom:12px;padding:12px;max-width:190px;font-size:.86rem}.steps,.grid-3{grid-template-columns:1fr 1fr}.feature-split img{height:280px}.book-page{min-height:560px;padding:27px}.book-toc{max-height:200px}.site-footer .foot-grid{grid-template-columns:1fr 1fr}.support-line{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.article-reading p{font-size:1rem}.chat-face{width:67px;height:67px}.chat-prompt{max-width:180px;font-size:.78rem}.float-chat{right:11px;bottom:12px}.role-grid{grid-template-columns:1fr}}
@media(max-width:480px){.grid-2,.grid-3,.steps,.grid-4{grid-template-columns:1fr}.hero-visual .hero-photo{height:270px}.hero-visual .bubble{max-width:180px;font-size:.75rem}.hero h1{font-size:2.2rem}.section{padding:44px 0}.page-intro{padding:43px 0 30px}.site-footer .foot-grid{grid-template-columns:1fr}.card.padded,.scene,.quiz-stage,.panel{padding:20px}.book-page{min-height:540px;padding:22px}.book-page p{font-size:.91rem}.chat-panel{height:70vh}.chat-prompt{max-width:159px;padding:10px;font-size:.74rem}.chat-face{width:63px;height:63px}.book-toolbar .btn{font-size:.82rem;padding:9px 12px}.stat-row{gap:7px}.stat-pill{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}