:root{color-scheme:light;--color-ink: #17212b;--color-muted: #5d6b78;--color-soft: #f6f8f7;--color-panel: #ffffff;--color-line: #dfe7e2;--color-primary: #176b5d;--color-primary-dark: #0f4c42;--color-accent: #d8942f;--color-sky: #dcecff;--color-leaf: #dff0de;--color-rose: #f7e2df;--shadow-panel: 0 12px 30px rgba(23, 33, 43, .08);--radius-sm: 6px;--radius-md: 8px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--font-sans: "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f8faf5f5,#eef6f1f2),var(--color-soft);color:var(--color-ink);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}body.page-home{background:linear-gradient(90deg,#fffcf4fa,#eff7f2e6),url(/assets/home-background.webp) center top / cover fixed no-repeat,var(--color-soft)}body.page-character{background:linear-gradient(90deg,#f8faf5f5,#f8faf5d1),url(/assets/character-background.webp) right top / min(72vw,760px) auto fixed no-repeat,var(--color-soft)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.tool-page-hero,.family-index-hero,.family-detail-hero,.tools-index-hero{background:radial-gradient(circle at 90% 12%,rgba(216,148,47,.16),transparent 12rem),linear-gradient(135deg,#fffffffa,#edf7f1f2);border:1px solid var(--color-line);border-radius:1.15rem;box-shadow:var(--shadow-panel);overflow:hidden;padding:clamp(1.35rem,4vw,3rem)}.tool-page-hero,.family-index-hero,.family-detail-hero{align-items:center;display:grid;gap:var(--space-6)}.tool-page-hero-demo,.picker-hero-path{align-items:center;background:#ffffffd1;border:1px solid #cfe1d9;border-radius:1rem;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;min-height:9rem;padding:var(--space-5)}.tool-page-hero-demo span,.picker-hero-path span,.picker-hero-path strong{background:#f8faf9;border:1px solid var(--color-line);border-radius:.65rem;font-size:1.05rem;font-weight:800;padding:.65rem .85rem}.tool-page-hero-demo del{color:#a23a3a;text-decoration-thickness:2px}.tool-page-hero-demo ins{color:var(--color-primary-dark);text-decoration:none}.tool-page-hero-demo b,.picker-hero-path b{color:var(--color-accent);font-size:1.35rem}.picker-hero-path strong{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sentence-checker,.idiom-picker{background:#fffffff5;border:1px solid var(--color-line);border-radius:1rem;box-shadow:0 10px 28px #17212b0f;padding:clamp(1rem,3vw,2rem)}.checker-heading,.picker-heading{align-items:start;display:flex;gap:var(--space-4);justify-content:space-between}.checker-heading p:not(.eyebrow),.picker-heading p:not(.eyebrow){color:var(--color-muted);margin:var(--space-2) 0 0;max-width:48rem}.checker-privacy-badge{background:#e8f5ee;border:1px solid #bcdaca;border-radius:999px;color:var(--color-primary-dark);flex:0 0 auto;font-size:.82rem;font-weight:800;padding:.4rem .7rem}.checker-examples{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.checker-examples>span{color:var(--color-muted);font-size:.84rem;font-weight:800}.checker-examples button,.checker-secondary-button,.checker-apply-button,.picker-reset,.picker-step-heading button{background:#fff;border:1px solid #cddbd4;border-radius:999px;color:var(--color-primary-dark);cursor:pointer;font-size:.86rem;font-weight:800;padding:.45rem .75rem}.checker-examples button:hover,.checker-secondary-button:hover,.checker-apply-button:hover,.picker-reset:hover,.picker-step-heading button:hover{background:#edf7f2;border-color:#8dbdab}.checker-input-label{align-items:end;display:flex;font-weight:800;justify-content:space-between;margin-top:var(--space-4)}.checker-input-label small{color:var(--color-muted);font-weight:600}.sentence-checker textarea{background:#fbfdfc;border:2px solid #cddbd4;border-radius:.75rem;display:block;line-height:1.75;margin-top:var(--space-2);min-height:9.5rem;padding:var(--space-4);resize:vertical;width:100%}.sentence-checker textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #176b5d1f;outline:none}.checker-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.checker-primary-button{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:999px;color:#fff;cursor:pointer;font-weight:800;padding:.65rem 1.1rem}.checker-primary-button:hover{background:var(--color-primary-dark)}.checker-status,.picker-live-status{color:var(--color-muted);font-size:.9rem;margin:var(--space-3) 0 0}.checker-output{background:#f5faf7;border:1px solid #bfd9cd;border-radius:.9rem;margin-top:var(--space-5);padding:var(--space-4)}.checker-output[hidden],.picker-step[hidden],.picker-result[hidden],.family-card[hidden]{display:none}.checker-output-heading{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.checker-output-heading h3{margin:0}.checker-highlighted-sentence{background:#fff;border:1px solid var(--color-line);border-radius:.65rem;font-size:1.05rem;line-height:1.9;margin:var(--space-4) 0;padding:var(--space-4);white-space:pre-wrap}.checker-highlighted-sentence mark{background:#ffe3df;border-bottom:2px solid #be4d43;border-radius:.2rem;color:#6f211c;padding:.05em .12em}.checker-highlighted-sentence mark.checker-highlight-review{background:#fff0c7;border-bottom-color:#c88416;color:#6e4906}.checker-result-list{display:grid;gap:var(--space-3)}.checker-result-card{background:#fff;border:1px solid var(--color-line);border-radius:.7rem;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.checker-result-card--correction{border-left:4px solid #be4d43}.checker-result-card--review{background:#fffdf7;border-color:#e6c578;border-left:4px solid #c88416}.checker-result-card--review.is-resolved{background:#f2faf5;border-color:#8fc3a8;border-left-color:var(--color-primary)}.checker-result-number,.family-member-number{color:#8b9992;font-size:.76rem;font-weight:800}.checker-result-kind{border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:900;line-height:1;padding:.35rem .55rem}.checker-result-kind--correction{background:#ffe3df;color:#8f302a}.checker-result-kind--review{background:#fff0c7;color:#765007}.checker-result-change{align-items:center;display:flex;flex-wrap:wrap;font-size:1.05rem;font-weight:900;gap:var(--space-2);margin:0}.checker-result-change del{color:#a13c3c}.checker-result-change ins{color:var(--color-primary-dark);text-decoration:none}.checker-result-reason{color:var(--color-muted);margin:var(--space-2) 0 0}.checker-review-title{font-size:1.08rem;line-height:1.45;margin:var(--space-2) 0 0}.checker-review-choices{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.checker-review-choices button{align-items:start;background:#fff;border:1px solid #d9c38e;border-radius:.65rem;color:var(--color-text);cursor:pointer;display:grid;gap:.3rem;min-width:0;padding:.75rem .85rem;text-align:left}.checker-review-choices button:hover,.checker-review-choices button:focus-visible{background:#fff8e7;border-color:#b77912;outline:none}.checker-review-choices button[aria-pressed=true]{background:#e7f5ed;border-color:var(--color-primary)}.checker-review-choices button strong{color:#654304;font-size:.95rem}.checker-review-choices button span{color:var(--color-muted);font-size:.85rem;line-height:1.55}.checker-result-link{color:var(--color-primary-dark);display:inline-block;font-size:.88rem;font-weight:800;margin-top:var(--space-3);text-decoration:underline;text-underline-offset:.16em}.checker-limit-note{border-left:4px solid var(--color-accent);margin-top:var(--space-5);padding:var(--space-2) 0 var(--space-2) var(--space-4)}.checker-limit-note p{color:var(--color-muted);margin:var(--space-1) 0 0}.tool-method-grid,.tools-content-bridge{align-items:start;display:grid;gap:var(--space-5)}.tool-method-cards{display:grid;gap:var(--space-3)}.tool-method-cards article{background:#ffffffe6;border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.tool-method-cards article>span{color:var(--color-accent);font-size:.78rem;font-weight:900;grid-row:1 / 3}.tool-method-cards p{color:var(--color-muted);margin:0}.related-tool-links>div:last-child{display:grid;gap:var(--space-3)}.related-tool-links a,.tools-content-bridge nav a{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;padding:var(--space-4);transition:border-color .16s ease,transform .16s ease}.related-tool-links a:hover,.tools-content-bridge nav a:hover{border-color:#8dbdab;transform:translateY(-2px)}.related-tool-links span,.tools-content-bridge nav span{color:var(--color-muted);font-size:.9rem}.family-index-hero{background:radial-gradient(circle at 92% 18%,rgba(91,126,171,.15),transparent 14rem),linear-gradient(135deg,#fff,#eff7f4)}.family-orbit{min-height:18rem;position:relative}.family-orbit strong,.family-orbit span{align-items:center;border-radius:50%;display:flex;font-weight:900;justify-content:center;position:absolute}.family-orbit strong{background:var(--color-primary);box-shadow:0 14px 30px #176b5d33;color:#fff;font-size:3rem;height:6.5rem;left:50%;top:50%;transform:translate(-50%,-50%);width:6.5rem}.family-orbit span{background:#fff;border:2px solid #c6ded3;box-shadow:0 8px 18px #17212b12;font-size:1.6rem;height:3.7rem;width:3.7rem}.family-orbit span:nth-of-type(1){left:10%;top:10%}.family-orbit span:nth-of-type(2){right:12%;top:7%}.family-orbit span:nth-of-type(3){right:3%;top:56%}.family-orbit span:nth-of-type(4){bottom:2%;left:52%}.family-orbit span:nth-of-type(5){bottom:9%;left:6%}.family-principle-grid{display:grid;gap:var(--space-3)}.family-principle-grid article{align-items:start;background:#fff;border:1px solid var(--color-line);border-radius:.8rem;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.family-principle-grid article>span,.family-clue-grid article>span{align-items:center;background:var(--color-leaf);border-radius:50%;color:var(--color-primary-dark);display:flex;font-size:1.15rem;font-weight:900;height:2.8rem;justify-content:center;width:2.8rem}.family-principle-grid p,.family-clue-grid p{color:var(--color-muted);margin:var(--space-1) 0 0}.family-card-grid{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.family-card{align-items:center;background:#fffffff5;border:1px solid var(--color-line);border-radius:.85rem;display:grid;gap:var(--space-3);grid-template-columns:auto auto minmax(0,1fr);padding:var(--space-4);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.family-card:hover{border-color:#8dbdab;box-shadow:0 12px 24px #17212b14;transform:translateY(-2px)}.family-card-index{align-self:start;color:#95a39c;font-size:.74rem;font-weight:800}.family-card-component{align-items:center;background:linear-gradient(145deg,#e5f3eb,#d5e9de);border:2px solid #b9d7c8;border-radius:.75rem;color:var(--color-primary-dark);display:flex;font-size:2rem;font-weight:900;height:4rem;justify-content:center;width:4rem}.family-card-copy{display:grid;min-width:0}.family-card-copy strong{font-size:1.1rem;line-height:1.45}.family-card-copy>span{color:var(--color-muted);font-size:.9rem}.family-card-copy small{color:var(--color-primary);font-weight:800;margin-top:var(--space-2)}.family-detail-hero{background:radial-gradient(circle at 6% 12%,rgba(91,126,171,.13),transparent 13rem),linear-gradient(135deg,#fff,#eef7f3)}.family-detail-map{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}.family-core-character{align-items:center;background:var(--color-primary);border-radius:1rem;box-shadow:0 12px 28px #176b5d33;color:#fff;display:flex;font-size:3.4rem;font-weight:900;height:7rem;justify-content:center;width:7rem}.family-detail-map>div{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.family-detail-map>div a{align-items:center;background:#fff;border:1px solid #bcd8cc;border-radius:50%;display:flex;font-size:1.45rem;font-weight:900;height:3.4rem;justify-content:center;width:3.4rem}.family-clue-grid{display:grid;gap:var(--space-3)}.family-clue-grid>h2{grid-column:1 / -1}.family-clue-grid article{align-items:start;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.family-member-list{display:grid;gap:var(--space-3)}.family-member-card{align-items:start;background:#fff;border:1px solid var(--color-line);border-radius:.85rem;display:grid;gap:var(--space-3);grid-template-columns:auto auto minmax(0,1fr);padding:var(--space-4)}.family-member-character{align-items:center;background:var(--color-leaf);border:1px solid #bcd8c2;border-radius:.65rem;color:var(--color-primary-dark);display:flex;font-size:2.25rem;font-weight:900;height:4.2rem;justify-content:center;width:4.2rem}.family-member-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.family-member-meta strong{color:var(--color-primary-dark)}.family-member-meta span{background:#f2f6f4;border-radius:999px;color:var(--color-muted);font-size:.8rem;padding:.25rem .55rem}.family-member-copy>p{color:var(--color-muted);margin:var(--space-2) 0}.family-member-copy ul{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.family-member-copy li{border-bottom:2px solid #d8e9e1;font-size:.88rem;font-weight:800}.family-practice{background:linear-gradient(135deg,#fff9ed,#fffdf8);border:1px solid #ead5a9;border-radius:.9rem;display:grid;gap:var(--space-5);padding:clamp(1rem,3vw,2rem)}.family-practice-options{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.family-practice-options span{background:#fff;border:1px solid #dec996;border-radius:999px;font-weight:900;padding:.4rem .8rem}.family-practice details{align-self:center;background:#fff;border:1px solid #dec996;border-radius:var(--radius-md);padding:var(--space-4)}.family-practice summary{color:#805617;cursor:pointer;font-weight:900}.family-practice details p{margin:var(--space-3) 0 0}.picker-progress{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:var(--space-5) 0;padding:0}.picker-progress li{align-items:center;border-bottom:3px solid #dce5e0;color:#8a9690;display:flex;gap:var(--space-2);padding:0 0 var(--space-2)}.picker-progress li.is-active{border-color:var(--color-primary);color:var(--color-primary-dark)}.picker-progress span{align-items:center;background:#edf2ef;border-radius:50%;display:flex;font-size:.8rem;font-weight:900;height:1.7rem;justify-content:center;width:1.7rem}.picker-progress .is-active span{background:var(--color-primary);color:#fff}.picker-step{background:#f8fbf9;border:1px solid var(--color-line);border-radius:.9rem;padding:clamp(1rem,3vw,1.75rem)}.picker-step>h3,.picker-step-heading h3{margin:0}.picker-category-grid,.picker-scenario-list,.picker-clue-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.picker-category-grid button,.picker-scenario-button,.picker-clue-button{background:#fff;border:1px solid var(--color-line);border-radius:.8rem;color:inherit;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.picker-category-grid button:hover,.picker-scenario-button:hover,.picker-clue-button:hover{border-color:#84b7a6;box-shadow:0 8px 18px #17212b12;transform:translateY(-2px)}.picker-category-grid button{display:grid;gap:var(--space-1);grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.picker-category-grid button>span{align-items:center;background:var(--color-leaf);border-radius:.55rem;color:var(--color-primary-dark);display:flex;font-weight:900;grid-row:1 / 4;height:2.8rem;justify-content:center;width:2.8rem}.picker-category-grid small,.picker-category-grid em{color:var(--color-muted);font-size:.82rem;font-style:normal}.picker-step-heading{align-items:start;display:flex;gap:var(--space-3);justify-content:space-between}.picker-step-heading span{color:var(--color-primary);font-size:.82rem;font-weight:800}.picker-scenario-button{display:grid;gap:var(--space-2);padding:var(--space-4)}.picker-scenario-button span,.picker-clue-button small{color:var(--color-muted);font-size:.88rem}.picker-scenario-button small{color:var(--color-primary);font-weight:800}.picker-guide-tip{background:#fff9ec;border-left:4px solid var(--color-accent);color:#5c5241;margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4)}.picker-clue-button{align-items:start;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.picker-clue-button>span:first-child{color:#8a9690;font-size:.76rem;font-weight:900}.picker-clue-button>span:last-child{display:grid;gap:var(--space-1)}.picker-result{background:linear-gradient(135deg,#edf7f2,#f8fbf9);border:1px solid #b9d8ca;border-radius:1rem;display:grid;gap:var(--space-5);margin-top:var(--space-5);padding:clamp(1rem,3vw,2rem)}.picker-result-main>h3{color:var(--color-primary-dark);font-size:clamp(2rem,7vw,3.25rem);margin:0}.picker-result-summary{font-size:1.05rem;font-weight:700}.picker-result dl{display:grid;gap:var(--space-2)}.picker-result dl>div{background:#ffffffc7;border-radius:var(--radius-md);padding:var(--space-3)}.picker-result dt{color:var(--color-primary);font-size:.8rem;font-weight:900}.picker-result .is-caution dt{color:#925f15}.picker-result dd{margin:var(--space-1) 0 0}.picker-result blockquote{background:#fff;border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-4) 0;padding:var(--space-4)}.picker-result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.picker-result-actions a{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:999px;color:#fff;font-size:.88rem;font-weight:800;padding:.55rem .8rem}.picker-result-actions a+a{background:#fff;color:var(--color-primary-dark)}.picker-result aside{background:#ffffffb8;border:1px solid #cfe1d9;border-radius:var(--radius-md);padding:var(--space-4)}.picker-result aside>div{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.picker-result aside a{border-top:1px solid var(--color-line);display:grid;padding-top:var(--space-2)}.picker-result aside a span{color:var(--color-muted);font-size:.86rem}.picker-index-links>div:last-child{display:grid;gap:var(--space-3)}.picker-index-links section{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4)}.picker-index-links h3{color:var(--color-primary-dark);margin:0 0 var(--space-2)}.picker-index-links ul{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);list-style:none;margin:0;padding:0}.picker-index-links a{font-size:.9rem;font-weight:800;text-decoration:underline;text-decoration-color:#b7d6c7;text-underline-offset:.16em}.tools-index-hero{text-align:center}.tools-index-hero .learning-lead{margin-left:auto;margin-right:auto}.tools-index-grid{display:grid;gap:var(--space-4)}.tools-index-card{--tool-tone: var(--color-primary);--tool-soft: #edf7f2;background:#fff;border:1px solid var(--color-line);border-top:5px solid var(--tool-tone);border-radius:.9rem;display:grid;min-height:16rem;padding:var(--space-5);position:relative;transition:box-shadow .16s ease,transform .16s ease}.tools-index-card.is-rose{--tool-tone: #a65f67;--tool-soft: #fff1f2}.tools-index-card.is-sky{--tool-tone: #477ca7;--tool-soft: #edf6fe}.tools-index-card.is-amber{--tool-tone: #966719;--tool-soft: #fff7e6}.tools-index-card.is-violet{--tool-tone: #6c5aa5;--tool-soft: #f3f0ff}.tools-index-card:hover{box-shadow:var(--shadow-panel);transform:translateY(-3px)}.tools-index-number{color:var(--tool-tone);font-size:.78rem;font-weight:900;position:absolute;right:var(--space-4);top:var(--space-4)}.tools-index-card .eyebrow{color:var(--tool-tone)}.tools-index-card>strong{font-size:1.35rem;margin-bottom:var(--space-2)}.tools-index-card>span:not(.tools-index-number):not(.eyebrow){color:var(--color-muted)}.tools-index-card small{align-self:end;color:var(--tool-tone);font-weight:900;margin-top:var(--space-5)}.tools-content-bridge{background:#fff;border:1px solid var(--color-line);border-radius:.9rem;padding:clamp(1rem,3vw,2rem)}.tools-content-bridge p:not(.eyebrow){color:var(--color-muted)}.tools-content-bridge nav{display:grid;gap:var(--space-3)}@media (min-width: 720px){.tool-page-hero,.family-index-hero,.family-detail-hero{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr)}.family-detail-hero{grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr)}.tool-method-grid,.tools-content-bridge{grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr)}.tool-method-cards,.related-tool-links>div:last-child,.family-principle-grid,.family-clue-grid,.checker-review-choices,.picker-scenario-list,.picker-clue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.family-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-practice,.picker-result{grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr)}.picker-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-index-links>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1080px){.family-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picker-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.picker-category-grid button{grid-template-columns:1fr;text-align:center}.picker-category-grid button>span{grid-row:auto;justify-self:center}.picker-result{grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr)}.picker-index-links>div:last-child{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 719px){.checker-heading,.picker-heading,.picker-step-heading,.checker-output-heading{align-items:stretch;flex-direction:column}.checker-privacy-badge,.picker-reset,.checker-apply-button,.picker-step-heading button{align-self:flex-start}.picker-progress strong{font-size:.78rem}.family-orbit{min-height:15rem}.family-member-card{grid-template-columns:auto minmax(0,1fr)}.family-member-number{grid-column:1 / -1}.family-card{grid-template-columns:auto minmax(0,1fr)}.family-card-index{grid-column:1 / -1}}.site-shell{min-height:100vh}.site-header{background:#fffffff0;border-bottom:1px solid var(--color-line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.header-inner{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-3);justify-content:space-between;margin:0 auto;max-width:1180px;padding:var(--space-3) var(--space-4)}.brand-link{align-self:flex-start;align-items:center;display:inline-flex;gap:var(--space-2);font-weight:800;letter-spacing:0;line-height:1}.brand-logo{display:block;height:clamp(2.35rem,7vw,3.1rem);max-width:min(42vw,10.5rem);object-fit:contain;width:auto}.site-nav{align-items:center;color:var(--color-muted);display:flex;flex:0 0 auto;flex-wrap:wrap;font-size:clamp(.78rem,3.3vw,.95rem);gap:.35rem;justify-content:space-between;line-height:1.2;min-width:0;width:100%}.site-nav a{white-space:nowrap}.site-nav-tool{background:#e8f4eee6;border:1px solid rgba(23,107,93,.16);border-radius:999px;color:var(--color-primary-dark);padding:.34rem .55rem}.site-nav-tool:hover{background:#d8eee2f5;border-color:#176b5d4d}.site-main{margin:0 auto;max-width:1180px;padding:var(--space-5) var(--space-4) var(--space-7)}.hero-grid{align-items:start;display:grid;gap:var(--space-6);min-height:min(620px,calc(100vh - 4.5rem));padding-top:clamp(1rem,4vh,3rem)}.hero-copy{padding-top:var(--space-4)}.eyebrow{color:var(--color-primary);font-size:.92rem;font-weight:700;margin:0 0 var(--space-2)}.hero-title{font-size:4.25rem;line-height:1.08;margin:0;max-width:11em}.hero-text{color:var(--color-muted);font-size:1.08rem;margin:var(--space-4) 0 0;max-width:35rem}.hero-info-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-5);max-width:38rem}.hero-info-item{border-left:3px solid rgba(23,107,93,.72);padding-left:var(--space-3)}.hero-info-label{color:var(--color-primary-dark);display:block;font-size:.9rem;font-weight:800;margin-bottom:var(--space-1)}.hero-info-item p{color:var(--color-muted);font-size:.96rem;line-height:1.55;margin:0}.hero-scope-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-4) 0 0;max-width:38rem;padding:0}.hero-scope-list li{background:#ffffffb8;border:1px solid rgba(23,107,93,.16);border-radius:999px;color:var(--color-primary-dark);font-size:.9rem;font-weight:700;padding:.32rem .7rem}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.feature-link{background:#ffffffc7;border:1px solid var(--color-line);border-radius:999px;color:var(--color-primary-dark);font-weight:800;padding:.45rem .8rem}.hero-workspace{display:grid;gap:var(--space-4)}.hero-preview{background:#fffffff0;border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:var(--space-4)}.preview-header{align-items:center;display:flex;gap:var(--space-3)}.preview-glyph{align-items:center;background:linear-gradient(135deg,#fff7e8,#fffdf6);border:1px solid #efdcb7;border-radius:var(--radius-sm);box-shadow:inset 0 -8px #d8942f14;display:inline-flex;flex:0 0 auto;font-size:3.35rem;font-weight:900;height:5.25rem;justify-content:center;line-height:1;width:5.25rem}.preview-summary{min-width:0}.preview-label{color:var(--color-accent);font-size:.86rem;font-weight:800;margin:0}.preview-title{font-size:1.85rem;line-height:1;margin:.2rem 0 var(--space-2)}.preview-tools,.preview-action-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preview-tools span,.tool-pill{background:#eef5f2;border:1px solid #d8e8e2;border-radius:999px;color:var(--color-primary-dark);font-size:.86rem;font-weight:800;padding:.22rem .55rem}.preview-action-row{border-bottom:1px solid var(--color-line);border-top:1px solid var(--color-line);margin-top:var(--space-4);padding:var(--space-3) 0}.tool-pill:nth-child(2){background:#fff4dc;border-color:#efdcb7;color:#815311}.tool-pill:nth-child(3){background:var(--color-sky);border-color:#c9ddf5;color:#24577b}.preview-grid{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.preview-block{border-left:3px solid var(--color-line);padding-left:var(--space-3)}.preview-block:nth-child(1){border-left-color:var(--color-primary)}.preview-block:nth-child(2){border-left-color:var(--color-accent)}.preview-block:nth-child(3){border-left-color:#7a9bc1}.preview-block:nth-child(4){border-left-color:#d99a8f}.preview-block-label{color:var(--color-muted);display:block;font-size:.84rem;font-weight:800}.preview-block p{margin:.2rem 0 0}.preview-link,.text-link{color:var(--color-primary-dark);display:inline-flex;font-weight:800;margin-top:var(--space-3)}.search-panel,.compact-search{background:#ffffffe6;border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);backdrop-filter:blur(10px);padding:var(--space-4)}.search-panel{position:relative}.search-panel:before{background:linear-gradient(135deg,#d8942f38,#176b5d29);border-radius:var(--radius-md);content:"";inset:-.65rem;position:absolute;z-index:-1}.compact-search{box-shadow:none;padding:var(--space-3)}.search-row{display:grid;gap:var(--space-3)}.search-input{border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);min-height:3.25rem;padding:0 var(--space-4);width:100%}.search-input:focus{border-color:var(--color-primary);outline:3px solid rgba(23,107,93,.16)}.primary-action{align-items:center;background:var(--color-primary);border:0;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:3.25rem;padding:0 var(--space-5)}.primary-action:hover{background:var(--color-primary-dark)}.hint-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.query-chip,.tag-chip{background:#eef5f2;border:1px solid #d8e8e2;border-radius:999px;color:var(--color-primary-dark);display:inline-flex;font-size:.92rem;padding:.35rem .7rem}.section-band{margin-top:var(--space-7)}.hero-grid+.section-band{margin-top:var(--space-5)}.section-heading{align-items:end;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.section-title,.panel-title{font-size:1.35rem;line-height:1.3;margin:0}.panel-title{font-size:1.2rem;margin-bottom:var(--space-3)}.section-note{color:var(--color-muted);display:none;font-size:.95rem;margin:0}.section-help{color:var(--color-muted);font-size:.92rem;margin:calc(var(--space-2) * -.5) 0 var(--space-3)}.quick-grid,.idiom-grid,.content-grid,.search-results,.service-grid,.comic-directory-grid,.shortcut-grid,.seo-grid,.workflow-grid,.data-stat-grid{display:grid;gap:var(--space-3)}.quick-card,.idiom-card,.result-panel,.source-panel,.character-card,.notice-card,.service-card,.shortcut-card,.workflow-card,.data-stat-card{background:#ffffffe6;border:1px solid var(--color-line);border-radius:var(--radius-md);backdrop-filter:blur(10px)}.result-panel,.character-card,.source-panel{box-shadow:0 8px 20px #17212b0d}.quick-card,.result-panel,.source-panel,.notice-card,.service-card,.shortcut-card,.workflow-card,.data-stat-card{padding:var(--space-4)}.notice-card{position:relative;overflow:hidden}.notice-card:after{background:var(--color-leaf);border-radius:999px;content:"";height:4rem;opacity:.55;position:absolute;right:-1.25rem;top:-1.75rem;width:4rem}.data-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-stat-card{overflow:hidden;position:relative}.data-stat-card:after{background:var(--color-leaf);border-radius:999px;content:"";height:4rem;opacity:.45;position:absolute;right:-1.2rem;top:-1.7rem;width:4rem}.data-stat-value{color:var(--color-primary-dark);font-size:2rem;font-weight:900;line-height:1}.quick-card{background:linear-gradient(180deg,#ffffffeb,#fcf9efdb);min-height:11rem;transition:transform .16s ease,box-shadow .16s ease}.quick-card:hover,.idiom-card:hover,.comic-teaser-link:hover,.comic-directory-item:hover,.shortcut-card:hover,.word-item:hover,.homophone-item:hover{transform:translateY(-2px)}.quick-char{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:var(--space-2)}.quick-sound,.sound-link{color:var(--color-primary);font-weight:700}.quick-words,.idiom-text,.list-text,.source-text,.muted-text{color:var(--color-muted);margin:var(--space-2) 0 0}.source-text a{color:var(--color-primary-dark);font-weight:800;text-decoration:underline;text-underline-offset:.15em}.idiom-card{overflow:hidden}.image-preview{align-items:center;aspect-ratio:16 / 9;background:radial-gradient(circle at 22% 28%,rgba(255,197,97,.42) 0 8%,transparent 9%),radial-gradient(circle at 70% 24%,rgba(92,164,196,.28) 0 12%,transparent 13%),radial-gradient(circle at 78% 72%,rgba(95,159,123,.3) 0 10%,transparent 11%),linear-gradient(135deg,#fff4dcf0,#ddefe4f0);display:flex;justify-content:center;padding:var(--space-4)}.image-preview--idiom{background:linear-gradient(180deg,#ffffff14,#17212b1a),url(/assets/idiom-chase-cartoon.webp) center / cover no-repeat}.image-preview--comic{aspect-ratio:1;background:var(--color-paper);padding:0}.comic-section{border-top:1px solid var(--color-line);padding-top:var(--space-5)}.comic-feature{margin:var(--space-4) 0 0}.comic-image{border:1px solid var(--color-line);border-radius:var(--radius-sm);display:block;height:auto;object-fit:cover;width:100%}.comic-feature figcaption{color:var(--color-muted);display:grid;font-size:.9rem;gap:var(--space-1);margin-top:var(--space-3)}.video-section{border-top:1px solid var(--color-line);padding-top:var(--space-5)}.video-list{display:grid;gap:var(--space-3)}.video-card{background:#ffffffa8;border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-3);overflow:hidden}.video-lite,.video-poster,.video-iframe{aspect-ratio:16 / 9;width:100%}.video-lite{background:#17212b;position:relative}.video-poster{background:#17212b;border:0;color:#fff;cursor:pointer;display:block;padding:0;position:relative}.video-poster:after{background:linear-gradient(180deg,#17212b05,#17212b3d);content:"";inset:0;position:absolute}.video-poster:hover .video-play,.video-poster:focus-visible .video-play{background:var(--color-primary)}.video-poster:focus-visible{outline:3px solid rgba(23,107,93,.3);outline-offset:3px}.video-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.video-play{align-items:center;background:#17212bd1;border:2px solid rgba(255,255,255,.88);border-radius:999px;display:inline-flex;font-size:1.3rem;height:4rem;justify-content:center;left:50%;line-height:1;padding-left:.16rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .16s ease;width:4rem;z-index:1}.video-iframe{border:0;display:block}.video-body{display:grid;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.video-title{font-size:1rem;line-height:1.45;margin:0}.video-note{color:var(--color-muted);font-size:.88rem;margin:0}.comic-highlight-section{background:linear-gradient(135deg,#ffffffad,#f0f7f2c2),radial-gradient(circle at 92% 18%,rgba(23,107,93,.08) 0 6rem,transparent 6.1rem),repeating-linear-gradient(90deg,rgba(23,107,93,.045) 0 1px,transparent 1px 5.5rem),repeating-linear-gradient(180deg,rgba(216,148,47,.04) 0 1px,transparent 1px 4rem);border:1px solid rgba(23,107,93,.12);border-radius:var(--radius-md);display:grid;gap:var(--space-4);overflow:hidden;padding:var(--space-4);position:relative}.comic-highlight-section:before{bottom:-.45rem;color:#176b5d0d;content:"成語漫畫";font-size:clamp(4.6rem,11vw,7.6rem);font-weight:900;letter-spacing:0;line-height:1;opacity:1;position:absolute;right:clamp(.75rem,4vw,2.5rem);white-space:nowrap}.comic-highlight-copy,.comic-teaser-list{max-width:40rem;position:relative;z-index:1}.section-heading--compact{align-items:start;display:grid;gap:var(--space-1);justify-content:start;margin-bottom:0}.comic-teaser-list{display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.comic-teaser-link,.comic-directory-item{align-items:center;background:#ffffff7a;border:1px solid rgba(23,107,93,.1);border-radius:var(--radius-sm);color:inherit;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.comic-teaser-link:hover,.comic-directory-item:hover{background:#ffffffbd;border-color:#176b5d38}.comic-teaser-link{display:grid;column-gap:var(--space-4);grid-template-columns:4rem minmax(0,1fr);min-height:3rem;padding:.55rem .72rem}.comic-teaser-link .comic-directory-thumb{height:4rem;width:4rem}.comic-teaser-link--more{align-content:center;grid-template-columns:minmax(0,1fr)}.comic-teaser-meta{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.45;overflow:hidden}.comic-directory-thumb{aspect-ratio:1;background:var(--color-paper);border-radius:var(--radius-sm);display:block;object-fit:cover}.comic-teaser-body,.comic-directory-body{display:grid;gap:.1rem;min-width:0}.comic-teaser-title,.comic-directory-title{color:var(--color-ink);font-weight:800;line-height:1.28}.comic-teaser-meta,.comic-directory-meta{color:var(--color-muted);font-size:.88rem}.comic-index-hero{background:linear-gradient(135deg,#ffffff80,#eff7f2ad),linear-gradient(90deg,#176b5d0f,#d8942f12);border:1px solid rgba(23,107,93,.12);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-4)}.comic-index-hero .detail-header{margin-bottom:0}.comic-index-stats{color:var(--color-primary-dark);display:flex;flex-wrap:wrap;font-size:.92rem;font-weight:700;gap:var(--space-2)}.comic-index-stats span{background:#ffffff75;border:1px solid rgba(23,107,93,.12);border-radius:999px;padding:.28rem .62rem}.comic-index-browser{display:grid;gap:var(--space-4)}.comic-index-browser .section-heading{margin-bottom:0}.comic-index-toolbar{align-items:end;background:#ffffff7a;border:1px solid rgba(23,107,93,.12);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-3)}.comic-search-field{color:var(--color-primary-dark);display:grid;font-size:.92rem;font-weight:800;gap:var(--space-1)}.comic-search-field input{background:#ffffffdb;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);min-height:2.75rem;outline:none;padding:0 var(--space-3);width:100%}.comic-search-field input:focus{border-color:#176b5d7a;box-shadow:0 0 0 3px #176b5d1a}.comic-sort-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.comic-sort-label,.comic-result-count{color:var(--color-muted);font-size:.9rem;font-weight:700}.comic-sort-button{background:#ffffffc7;border:1px solid var(--color-line);border-radius:999px;color:var(--color-primary-dark);cursor:pointer;font-weight:800;min-height:2.35rem;padding:.25rem .78rem}.comic-sort-button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.comic-result-count{margin:0}.comic-empty-state{background:#ffffff8a;border:1px dashed rgba(23,107,93,.2);border-radius:var(--radius-md);color:var(--color-muted);margin:0;padding:var(--space-4);text-align:center}.comic-directory-grid{grid-template-columns:1fr}.comic-directory-item{display:grid;gap:var(--space-3);grid-template-columns:4.5rem minmax(0,1fr);min-height:5.25rem;padding:var(--space-2)}.comic-directory-thumb{height:4.5rem;opacity:.9;width:4.5rem}.image-scene{background:#ffffffd6;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-md);color:var(--color-primary-dark);font-weight:800;padding:var(--space-3) var(--space-4)}.idiom-body{padding:var(--space-4)}.idiom-title,.list-title{font-size:1.08rem;margin:0}.service-card{color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.service-card:hover{border-color:#176b5d4d;box-shadow:0 10px 22px #17212b14;transform:translateY(-2px)}.service-card:focus-visible{outline:3px solid rgba(23,107,93,.24);outline-offset:3px}.service-card .quick-words{flex:1}.service-card-action{color:var(--color-primary-dark);font-size:.9rem;font-weight:900;margin-top:var(--space-2)}.home-character-directory{display:grid;gap:var(--space-4)}.home-character-group{background:#fffffff0;border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:0 8px 22px #17212b0b;container-type:inline-size;overflow:hidden}.home-character-group:nth-child(2){border-top:4px solid #7865a6}.home-character-group:nth-child(3){border-top:4px solid #4e83a6}.home-character-group:nth-child(4){border-top:4px solid #c47b42}.home-character-group-header{align-items:start;background:linear-gradient(135deg,#f2f8f4eb,#fffffff5);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4)}.home-character-group-header h3{font-size:1.18rem;margin:0}.home-character-group-header p:not(.eyebrow){color:var(--color-muted);line-height:1.65;margin:var(--space-1) 0 0}.home-character-group-header>span{background:#fff;border:1px solid var(--color-line);border-radius:999px;color:var(--color-primary-dark);flex-shrink:0;font-size:.8rem;font-weight:900;padding:.3rem .58rem}.home-character-list{border-top:1px solid rgba(223,231,226,.9);display:grid;gap:var(--space-2);padding:var(--space-3)}.home-character-link{align-items:center;border:1px solid rgba(213,224,217,.94);border-radius:var(--radius-sm);color:inherit;display:grid;gap:var(--space-2);grid-template-columns:2.5rem minmax(0,1fr) auto;min-height:4.35rem;padding:.62rem .7rem;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.home-character-link:hover{background:#eef7f2d1;border-color:#176b5d3d;transform:translateY(-1px)}.home-character-link:focus-visible{outline:3px solid rgba(23,107,93,.24);outline-offset:-3px}.home-character-glyph{align-items:center;background:#f3f7f4;border:1px solid rgba(23,107,93,.14);border-radius:.65rem;color:var(--color-primary-dark);display:inline-flex;font-size:1.5rem;font-weight:900;height:2.5rem;justify-content:center;width:2.5rem}.home-character-copy{display:grid;gap:.18rem;min-width:0}.home-character-copy strong{font-size:.92rem}.home-character-copy small{color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-character-arrow{color:var(--color-primary);font-weight:900}.home-character-more{border-top:1px dashed var(--color-line);color:var(--color-primary-dark);display:block;font-size:.9rem;font-weight:900;padding:var(--space-3) var(--space-4);text-align:right}@container (min-width: 31rem){.home-character-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.service-image{aspect-ratio:4 / 3;border-radius:var(--radius-sm);margin-bottom:var(--space-3);object-fit:cover;width:100%}.shortcut-band{background:#ffffff7a;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4)}.shortcut-card{display:grid;gap:var(--space-1);transition:transform .16s ease,box-shadow .16s ease}.shortcut-card strong{font-size:1.75rem;line-height:1.2}.shortcut-card span:last-child{color:var(--color-muted)}.shortcut-label{color:var(--color-primary);font-size:.9rem;font-weight:800}.workflow-section{background:linear-gradient(135deg,#dcecff70,#f7e2df5c);border:1px solid rgba(223,231,226,.92);border-radius:var(--radius-md);padding:var(--space-4)}.workflow-card{border-top:4px solid var(--color-primary)}.workflow-card:nth-child(2){border-top-color:var(--color-accent)}.workflow-card:nth-child(3){border-top-color:#7a9bc1}.workflow-step{color:var(--color-primary);display:block;font-size:.86rem;font-weight:900;margin-bottom:var(--space-2)}.footer{border-top:1px solid var(--color-line);color:var(--color-muted);display:grid;font-size:.9rem;gap:var(--space-3);padding:var(--space-5) var(--space-4);text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.footer-links a{color:var(--color-primary-dark);font-weight:800}.breadcrumb{color:var(--color-muted);font-size:.92rem;margin:var(--space-4) 0}.breadcrumb a{color:var(--color-primary-dark);font-weight:700}.result-layout,.side-column{display:grid;gap:var(--space-4)}.character-card{background:linear-gradient(180deg,#fffffff0,#fffaefe6);padding:var(--space-5)}.character-main{align-items:center;display:flex;gap:var(--space-4)}.character-glyph{align-items:center;background:linear-gradient(135deg,#fff7e8,#fffdf6);border:1px solid #efdcb7;border-radius:var(--radius-md);box-shadow:inset 0 -8px #d8942f14;display:inline-flex;font-size:4.5rem;font-weight:900;height:7rem;justify-content:center;line-height:1;width:7rem}.character-title,.detail-title{font-size:2rem;margin:0}.character-title{font-size:1.45rem;line-height:1.35}.character-answer-intro{background:linear-gradient(135deg,#fff7e0e6,#e8f6edd1);border:1px solid var(--color-line);border-radius:var(--radius-sm);margin-bottom:var(--space-5);padding:var(--space-4)}.character-answer-intro .eyebrow{margin-bottom:var(--space-1)}.character-answer-intro--experiment{border-left:5px solid var(--color-accent)}.character-intent-groups{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.character-intent-groups section{background:#ffffffc2;border:1px solid rgba(205,221,212,.9);border-radius:var(--radius-sm);padding:var(--space-3)}.character-intent-groups h3{font-size:.9rem;margin:0 0 var(--space-2)}.character-practice-prompt{border-top:1px dashed #c9d9cf;color:var(--color-muted);line-height:1.75;margin:var(--space-4) 0 0;padding-top:var(--space-3)}.related-character-links,.related-idiom-links{display:grid;gap:var(--space-2);list-style:none;margin:var(--space-3) 0 0;padding:0}.related-character-links a,.related-idiom-links a{align-items:center;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);justify-content:space-between;padding:.65rem .75rem}.related-character-links a:hover,.related-idiom-links a:hover{border-color:#8fbca6}.related-character-links strong{color:var(--color-primary-dark);font-size:1.25rem}.related-character-links span,.related-idiom-links span{color:var(--color-muted);font-size:.78rem;text-align:right}@media (min-width: 720px){.character-intent-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}.character-meaning-title{margin-top:0}.sound-link{display:inline-flex;font-size:1.15rem;margin-top:var(--space-1)}.meta-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-4)}.learning-media{border-top:1px solid rgba(223,231,226,.92);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3)}.media-control-group{display:contents}.media-button{align-items:center;background:#fff;border:1px solid #cfe0d8;border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;display:inline-flex;font-weight:800;min-height:2.4rem;padding:.35rem .75rem}.media-button--audio{gap:var(--space-2)}.media-icon{fill:none;height:1.15rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.15rem}.media-reading{line-height:1}.media-button:hover{background:#eef5f2}.media-button--quiet{color:var(--color-muted)}.media-button[data-state=error]{border-color:#d99a8f;color:#8f2f25}.stroke-panel{border-top:1px solid rgba(223,231,226,.92);margin-top:var(--space-4);padding-top:var(--space-4)}.stroke-canvas{align-items:center;aspect-ratio:1;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(216,148,47,.2) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(216,148,47,.2) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),#fffdf7;border:1px solid #efdcb7;border-radius:var(--radius-md);display:grid;justify-content:center;margin:0 auto;max-width:12rem;overflow:hidden;place-items:center;width:100%}.stroke-canvas svg{display:block;max-height:100%;max-width:100%}.stroke-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.compact-source{flex-basis:100%;font-size:.82rem;margin-top:var(--space-3)}.meta-item{background:var(--color-soft);border-radius:var(--radius-sm);padding:var(--space-3)}.meta-label{color:var(--color-muted);display:block;font-size:.86rem}.meta-value{display:block;font-weight:800;margin-top:var(--space-1)}.meta-note{color:var(--color-muted);display:inline-block;font-size:.9rem;font-weight:700;margin-left:var(--space-2)}.word-section{border-top:1px solid var(--color-line);padding-top:var(--space-4)}.word-section:first-of-type{border-top:0;padding-top:0}.word-section+.word-section{margin-top:var(--space-4)}.learning-note-section{background:linear-gradient(135deg,#fff7e0e6,#e8f6eddb);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-4)}.learning-note-section .eyebrow{margin-bottom:var(--space-1)}.learning-note-lead{color:var(--color-ink);font-size:1.05rem;font-weight:700;line-height:1.75;margin:var(--space-3) 0 0}.learning-note-grid{display:grid;gap:var(--space-3);margin:var(--space-3) 0 0}.learning-note-item{background:#ffffffb8;border:1px solid rgba(30,94,74,.14);border-radius:var(--radius-sm);padding:var(--space-3)}.learning-note-item dt{color:var(--color-primary-dark);font-weight:800}.learning-note-item dd{line-height:1.7;margin:var(--space-1) 0 0}.learning-note-disclaimer{color:var(--color-muted);font-size:.86rem;line-height:1.6;margin:var(--space-3) 0 0}.word-list,.homophone-list{display:grid;gap:var(--space-2);list-style:none;margin:var(--space-3) 0 0;padding:0}.word-item,.homophone-item{background:#ffffff9e;border:1px solid var(--color-line);border-radius:var(--radius-sm);display:block;padding:.7rem .8rem;transition:transform .16s ease,box-shadow .16s ease}.word-item--compact{padding:.55rem .7rem}.word-item--static-result:hover{box-shadow:none;transform:none}.search-result-group{display:grid;gap:var(--space-3)}.search-result-group+.search-result-group{margin-top:var(--space-4)}.search-result-group-header{align-items:end;display:flex;gap:var(--space-3);justify-content:space-between}.search-result-group-title{align-items:center;display:inline-flex;font-size:1.08rem;gap:var(--space-2);line-height:1.3;margin:0}.search-result-group-note{color:var(--color-muted);font-size:.92rem;margin:var(--space-1) 0 0}.search-result-group-list{display:grid;gap:var(--space-2)}.result-count{background:#fff4dc;border:1px solid #efdcb7;border-radius:999px;color:#815311;display:inline-flex;font-size:.82rem;font-weight:800;line-height:1;padding:.28rem .52rem}.search-result-card{color:var(--color-text);text-decoration:none}.result-heading{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.result-meta{align-items:center;display:inline-flex;flex:1 1 auto;flex-wrap:wrap;gap:var(--space-2);min-width:min(100%,12rem)}.result-title{color:var(--color-primary-dark);font-weight:800}.result-title--static{color:var(--color-text)}.result-action,.result-state{color:var(--color-muted);font-size:.9rem;margin-left:auto}.result-state{background:#f7faf8;border:1px solid var(--color-line);border-radius:999px;padding:.28rem .65rem}.search-result-card:not(.word-item--static-result):hover .result-action{color:var(--color-primary-dark)}.word-link,.homophone-link{color:var(--color-primary-dark);font-weight:800}.word-link:hover,.word-link:focus-visible{text-decoration:underline;text-underline-offset:.15em}.word-link:focus-visible{outline:3px solid rgba(29,116,99,.22);outline-offset:3px}.word-sound{color:var(--color-muted);display:inline-block;font-size:.92rem;margin-left:var(--space-2)}.split-list{display:grid;gap:var(--space-3)}.word-definition-list{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.word-definition-list--compact{gap:var(--space-2)}.word-definition-item{background:#ffffffa8;border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-3)}.word-definition-title{font-size:1rem;margin:0}.mini-idiom-list{display:grid;gap:var(--space-2);list-style:none;margin:var(--space-3) 0 0;padding:0}.mini-idiom-list li{border-bottom:1px dashed var(--color-line);min-height:2.5rem;padding:.55rem 3.8rem .55rem 0;position:relative}.mini-idiom-list li:last-child{border-bottom:0;padding-bottom:0}.mini-idiom-list a{color:var(--color-primary-dark);font-size:.95rem;font-weight:800}.mini-idiom-tag{color:var(--color-muted);font-size:.76rem;line-height:1;position:absolute;right:0;top:.6rem}.mini-idiom-tag--comic{color:#9a5b05;font-weight:800}.comic-transcript{background:#ffffffa8;border:1px solid var(--color-line);border-radius:var(--radius-sm);margin-top:var(--space-4);padding:var(--space-3)}.comic-transcript summary{color:var(--color-primary-dark);cursor:pointer;font-weight:800}.comic-transcript-note,.comic-review-meta{color:var(--color-muted);font-size:.9rem;line-height:1.65}.comic-panel-list{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding-left:1.4rem}.comic-panel-list li{line-height:1.65;padding-left:var(--space-1)}.comic-panel-list strong,.comic-panel-list span,.comic-panel-list q{display:block}.comic-panel-list q{color:var(--color-primary-dark);margin-top:.15rem}.comic-review-meta{margin:var(--space-3) 0 0}.comic-topic-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.comic-topic-button{background:#fffc;border:1px solid var(--color-line);border-radius:999px;color:var(--color-primary-dark);cursor:pointer;font-weight:800;min-height:2.4rem;padding:.35rem .85rem}.comic-topic-button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.comic-directory-summary{color:var(--color-muted);display:-webkit-box;font-size:.88rem;line-height:1.5;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sound-comparison-item{display:grid;gap:var(--space-3)}.sound-comparison-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-2)}.sound-comparison-heading .homophone-link{font-size:1.8rem}.sound-comparison-heading .word-sound{margin-left:0}.sound-character-meta,.sound-section-label{color:var(--color-muted);font-size:.88rem}.sound-character-meta{margin-left:auto}.sound-definition,.sound-word-row{background:#ffffff8f;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.sound-section-label{display:block;font-weight:800;margin-bottom:var(--space-1)}.sound-definition .moe-text p{margin:0}.sound-detail-link{justify-self:start}.compact-idiom-panel .panel-title{font-size:1rem}.compact-idiom-panel{position:relative}.idiom-legend{color:var(--color-muted);font-size:.72rem;line-height:1.35;margin:0;max-width:8rem;position:absolute;right:var(--space-4);text-align:right;top:var(--space-4)}.desktop-only{display:none}.mobile-only{display:block}.moe-text p{margin:0 0 var(--space-3)}.moe-text p:last-child{margin-bottom:0}.moe-text ruby{ruby-position:over}.moe-text rt{color:var(--color-muted);font-size:.62em}.detail-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.policy-section{border-top:1px solid var(--color-line);margin-top:var(--space-4);padding-top:var(--space-4)}.policy-list{color:var(--color-muted);display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding-left:1.3rem}.policy-section code{background:#eef5f2;border:1px solid #d8e8e2;border-radius:var(--radius-sm);color:var(--color-primary-dark);font-size:.95em;padding:.08rem .28rem}.policy-section a{color:var(--color-primary-dark);font-weight:800;text-decoration:underline;text-underline-offset:.15em}.source-list{display:grid;gap:var(--space-3);margin:var(--space-3) 0 0;padding-left:1.3rem}.source-list a{color:var(--color-primary-dark);font-weight:800;text-decoration:underline;text-underline-offset:.15em}.more-detail{border-top:1px dashed var(--color-line);margin-top:var(--space-3);padding-top:var(--space-3)}.more-detail summary{color:var(--color-primary-dark);cursor:pointer;font-weight:800}.more-detail .moe-text{margin-top:var(--space-3)}@media (min-width: 720px){.header-inner{align-items:center;flex-direction:row;gap:var(--space-4)}.brand-logo{max-width:min(48vw,10.5rem)}.site-nav{gap:var(--space-3);justify-content:flex-end;width:auto}.hero-grid{align-items:center;grid-template-columns:minmax(0,.95fr) minmax(22rem,1.05fr)}.search-row{grid-template-columns:minmax(0,1fr) auto}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-character-directory,.comic-teaser-list,.comic-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-index-toolbar{grid-template-columns:minmax(16rem,1fr) auto auto}.word-list,.learning-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-list--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.split-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-grid,.seo-grid,.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.idiom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-note{display:block}.result-layout{grid-template-columns:minmax(15rem,.9fr) minmax(0,1.5fr)}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr)}.desktop-only{display:block}.mobile-only{display:none}.side-column{align-self:start;position:sticky;top:5rem}}.compact-learning-panel+.result-panel,.compact-learning-panel+.compact-idiom-panel,.result-panel+.compact-learning-panel{margin-top:var(--space-3)}.mini-learning-list{display:grid;gap:var(--space-2);list-style:none;margin:var(--space-3) 0 0;padding:0}.mini-learning-list a{background:#f5f9f7;border:1px solid #d7e6df;border-radius:var(--radius-sm);display:grid;gap:.1rem;padding:var(--space-3)}.mini-learning-list a:hover{border-color:#9bc5b8}.mini-learning-list strong{color:var(--color-primary-dark)}.mini-learning-list span{color:var(--color-muted);display:-webkit-box;font-size:.86rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mini-learning-list small{color:var(--color-primary);font-weight:800;margin-top:.2rem}@media (max-width: 719px){body.page-home,body.page-character{background-attachment:scroll}body.page-home{background-position:center top;background-size:auto 32rem}body.page-character{background-position:right 3rem top 4rem;background-size:560px auto}.hero-grid{min-height:auto;padding-top:var(--space-3)}.hero-title{font-size:2.8rem}.hero-text{font-size:1rem}.hero-info-grid{gap:var(--space-2);grid-template-columns:1fr;margin-top:var(--space-4)}.hero-actions{margin-top:var(--space-4)}.data-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-stat-card{padding:var(--space-3)}.data-stat-value{font-size:1.35rem}.preview-glyph{font-size:2.8rem;height:4.5rem;width:4.5rem}.site-main{padding-top:var(--space-3)}.section-band{margin-top:var(--space-5)}.service-card,.quick-card{min-height:auto}.comic-highlight-section,.comic-index-hero{padding:var(--space-3)}.comic-highlight-section:before{bottom:-.25rem;font-size:4.1rem;right:-.25rem}}@media (min-width: 1080px){.result-layout{grid-template-columns:minmax(15rem,.8fr) minmax(0,1.45fr) minmax(16rem,.8fr)}.comic-highlight-section{align-items:center;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.comic-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sound-index-hero{background:radial-gradient(circle at 92% 12%,rgba(82,127,168,.14),transparent 12rem),linear-gradient(135deg,#fffffffa,#eff7f2eb);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-4);margin-top:var(--space-4);padding:clamp(1.2rem,4vw,2.4rem)}.sound-index-stats{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.sound-index-stats div{background:#ffffffd1;border:1px solid rgba(23,107,93,.12);border-radius:var(--radius-sm);min-width:0;padding:var(--space-3)}.sound-index-stats dt{color:var(--color-muted);font-size:.78rem;font-weight:800}.sound-index-stats dd{color:var(--color-ink);font-size:clamp(1rem,3vw,1.35rem);font-weight:900;margin:var(--space-1) 0 0}.sound-featured-links{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.sound-featured-links a{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:inherit;display:grid;gap:.2rem;min-width:0;padding:var(--space-3);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sound-featured-links a:hover{border-color:#527fa86b;box-shadow:0 8px 18px #17212b12;transform:translateY(-2px)}.sound-featured-links strong{color:#385f83;font-size:1.08rem}.sound-featured-links span{color:var(--color-muted);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-index-browser{background:#ffffff9e;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:clamp(1rem,3vw,2rem)}.sound-index-toolbar{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-sm);display:grid;gap:var(--space-2);padding:var(--space-3)}.sound-index-toolbar label{color:var(--color-ink);font-size:.9rem;font-weight:900}.sound-index-toolbar input{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);font:inherit;min-width:0;padding:.78rem .9rem;width:100%}.sound-index-toolbar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #176b5d1f;outline:none}.sound-index-toolbar p{color:var(--color-muted);font-size:.88rem;margin:0}.sound-category-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.sound-category-nav a{align-items:center;background:#eef5f9;border:1px solid #d5e2ec;border-radius:999px;color:#385f83;display:inline-flex;font-size:.88rem;font-weight:900;gap:var(--space-2);padding:.52rem .72rem;text-decoration:none}.sound-category-nav span{background:#fff;border-radius:999px;color:var(--color-muted);font-size:.72rem;padding:.08rem .4rem}.sound-category-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.sound-category-section{background:#ffffffe6;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3);scroll-margin-top:1rem}.sound-category-section>header{align-items:start;display:flex;gap:var(--space-3);justify-content:space-between}.sound-category-section h2,.sound-category-section header p{margin:0}.sound-category-section h2{font-size:1.24rem;margin-top:.1rem}.sound-category-section header p:last-child{color:var(--color-muted);font-size:.88rem;margin-top:var(--space-1)}.sound-category-section>header>span{background:#eef5f9;border-radius:999px;color:#385f83;flex:0 0 auto;font-size:.78rem;font-weight:900;padding:.38rem .58rem}.sound-category-section details{border-top:1px dashed var(--color-line);margin-top:var(--space-3);padding-top:var(--space-3)}.sound-category-section summary{color:var(--color-primary-dark);cursor:pointer;font-size:.9rem;font-weight:900}.sound-index-grid{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.sound-index-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:inherit;display:grid;gap:.22rem;min-width:0;padding:var(--space-3);text-decoration:none}.sound-index-card[hidden]{display:none}.sound-index-card:hover{background:#f3f8fb;border-color:#527fa86b}.sound-index-card strong{color:#385f83;font-size:1.05rem}.sound-index-card span{color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-index-card small{color:var(--color-muted);font-size:.76rem}.sound-index-empty{margin-top:var(--space-4)}@media (min-width: 720px){.sound-index-hero{align-items:center;grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr)}.sound-featured-links{grid-template-columns:repeat(4,minmax(0,1fr))}.sound-index-toolbar{align-items:center;grid-template-columns:minmax(10rem,auto) minmax(18rem,1fr) auto}.sound-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1080px){.sound-featured-links{grid-template-columns:repeat(6,minmax(0,1fr))}.sound-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.learning-hero,.comparison-detail-hero,.writing-guide-hero{background:radial-gradient(circle at 92% 10%,rgba(216,148,47,.14),transparent 13rem),linear-gradient(135deg,#fffffffa,#eff7f2f0);border:1px solid var(--color-line);border-radius:1.15rem;box-shadow:var(--shadow-panel);overflow:hidden}.learning-hero{display:grid;gap:var(--space-5);padding:clamp(1.25rem,4vw,3rem)}.learning-hero-copy{align-self:center}.learning-hero-copy>p:not(.eyebrow),.learning-lead{color:var(--color-muted);font-size:1.05rem;margin:var(--space-3) 0 0;max-width:48rem}.learning-hero>img{aspect-ratio:14 / 9;border-radius:.9rem;display:block;height:100%;object-fit:cover;width:100%}.learning-stat-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.learning-stat-row span{background:#ffffffd1;border:1px solid #cfe1d9;border-radius:999px;color:var(--color-primary-dark);font-size:.88rem;font-weight:800;padding:.35rem .7rem}.learning-step-list,.writing-steps{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}.learning-step-list li,.writing-steps li{background:#ffffffe6;border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:.2rem;padding:var(--space-4)}.learning-step-list strong{color:var(--color-primary-dark);font-size:1.02rem}.learning-step-list span{color:var(--color-muted);font-size:.94rem}.learning-card-grid,.comparison-rule-grid,.moe-comparison-grid,.related-learning-links{display:grid;gap:var(--space-3)}.learning-card,.related-learning-links a{background:#fffffff0;border:1px solid var(--color-line);border-radius:.85rem;box-shadow:0 6px 18px #17212b0a;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.learning-card:hover,.related-learning-links a:hover{border-color:#9bc5b8;box-shadow:0 12px 24px #17212b17;transform:translateY(-2px)}.comparison-card{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:auto auto minmax(0,1fr);padding:var(--space-4)}.learning-card-number{align-self:start;color:#95a39c;font-size:.75rem;font-weight:800}.comparison-card-glyphs{display:flex;margin-right:var(--space-1)}.comparison-card-glyphs b{align-items:center;background:var(--color-leaf);border:2px solid #c4ddc9;border-radius:50%;display:inline-flex;font-size:1.55rem;height:3.2rem;justify-content:center;width:3.2rem}.comparison-card-glyphs b+b{background:var(--color-sky);border-color:#c1d6ee;margin-left:-.75rem}.comparison-card-glyphs b:nth-child(3){background:var(--color-rose);border-color:#ead0cb}.learning-card-body{display:grid;min-width:0}.learning-card-body strong{font-size:1.05rem}.learning-card-body span{color:var(--color-muted);font-size:.92rem}.learning-card-body small{color:var(--color-primary);font-weight:800;margin-top:var(--space-2)}.learning-content-notice,.learning-review-note,.learning-note{background:#fff9ec;border:1px solid #ead5a9;border-radius:var(--radius-md);padding:var(--space-4)}.learning-content-notice p,.learning-review-note p,.learning-note p{color:#5c5241;margin:var(--space-2) 0 0}.comparison-detail-hero{align-items:center;display:grid;gap:var(--space-5);padding:clamp(1.25rem,4vw,2.5rem)}.comparison-glyph-row{display:flex;justify-content:center}.comparison-glyph-row a{align-items:center;background:linear-gradient(145deg,#e9f6ee,#d6ecdf);border:2px solid #b7d6c5;border-radius:1rem;box-shadow:0 8px 18px #176b5d14;display:inline-flex;font-size:clamp(3rem,14vw,5rem);font-weight:900;height:clamp(6rem,28vw,8rem);justify-content:center;width:clamp(6rem,28vw,8rem)}.comparison-glyph-row a+a{margin-left:-.7rem}.comparison-glyph-row a:nth-last-child(n+4),.comparison-glyph-row a:nth-last-child(n+4)~a{font-size:clamp(1.9rem,9vw,3.75rem);height:clamp(3.75rem,18vw,6rem);width:clamp(3.75rem,18vw,6rem)}.comparison-glyph-row a:nth-child(2){background:linear-gradient(145deg,#eaf3ff,#d4e7fb);border-color:#bdd3e9;transform:rotate(3deg)}.comparison-glyph-row a:nth-child(3){background:linear-gradient(145deg,#fff0ee,#f3dad5);border-color:#e6c7c2;transform:rotate(-2deg)}.comparison-glyph-row a:nth-child(4){background:linear-gradient(145deg,#fff7df,#f3e7bd);border-color:#dfcf9b;transform:rotate(2deg)}.comparison-glyph-row a:nth-child(5){background:linear-gradient(145deg,#f4ebff,#e3d5f2);border-color:#cfbbe4;transform:rotate(-2deg)}.memory-tip,.selection-tip{align-items:start;background:#ffffffc7;border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;display:grid;gap:.15rem;margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.memory-tip strong,.selection-tip strong{color:#805617;font-size:.84rem}.memory-tip span,.selection-tip p{font-weight:800;margin:0}.comparison-rule-card,.moe-comparison-card{background:#fffffff0;border:1px solid var(--color-line);border-radius:.85rem;padding:var(--space-4)}.comparison-rule-heading{align-items:start;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.comparison-rule-heading>span{align-items:center;background:var(--color-leaf);border-radius:.65rem;color:var(--color-primary-dark);display:inline-flex;font-size:2rem;font-weight:900;height:3.25rem;justify-content:center;width:3.25rem}.comparison-rule-card:nth-child(2n) .comparison-rule-heading>span{background:var(--color-sky)}.comparison-rule-heading h3{font-size:1.1rem;margin:0}.comparison-rule-heading p{color:var(--color-muted);font-size:.93rem;margin:.2rem 0 0}.comparison-rule-card ul{display:grid;gap:var(--space-2);list-style:none;margin:var(--space-4) 0 0;padding:0}.comparison-rule-card li{background:#f7faf8;border-radius:var(--radius-sm);padding:.45rem .65rem}.moe-comparison-card{display:grid;gap:var(--space-3)}.moe-character-link{align-items:center;display:flex;gap:var(--space-3)}.moe-character-link>span{color:var(--color-primary-dark);font-size:2.2rem;font-weight:900}.moe-character-link strong{color:var(--color-muted)}.moe-comparison-card .moe-text{border-top:1px dashed var(--color-line);color:var(--color-muted);font-size:.94rem;padding-top:var(--space-3)}.moe-comparison-card .moe-text p{margin:0 0 var(--space-2)}.confusable-quiz,.quiz-question-list{display:grid;gap:var(--space-3)}.quiz-question{background:#fffffff5;border:2px solid var(--color-line);border-radius:.85rem;margin:0;padding:var(--space-4)}.quiz-question.is-correct{background:#f1faf4;border-color:#86b99b}.quiz-question.is-incorrect,.quiz-question.is-unanswered{background:#fff8f1;border-color:#d9a06f}.quiz-question legend{font-weight:800;padding:0 var(--space-2)}.quiz-question legend span{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:.82rem;height:1.75rem;justify-content:center;margin-right:var(--space-2);width:1.75rem}.quiz-options{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.quiz-option{cursor:pointer}.quiz-option input{opacity:0;position:absolute;pointer-events:none}.quiz-option span{align-items:center;background:#f4f7f5;border:1px solid #cbd9d2;border-radius:999px;display:inline-flex;font-size:1.05rem;font-weight:800;justify-content:center;min-height:2.7rem;min-width:4.5rem;padding:.4rem 1rem}.quiz-option input:checked+span{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quiz-option input:focus-visible+span{outline:3px solid rgba(216,148,47,.45);outline-offset:2px}.quiz-feedback{color:var(--color-primary-dark);font-weight:700;margin:var(--space-3) 0 0}.is-incorrect .quiz-feedback,.is-unanswered .quiz-feedback{color:#8a4b1c}.quiz-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.primary-button,.secondary-button{border-radius:var(--radius-md);cursor:pointer;font-weight:800;min-height:2.8rem;padding:.65rem 1rem}.primary-button{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.primary-button:hover{background:var(--color-primary-dark)}.secondary-button{background:#fff;border:1px solid #b8c9c1;color:var(--color-primary-dark)}.quiz-result{background:var(--color-sky);border:1px solid #aac7e4;border-radius:var(--radius-md);font-size:1.05rem;font-weight:900;padding:var(--space-4)}.quiz-result.is-complete{background:var(--color-leaf);border-color:#a8cdae}.related-learning-links a{display:grid;gap:.15rem;padding:var(--space-4)}.related-learning-links span{color:var(--color-primary);font-size:.82rem;font-weight:800}.related-learning-links small{color:var(--color-muted)}.writing-guide-hero{display:grid;gap:var(--space-5);padding:clamp(1.25rem,4vw,2.5rem)}.writing-guide-hero>div{align-self:center}.writing-guide-hero figure{margin:0}.writing-guide-hero img{aspect-ratio:3 / 2;background:#f4f7f5;border-radius:.85rem;display:block;height:auto;object-fit:contain;width:100%}.writing-guide-hero figcaption{color:var(--color-muted);font-size:.78rem;margin-top:var(--space-2)}.writing-steps li{align-items:start;grid-template-columns:auto minmax(0,1fr)}.writing-steps li>span{align-items:center;background:var(--color-leaf);border-radius:50%;color:var(--color-primary-dark);display:inline-flex;font-weight:900;height:2rem;justify-content:center;width:2rem}.writing-steps p{margin:0}.writing-idiom-list{display:grid;gap:var(--space-3)}.writing-idiom-card{background:#fffffff5;border:1px solid var(--color-line);border-radius:.85rem;display:grid;padding:clamp(1rem,3vw,1.6rem);scroll-margin-top:5rem}.writing-idiom-heading{align-content:start;display:grid;grid-template-columns:auto minmax(0,1fr)}.writing-idiom-number{color:#a1afa8;font-size:.75rem;font-weight:900;grid-row:1 / 4;margin-right:var(--space-4);padding-top:.25rem}.writing-idiom-heading .eyebrow{font-size:.72rem;margin-bottom:var(--space-1)}.writing-idiom-heading h3{font-size:clamp(1.3rem,4vw,1.7rem);margin:0}.writing-idiom-heading h3 a{color:var(--color-primary-dark);text-decoration:underline;text-decoration-color:#b3d0c4;text-underline-offset:.18em}.writing-idiom-heading>p:last-child{color:var(--color-muted);margin:var(--space-2) 0 0}.writing-idiom-detail{border-top:1px solid #e4ebe7;margin-top:var(--space-4);padding-top:var(--space-4)}.writing-idiom-usage{display:grid;gap:var(--space-2);margin:0}.writing-idiom-usage>div{padding:0}.writing-idiom-usage>div.is-caution{border-top:1px dashed #e0d5bd;padding-top:var(--space-3)}.writing-idiom-usage dt{color:var(--color-primary);font-size:.78rem;font-weight:900}.writing-idiom-usage .is-caution dt{color:#906522}.writing-idiom-usage dd{color:var(--color-muted);margin:.25rem 0 0}.writing-example{background:#f2f7f4;border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.writing-example span{color:var(--color-primary);font-size:.76rem;font-weight:900}.writing-example p{color:#334b42;font-size:1.02rem;line-height:1.75;margin:var(--space-2) 0 0}.writing-idiom-source-link{color:var(--color-primary-dark);display:inline-flex;font-size:.86rem;font-weight:900;gap:var(--space-2);margin-top:var(--space-4)}.writing-idiom-source-link span{transition:transform .15s ease}.writing-idiom-source-link:hover span{transform:translate(.2rem)}.writing-idiom-jump{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.writing-idiom-jump a{background:#fff;border:1px solid #cbd9d2;border-radius:999px;color:var(--color-primary-dark);font-size:.84rem;font-weight:800;padding:.4rem .7rem}.writing-idiom-jump a:hover{background:var(--color-leaf);border-color:#a9c9b6}.writing-idiom-jump span{color:#8c9c94;font-size:.7rem;margin-right:.35rem}.writing-practice{background:radial-gradient(circle at 94% 15%,rgba(216,148,47,.22),transparent 8rem),#eff7f2;border:1px solid #c8dfd2;border-radius:.95rem;padding:clamp(1rem,3vw,2rem)}.writing-practice ul{display:grid;gap:var(--space-2);margin:var(--space-4) 0;padding-left:1.35rem}.writing-practice>p{color:var(--color-muted);margin:0}@media (min-width: 720px){.learning-hero,.writing-guide-hero{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)}.comparison-detail-hero{grid-template-columns:auto minmax(0,1fr)}.learning-step-list,.writing-steps,.related-learning-links{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-card-grid,.comparison-rule-grid,.moe-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-idiom-card{gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(12rem,.62fr) minmax(0,1.38fr)}.writing-idiom-detail{border-left:1px solid #e4ebe7;border-top:0;margin-top:0;padding-left:clamp(1.5rem,4vw,3rem);padding-top:0}.writing-idiom-usage{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-idiom-usage>div.is-caution{border-left:1px dashed #e0d5bd;border-top:0;padding-left:var(--space-4);padding-top:0}}@media (min-width: 1080px){.learning-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.writing-idiom-card{grid-template-columns:minmax(15rem,.55fr) minmax(0,1.45fr)}}@media (max-width: 540px){.comparison-card{align-items:start;grid-template-columns:auto minmax(0,1fr)}.learning-card-number{display:none}.comparison-card-glyphs b{font-size:1.25rem;height:2.7rem;width:2.7rem}}.home-learning-grid{display:grid;gap:var(--space-4)}.home-learning-card{background:#fffffff0;border:1px solid var(--color-line);border-radius:1rem;box-shadow:0 8px 24px #17212b0f;display:grid;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.home-learning-card:hover{border-color:#9bc5b8;box-shadow:0 14px 30px #17212b1c;transform:translateY(-2px)}.home-learning-card>img{aspect-ratio:14 / 9;height:100%;object-fit:cover;width:100%}.home-learning-card-body{display:grid;padding:var(--space-4)}.home-learning-card-body .eyebrow{font-size:.8rem}.home-learning-card-body>strong{font-size:1.25rem}.home-learning-card-body>span:not(.eyebrow){color:var(--color-muted);margin-top:var(--space-2)}.home-learning-card-body small{color:var(--color-primary-dark);font-weight:900;margin-top:var(--space-4)}.learning-filter-bar{align-items:end;background:#ffffffe0;border:1px solid var(--color-line);border-radius:.85rem;display:grid;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4)}.learning-filter-search{display:grid;gap:var(--space-2)}.learning-filter-search>span,.learning-filter-count{color:var(--color-muted);font-size:.82rem;font-weight:800}.learning-filter-search input{background:#fff;border:1px solid #bdcec6;border-radius:var(--radius-md);color:var(--color-ink);min-height:2.8rem;padding:.55rem .75rem;width:100%}.learning-filter-search input:focus{border-color:var(--color-primary);outline:3px solid rgba(23,107,93,.13)}.learning-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.learning-filter-button{background:#f4f7f5;border:1px solid #c9d7d0;border-radius:999px;color:var(--color-primary-dark);cursor:pointer;font-size:.86rem;font-weight:800;min-height:2.35rem;padding:.35rem .75rem}.learning-filter-button:hover,.learning-filter-button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.learning-filter-count{margin:0;white-space:nowrap}.learning-filter-empty{background:#fff9ec;border:1px solid #ead5a9;border-radius:var(--radius-md);color:#6c5939;margin:var(--space-4) 0 0;padding:var(--space-4);text-align:center}@media (min-width: 720px){.home-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-learning-card{grid-template-columns:minmax(10rem,.8fr) minmax(0,1.2fr)}.learning-filter-bar{grid-template-columns:minmax(15rem,.85fr) minmax(0,1.6fr) auto}}.writing-index-hero{background:radial-gradient(circle at 88% 12%,rgba(94,142,185,.15),transparent 12rem),linear-gradient(135deg,#fffdf8,#f2f8f5)}.writing-index-hero .learning-hero-copy{max-width:46rem}.writing-index-summary{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5)}.writing-index-summary span{align-items:baseline;color:var(--color-muted);display:inline-flex;gap:var(--space-2)}.writing-index-summary strong{color:var(--color-primary-dark);font-size:1.45rem}.writing-directory-heading{align-items:end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.writing-method-line{background:#f1f7f4;border-radius:999px;color:var(--color-muted);font-size:.88rem;margin:0;padding:.45rem .8rem}.writing-method-line strong{color:var(--color-primary-dark);margin-right:var(--space-1)}.writing-directory-controls{border-bottom:1px solid var(--color-line);margin-top:var(--space-5);padding-bottom:var(--space-5)}.writing-filter-top{align-items:end;display:grid;gap:var(--space-3)}.writing-filter-status{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.writing-category-reset{background:transparent;border:0;color:var(--color-primary);cursor:pointer;font-size:.84rem;font-weight:800;padding:.35rem 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em}.writing-category-reset:hover,.writing-category-reset.is-active{text-decoration-color:currentColor}.writing-category-nav{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.writing-category-button,.writing-category-section{--guide-accent: #2d7562;--guide-soft: #edf7f2;--guide-line: #c3ddd2}.writing-category-button.is-rose,.writing-category-section.is-rose{--guide-accent: #9a5a62;--guide-soft: #fff2f2;--guide-line: #edcfd1}.writing-category-button.is-sky,.writing-category-section.is-sky{--guide-accent: #416f99;--guide-soft: #eef6fd;--guide-line: #c8daea}.writing-category-button.is-leaf,.writing-category-section.is-leaf{--guide-accent: #39765c;--guide-soft: #edf7f1;--guide-line: #c5decf}.writing-category-button.is-gold,.writing-category-section.is-gold{--guide-accent: #8a672a;--guide-soft: #fff8e9;--guide-line: #e7d7ad}.writing-category-button.is-violet,.writing-category-section.is-violet{--guide-accent: #6f5b8c;--guide-soft: #f6f1fb;--guide-line: #dcd0ea}.writing-category-button{background:#fff;border:1px solid var(--guide-line);border-radius:.8rem;color:var(--color-ink);cursor:pointer;display:grid;gap:.1rem var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;min-height:5.4rem;padding:var(--space-3);text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.writing-category-button>span{color:var(--guide-accent);font-size:.76rem;font-weight:900;grid-row:1 / 3;padding-top:.2rem}.writing-category-button strong{color:var(--guide-accent)}.writing-category-button small{color:var(--color-muted);grid-column:2 / 4;line-height:1.35}.writing-category-button em{color:var(--guide-accent);font-size:.76rem;font-style:normal;font-weight:800}.writing-category-button:hover,.writing-category-button.is-active{background:var(--guide-soft);border-color:var(--guide-accent);transform:translateY(-1px)}.writing-directory{display:grid;gap:clamp(1rem,3vw,1.75rem);margin-top:var(--space-5)}.writing-category-section{background:#fff;border:1px solid var(--guide-line);border-radius:1rem;box-shadow:0 7px 22px #17212b0b;display:grid;overflow:hidden}.writing-category-section[hidden],.writing-topic-row[hidden]{display:none}.writing-category-header{background:var(--guide-soft);padding:clamp(1rem,3vw,1.6rem)}.writing-category-header>span{color:var(--guide-accent);display:block;font-size:.78rem;font-weight:900;margin-bottom:var(--space-4)}.writing-category-header .eyebrow{color:var(--guide-accent);margin-bottom:var(--space-1)}.writing-category-header h3{font-size:clamp(1.15rem,3vw,1.45rem);margin:0}.writing-category-header p:last-child{color:var(--color-muted);font-size:.9rem;margin:var(--space-2) 0 0}.writing-topic-list{display:grid}.writing-topic-row{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);padding:var(--space-4);transition:background .15s ease}.writing-topic-row+.writing-topic-row{border-top:1px solid #e7ece9}.writing-topic-row:hover{background:#fbfdfc}.writing-topic-number{align-self:start;color:var(--guide-accent);font-size:.72rem;font-weight:900;padding-top:.25rem}.writing-topic-copy{display:grid;min-width:0}.writing-topic-copy>strong{color:var(--color-ink);font-size:1.05rem}.writing-topic-copy>span:not(.writing-topic-idioms){color:var(--color-muted);display:-webkit-box;font-size:.88rem;margin-top:var(--space-1);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.writing-topic-idioms{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:var(--space-3)}.writing-topic-idioms small{background:var(--guide-soft);border-radius:999px;color:var(--guide-accent);font-size:.75rem;font-weight:700;padding:.18rem .48rem}.writing-topic-action{color:var(--guide-accent);font-size:.82rem;font-weight:900;grid-column:2}.writing-topic-action b{font-size:1rem;margin-left:var(--space-1)}@media (min-width: 720px){.writing-filter-top{grid-template-columns:minmax(16rem,.75fr) minmax(12rem,.25fr)}.writing-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-topic-row{grid-template-columns:auto minmax(0,1fr) auto}.writing-topic-action{grid-column:auto;white-space:nowrap}}@media (min-width: 1080px){.writing-category-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.writing-category-button{grid-template-columns:auto minmax(0,1fr)}.writing-category-button>span{grid-row:1 / 4}.writing-category-button small,.writing-category-button em{grid-column:2}.writing-category-section{grid-template-columns:minmax(14rem,.38fr) minmax(0,1fr)}}.learning-tool-cta{align-items:center;color:var(--color-primary-dark);display:inline-flex;font-size:.9rem;font-weight:900;gap:var(--space-2);margin-top:var(--space-4);text-decoration:underline;text-decoration-color:#a9cec0;text-underline-offset:.2em}.learning-tool-cta span{color:var(--color-accent);transition:transform .16s ease}.learning-tool-cta:hover span{transform:translate(.2rem)}.home-tool-strip{display:grid;gap:var(--space-3)}.home-tool-strip a{background:#ffffffeb;border:1px solid var(--color-line);border-left:5px solid var(--color-primary);border-radius:var(--radius-md);display:grid;padding:var(--space-4);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.home-tool-strip a:nth-child(2){border-left-color:#936d2f}.home-tool-strip a:nth-child(3){border-left-color:#527fa8}.home-tool-strip a:nth-child(4){border-left-color:#a87826}.home-tool-strip a:nth-child(5){border-left-color:#9a5f72}.home-tool-strip a:hover{box-shadow:0 10px 22px #17212b14;transform:translateY(-2px)}.home-tool-strip a>span{color:var(--color-primary);font-size:.8rem;font-weight:900}.home-tool-strip a>strong{font-size:1.08rem}.home-tool-strip p{color:var(--color-muted);font-size:.9rem;margin:var(--space-2) 0}.home-tool-strip small{color:var(--color-primary-dark);font-weight:900}@media (min-width: 720px){.home-tool-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-page-hero--challenge{background:linear-gradient(135deg,#fffdf6,#edf6f0)}.tool-page-hero--polyphonic{background:linear-gradient(135deg,#f4f0ff,#edf8f2)}.polyphonic-practice{background:#fff;border:1px solid var(--color-line);border-radius:1rem;box-shadow:var(--shadow-panel);padding:clamp(1rem,3vw,2rem)}.polyphonic-mode-list{margin-bottom:var(--space-3)}.polyphonic-mode-list button[aria-pressed=true]{background:#68578f;border-color:#68578f}.polyphonic-round-settings{margin-top:0}.polyphonic-card{margin-top:var(--space-3)}.polyphonic-sentence mark{background:#fff0b8;border-bottom:3px solid #d8942f;border-radius:.2rem;color:inherit;padding:.05em .12em}.polyphonic-options button strong{letter-spacing:.08em}.polyphonic-answer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.polyphonic-answer-actions .text-link{font-weight:900}.polyphonic-character-index{align-items:start;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-5);padding:clamp(1rem,3vw,2rem)}.polyphonic-character-index p:not(.eyebrow){color:var(--color-muted);line-height:1.75}.polyphonic-character-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.polyphonic-character-links a{align-items:center;background:#f5f1ff;border:1px solid #d9cfef;border-radius:50%;color:#554383;display:inline-flex;font-size:1.2rem;font-weight:900;height:2.7rem;justify-content:center;width:2.7rem}.polyphonic-practice [hidden]{display:none}.polyphonic-practice button:focus-visible,.polyphonic-practice a:focus-visible,.polyphonic-character-links a:focus-visible{outline:3px solid #d8942f;outline-offset:3px}@media (min-width: 720px){.polyphonic-character-index{grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr)}}.challenge-hero-path{display:grid;gap:var(--space-3)}.challenge-hero-path span{align-items:center;background:#ffffffd9;border:1px solid #d9e3cf;border-radius:.75rem;display:flex;font-size:1.1rem;font-weight:900;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.challenge-hero-path b{color:#a87826;font-size:.85rem}.context-challenge{background:#fff;border:1px solid var(--color-line);border-radius:1rem;box-shadow:var(--shadow-panel);padding:clamp(1rem,3vw,2rem)}.challenge-heading,.challenge-session-bar{align-items:start;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.challenge-heading p:not(.eyebrow){color:var(--color-muted);margin:var(--space-2) 0 0;max-width:45rem}.challenge-pool-count{background:#fff5df;border:1px solid #e7d3a5;border-radius:999px;color:#805617;flex-shrink:0;font-size:.82rem;font-weight:900;padding:.4rem .75rem}.challenge-category-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0}.challenge-category-list button,.challenge-mistakes-button{background:#fff;border:1px solid #cddbd4;border-radius:999px;color:var(--color-primary-dark);cursor:pointer;font-weight:800;padding:.5rem .8rem}.challenge-category-list button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.challenge-session-bar{align-items:center;margin-bottom:var(--space-3)}.challenge-session-bar p{color:var(--color-muted);font-size:.88rem;font-weight:800;margin:0}.challenge-mistakes-button{font-size:.82rem}.challenge-card{background:#f7faf8;border:1px solid #d5e4dc;border-radius:.9rem;padding:clamp(1rem,3vw,1.75rem);scroll-margin-top:10rem}.challenge-topic{color:var(--color-primary);font-size:.8rem;font-weight:900;margin:0 0 var(--space-2)}.challenge-prompt-title{font-size:clamp(1.1rem,3vw,1.5rem);margin:0}.challenge-scene{background:#fff;border-left:4px solid var(--color-accent);border-radius:0 .7rem .7rem 0;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700;line-height:1.9;margin:var(--space-4) 0;padding:clamp(1rem,3vw,1.5rem)}.challenge-options{display:grid;gap:var(--space-3)}.challenge-options button{align-items:center;background:#fff;border:2px solid #d7e3dc;border-radius:.8rem;color:var(--color-ink);cursor:pointer;display:flex;gap:var(--space-3);min-width:0;padding:var(--space-4);text-align:left}.challenge-options button>span{align-items:center;background:#edf3ef;border-radius:50%;color:var(--color-primary);display:flex;flex:0 0 1.8rem;font-size:.78rem;font-weight:900;height:1.8rem;justify-content:center}.challenge-options strong{font-size:clamp(1.08rem,3vw,1.3rem)}.challenge-options button:hover:not(:disabled){background:#f0f8f3;border-color:#79ae98}.challenge-options button.is-correct{background:#e4f4e9;border-color:#2f825c}.challenge-options button.is-incorrect{background:#fff0eb;border-color:#bc765d}.challenge-options button:disabled{cursor:default;opacity:1}.context-challenge button:focus-visible,.context-challenge a:focus-visible,.challenge-comic summary:focus-visible{outline:3px solid #d8942f;outline-offset:3px}.challenge-feedback{border-top:1px solid #cbded2;margin-top:var(--space-5);padding-top:var(--space-5)}.challenge-answer-heading>span{color:var(--color-primary);font-size:.82rem;font-weight:900}.challenge-answer-heading h3{color:var(--color-primary-dark);font-size:clamp(1.3rem,4vw,2rem);margin:var(--space-1) 0}.challenge-answer-heading p{margin:var(--space-2) 0 var(--space-4)}.challenge-comparison{display:grid;gap:var(--space-3)}.challenge-comparison-item{background:#fff;border:1px solid var(--color-line);border-radius:.75rem;padding:var(--space-4)}.challenge-comparison-item.is-best-fit{border-left:4px solid var(--color-primary)}.challenge-comparison-item h4{font-size:1rem;margin:0}.challenge-comparison-item p{margin:var(--space-2) 0}.challenge-comparison-item small,.challenge-nuance-note{color:var(--color-muted);font-size:.85rem;line-height:1.7}.challenge-result-links,.challenge-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.challenge-result-links a{color:var(--color-primary-dark);font-size:.9rem;font-weight:900;text-decoration:underline;text-underline-offset:.2em}.challenge-comic{background:#fff;border:1px solid #d9d6bf;border-radius:.75rem;margin-top:var(--space-5);overflow:hidden}.challenge-comic summary{background:#fff8e9;color:#805617;cursor:pointer;font-weight:900;padding:var(--space-4)}.challenge-comic figure{margin:0;padding:var(--space-3)}.challenge-comic img{display:block;height:auto;margin:0 auto;max-height:72rem;max-width:100%;object-fit:contain}.challenge-comic figcaption{color:var(--color-muted);font-size:.8rem;margin:var(--space-3) 0 0}.challenge-summary{background:linear-gradient(135deg,#edf7ef,#fff9ea);border:1px solid #cadfcf;border-radius:.9rem;padding:clamp(1.5rem,4vw,3rem);text-align:center}.challenge-summary h3{color:var(--color-primary-dark);font-size:clamp(2rem,7vw,3.5rem);margin:0}.challenge-summary .challenge-actions{justify-content:center}.challenge-privacy-note{border-top:1px solid var(--color-line);color:var(--color-muted);font-size:.82rem;margin-top:var(--space-5);padding-top:var(--space-3)}.challenge-privacy-note p{margin:0}.challenge-privacy-note button{background:transparent;border:0;color:var(--color-muted);cursor:pointer;font-size:.82rem;margin-top:var(--space-2);padding:0;text-decoration:underline}.challenge-status{color:var(--color-primary-dark);font-size:.88rem;margin-bottom:0}.challenge-round-settings{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.25rem;margin:1rem 0;padding:1rem;background:var(--color-bg-soft, #f4f6f1);border-radius:12px}.challenge-round-settings label{display:flex;align-items:center;gap:.75rem;font-weight:700}.challenge-round-settings select{min-height:44px;padding:.5rem 1.75rem .5rem .75rem;border:1px solid var(--color-line);border-radius:8px;background:#fff;color:inherit;font:inherit}.challenge-round-settings p{flex:1 1 260px;margin:0;color:var(--color-muted);font-size:.85rem;line-height:1.7}.context-challenge [hidden]{display:none}.challenge-focus{margin:-.15rem 0 1.15rem;color:var(--color-primary-dark);font-weight:700;line-height:1.75}.challenge-privacy-note a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:.15em}@media (min-width: 720px){.challenge-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1080px){.home-tool-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}