: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{font:inherit}.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:center;display:flex;gap:var(--space-3);justify-content:space-between;margin:0 auto;max-width:1180px;padding:var(--space-3) var(--space-4)}.brand-link{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(.86rem,3.3vw,.95rem);gap:var(--space-2);justify-content:flex-end;line-height:1.2}.site-nav a{white-space:nowrap}.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:flex;flex-wrap:wrap;gap:var(--space-2)}.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{flex:1 1 8.75rem;display:flex;min-height:3rem;padding:.42rem .72rem}.comic-teaser-link--more{align-content:center;grid-template-columns:minmax(0,1fr)}.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{overflow:hidden}.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-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{gap:var(--space-4)}.brand-logo{max-width:min(48vw,10.5rem)}.site-nav{gap:var(--space-3)}.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))}.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))}}.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)}}