.brand-mark.clavier-mark{font:600 22px/1 Georgia,serif;padding:0;letter-spacing:-3px;padding-right:3px}.brand strong{letter-spacing:-.6px;font-size:20px}
.home-hero{padding:65px 0 42px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:45px}.home-hero h1{font-size:55px;line-height:1.12;font-weight:600;letter-spacing:-2.4px;margin:16px 0 20px;max-width:620px}.home-hero h1 span{color:var(--green)}.home-hero .lead{font-size:16px;color:var(--muted);max-width:480px;line-height:1.8}.hero-note{font-size:11px;color:#6b7b60;margin-top:24px;display:flex;gap:10px;align-items:center}.hero-note b{font-weight:600;color:var(--green)}.hero-keys{position:relative;height:250px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center;transform:rotate(-6deg);padding:12px}.hero-key{background:#fffdf8;border:1px solid #d7dfcf;border-bottom:5px solid #d5ddcb;box-shadow:0 10px 25px #26452a05;border-radius:16px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;height:100px}.hero-key:nth-child(2){transform:translateY(20px);background:#e6eddd}.hero-key:nth-child(3){background:#e6eddd}.hero-key:nth-child(4){transform:translateY(20px)}.hero-key kbd{color:#829076;font-size:14px}.hero-key b{font-size:40px;font-weight:400;color:var(--green)}
.language-finder{background:white;border:1px solid #d7dfd0;border-radius:15px;padding:24px;box-shadow:0 5px 20px #24362003;margin-bottom:32px}.search-wrap{position:relative;display:flex;align-items:center;gap:12px}.search-wrap>svg{color:#7c8b70;width:23px;height:23px}.search-wrap input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font-size:18px;outline-offset:6px;padding:8px 0}.search-wrap input::placeholder{color:#99a28e}.search-shortcut{border:1px solid var(--line);border-radius:4px;padding:2px 7px;font-size:12px;color:#89947f}.filter-row{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #edf0e9;margin-top:17px;padding-top:18px}.filter-chip{border:1px solid transparent;background:#f4f6f0;padding:7px 12px;font-size:11px;color:#6f7c64;border-radius:6px}.filter-chip:hover{background:#e7eddf}.filter-chip.active{background:var(--green);color:white}
.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;margin:31px 0 17px;gap:15px}.catalog-heading h2{font-size:20px;font-weight:600;letter-spacing:-.5px}.catalog-heading p{font-size:11px;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.featured-card{display:flex;align-items:center;gap:15px;padding:19px 16px;border:1px solid #dce2d4;border-radius:10px;background:#fffdf8;transition:background .15s,border-color .15s}.featured-card:hover{background:#eaf0e2;border-color:#b8caa4;text-decoration:none}.featured-glyph{font-size:32px;color:#527246;width:42px;text-align:center;line-height:1.3}.featured-card strong{font-size:13px;font-weight:600;display:block}.featured-card small{display:block;color:#89937e;font-size:10px;margin-top:2px}.featured-card .arrow{margin-left:auto;color:#8f9e80;font-size:15px}.catalog-section{margin:40px 0}.alphabet-nav{display:flex;gap:4px;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.alphabet-nav a{font-size:11px;padding:3px 8px;color:#728764;border-radius:4px}.alphabet-nav a:hover{background:#dfe9d5;text-decoration:none}.letter-group{display:grid;grid-template-columns:36px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:21px 0;scroll-margin-top:20px}.letter-group h3{color:#9bad8c;font-size:23px;font-weight:400;line-height:1.5}.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 20px}.language-link{padding:7px 9px;border-radius:5px;display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.5;min-height:34px}.language-link:hover{background:#e6eddf;text-decoration:none}.language-link .language-arrow{margin-left:auto;color:#a6b397}.language-link .kind-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#b1bd9f}.empty-state{text-align:center;padding:40px;font-size:14px;color:var(--muted)}[hidden]{display:none!important}.home-about{margin:40px 0 50px;padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.home-about h2{font-size:25px;line-height:1.35;letter-spacing:-.7px;font-weight:600;margin:8px 0 15px}.home-about p{font-size:12px;color:var(--muted);line-height:1.9}.home-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.home-facts h3{font-size:13px;margin-bottom:5px;font-weight:600}
.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#8a9780;padding-top:23px}.breadcrumb a{color:var(--green)}.language-intro{padding-top:21px;padding-bottom:25px}.language-intro h1{font-size:33px;line-height:1.25;max-width:800px;letter-spacing:-1px}.language-intro .intro-glyph{font:56px/1.4 var(--script-font),serif;color:#8a9e78;max-width:190px;white-space:nowrap;overflow:hidden}.script-text{font-family:var(--script-font),sans-serif!important;font-weight:400}.international #editor{font-family:var(--script-font),sans-serif;line-height:1.85}.international .character-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.international .key{min-height:61px;padding:15px 4px 7px;overflow:hidden}.international .key b{font:27px/1.3 var(--script-font),sans-serif;padding:0;white-space:pre}.international .key small{max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-search{width:210px;max-width:100%;border:1px solid var(--line);background:white;padding:7px 10px;border-radius:6px;font-size:11px;min-width:120px}.key-pagination,.candidate-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:10px;color:#78866e}.key-pagination>div,.candidate-pagination>div{display:flex;gap:9px}.pagination-button{background:#f0f4e9;border:1px solid #d8e1ce;border-radius:5px;font-size:11px;padding:5px 12px}.keyboard-extras{display:flex;gap:8px;margin-top:14px}.keyboard-extras button{background:#eef2e8;border:1px solid #dce3d6;border-radius:6px;padding:8px 20px;font-size:12px;min-height:40px}.keyboard-extras #space{flex:1}.keyboard-extras #newline,.keyboard-extras #backspace{font-size:18px;min-width:60px}.keyboard-loading{font-size:12px;padding:12px 25px;color:#78866e;background:#f4f7ef}.guide-inline{margin-top:30px;border:1px solid #dbe2d2;border-radius:12px;background:#e8ede1;padding:25px 28px}.guide-inline h2{font-size:19px;letter-spacing:-.4px;font-weight:600;margin-bottom:10px}.guide-inline p{font-size:12px;line-height:1.9;color:#627159}.guide-inline .example-list{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 10px}.example-list>span{display:flex;align-items:center;gap:14px;border:1px solid #d0dbc4;background:#f9faf5;border-radius:6px;padding:5px 12px;font-size:12px}.example-list b{font-size:23px;line-height:1.5}.reference-link{font-size:11px;color:#738665;text-decoration:underline;margin-left:20px}.related{margin:40px 0}.related h2{font-size:18px;font-weight:600;margin-bottom:13px}.related-links{display:flex;flex-wrap:wrap;gap:8px}.related-links a{font-size:11px;padding:7px 12px;border:1px solid #dce2d4;border-radius:6px;background:#fffdf8}.international .mapping-pair b{font-family:var(--script-font),sans-serif}.international .mapping-pair kbd{font-size:10px;overflow-wrap:anywhere}.international .mapping-pair{gap:8px;padding:7px}.international .mapping-guide{grid-template-columns:repeat(4,1fr)}.candidate-panel{border-top:1px solid var(--line);padding:20px 24px;background:#fcfdf9}.candidate-panel h2{font-size:14px;font-weight:600}.candidate-panel>p{color:#7e8975;font-size:11px;margin:4px 0 13px}.candidate-search-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}.candidate-search-row input{flex:1;min-width:160px;border:1px solid #d0dcc5;border-radius:6px;background:white;padding:10px 12px;font-size:13px}.candidate-search-row select{min-width:130px;font-size:12px}.candidate-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.candidate{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dbe3d2;border-radius:7px;background:white;padding:7px 4px;min-height:65px;overflow:hidden}.candidate:hover{background:#eaf2de;border-color:#a9bf90}.candidate b{font-size:27px;line-height:1.5}.candidate small{font-size:9px;line-height:1.4;color:#8b977f;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.privacy-note{line-height:1.6}.about-page{max-width:800px;padding:40px 0 55px}.about-page h1{font-size:34px;letter-spacing:-1px;margin:14px 0}.about-page h2{font-size:21px;margin:30px 0 10px}.about-page p,.about-page li{font-size:13px;color:var(--muted);line-height:1.9}.about-page a{color:var(--green);text-decoration:underline}.license-list{columns:3;font-size:11px}.international.vertical-script #editor{writing-mode:vertical-rl;min-height:280px;height:320px;text-orientation:upright}.international.mongolian-script #editor{writing-mode:vertical-lr;text-orientation:mixed;min-height:280px;height:320px}.international .guide-note{padding-top:12px}.catalog-shortcut-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.catalog-shortcut-list li a{display:block;padding:6px 12px;background:#f0f4e9;border:1px solid var(--line);border-radius:6px;font-size:11px}
body.focus-mode .breadcrumb,body.focus-mode .guide-inline,body.focus-mode .related{display:none}
@media(max-width:800px){.home-hero{padding-top:45px;gap:25px;grid-template-columns:1.4fr 1fr}.home-hero h1{font-size:42px}.hero-keys{gap:9px;padding:0}.hero-key{height:80px;padding:12px}.hero-key b{font-size:32px}.featured-grid{grid-template-columns:repeat(2,1fr)}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px}.home-about{gap:30px}.candidate-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.language-intro h1{font-size:29px}.language-intro .intro-glyph{font-size:44px;max-width:130px}.international .character-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:540px){.home-hero{display:block;padding:34px 0 26px}.home-hero h1{font-size:39px;letter-spacing:-1.5px;margin-top:12px}.home-hero .lead{font-size:13px;line-height:1.8;max-width:100%}.hero-keys{display:none}.hero-note{font-size:10px;margin-top:18px}.language-finder{padding:16px;margin-bottom:25px;border-radius:11px}.search-wrap{gap:9px}.search-wrap input{font-size:14px;padding:7px 0}.search-wrap svg{width:20px}.search-shortcut{display:none}.filter-row{gap:6px;margin-top:12px;padding-top:13px}.filter-chip{font-size:10px;padding:6px 9px}.catalog-heading{margin-top:25px}.catalog-heading h2{font-size:18px}.catalog-heading p{font-size:10px}.featured-grid{gap:8px}.featured-card{padding:14px 12px;gap:10px;border-radius:8px}.featured-glyph{font-size:27px;width:30px}.featured-card strong{font-size:12px}.featured-card small{font-size:9px}.featured-card .arrow{font-size:12px}.catalog-section{margin-top:28px}.alphabet-nav{gap:3px;padding:10px 0}.alphabet-nav a{font-size:10px;padding:4px 7px}.letter-group{grid-template-columns:22px 1fr;gap:5px;padding:16px 0}.letter-group h3{font-size:20px}.language-grid{grid-template-columns:1fr;gap:0}.language-link{font-size:12px;min-height:36px;padding:7px 9px}.home-about{display:block;margin:28px 0}.home-about h2{font-size:23px}.home-facts{margin-top:23px;gap:20px}.home-facts h3{font-size:12px}.home-about p{font-size:11px}.breadcrumb{padding-top:18px;font-size:10px;gap:6px}.language-intro{padding-top:18px;padding-bottom:23px}.language-intro h1{font-size:28px;max-width:100%;line-height:1.2}.language-intro .intro-glyph{display:none}.international .character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.international .key{min-height:58px}.international .key b{font-size:26px}.international .keyboard-heading{flex-wrap:wrap;gap:12px}.key-search{width:100%;font-size:12px}.keyboard-heading .key-search{flex-basis:100%}.key-pagination{font-size:9px;gap:7px}.pagination-button{padding:6px 10px;font-size:10px}.keyboard-extras{gap:6px}.keyboard-extras button{padding:7px 14px}.guide-inline{padding:20px;margin-top:24px}.guide-inline h2{font-size:18px}.reference-link{display:block;margin:10px 0 0}.candidate-panel{padding:17px 12px}.candidate-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.candidate-search-row{gap:7px}.candidate-search-row input{flex-basis:100%;font-size:14px}.candidate-search-row select{flex:1;min-width:0;font-size:11px}.candidate-pagination{align-items:flex-start}.candidate-status{max-width:65%}.international .mapping-guide{grid-template-columns:repeat(3,1fr)}.about-page{padding-top:26px}.about-page h1{font-size:29px}.license-list{columns:2}.header-inner nav>a.catalog-nav{display:block;font-size:11px}.header-inner nav{gap:13px}}

.candidate.phrase{grid-column:span 2}.candidate.phrase b{font-size:20px;white-space:normal;overflow-wrap:anywhere;text-align:center}
.candidate.selected{outline:2px solid #164b3c;background:#e7f2df}
body.international.focus-mode #editor{height:62vh;max-height:none}
body.international.focus-mode .keyboard-section,body.international.focus-mode .privacy-note{display:none}