/* Hunminjeongeum multilingual teaching — seven readable languages */
.intl-top-right{gap:9px}
.intl-language-label{font-size:17px;color:#42725b;font-weight:700}
#intlLanguage{border:1px solid #d0e0d4;border-radius:7px;background:#f7faf5;color:#315b44;padding:7px 6px;font-size:11px;font-family:inherit;min-width:96px;max-width:130px;cursor:pointer}
.intl-intro{border-radius:14px;padding:29px 32px;background:linear-gradient(110deg,#143f35,#285f4a);color:#f8fff8}
.intl-intro .eyebrow{color:#b5d2bf}
.intl-intro h1{font-size:clamp(22px,3.2vw,34px);margin:15px 0 10px;font-family:'Noto Serif KR',serif;font-weight:700;line-height:1.45}
.intl-intro p{color:#d7eee0;font-size:13px;line-height:1.9;max-width:850px;margin:0}
.intl-intro-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}
.intl-intro-chips span{color:#e2f8e9;background:#ffffff22;border:1px solid #b4d2c44d;border-radius:40px;font-size:11px;padding:8px 11px}
.intl-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:19px 0}
.intl-overview-grid>div{min-width:0;display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #dce8df;border-radius:11px;padding:18px 20px}
.intl-overview-grid strong{font-size:29px;color:#2b6346}
.intl-overview-grid span{font-size:11px;color:#799082;line-height:1.65}
.intl-guide{background:#fff;border:1px solid #dce8df;border-radius:14px;overflow:hidden}
.intl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:6px;background:#eff4ee;border-bottom:1px solid #dce8df}
.intl-step{font-family:inherit;font-size:12px;font-weight:700;color:#698673;padding:13px 8px;cursor:pointer;border-radius:7px;border:1px solid transparent;background:transparent;line-height:1.6}
.intl-step.active,.intl-step[aria-selected=true]{background:#fff;border-color:#c9dfd0;color:#2b6448;box-shadow:0 1px 5px #254a2711}
.intl-panel{padding:27px 30px}
.intl-panel-top{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}
.intl-panel-top h2{font-family:'Noto Serif KR',serif;font-weight:700;color:#305d42;line-height:1.5;font-size:clamp(19px,2.5vw,25px);margin:7px 0}
.intl-voice{border:1px solid #cadcca;background:#eaf4eb;color:#2f6246;border-radius:7px;padding:11px 12px;font:600 11px inherit;cursor:pointer}
.intl-step-intro{color:#5f7869;font-size:13px;line-height:2;margin:17px 0 18px;max-width:900px}
.intl-voice-status{font-size:11px;color:#976449;line-height:1.7;margin:0}
.intl-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.intl-fact{background:#f6faf5;border:1px solid #e3ece0;border-radius:10px;padding:17px}
.intl-fact-symbol{font-size:25px;letter-spacing:4px;color:#286849;font-weight:700;display:block;margin-bottom:13px}
.intl-fact h3{font-size:13px;color:#355b43;margin:0 0 10px}
.intl-fact p{font-size:11px;color:#77897a;line-height:1.9;margin:0}
.intl-section-caption{font-size:15px;color:#305c45;margin:19px 0 12px}
.intl-glyph-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.intl-glyph{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:115px;text-align:center;background:#f9fcf8;border:1px solid #dfeade;border-radius:9px;padding:9px 4px;cursor:pointer;font-family:inherit}
.intl-glyph:hover,.intl-glyph:focus-visible{border-color:#5b9874;background:#edf7ed;outline:0}
.intl-glyph strong{font-size:31px;color:#275b41;font-family:'Noto Serif KR',serif}
.intl-glyph span{color:#4b7156;font-size:10px;font-weight:700;overflow-wrap:anywhere}
.intl-glyph small{color:#91a095;font-size:9px;line-height:1.45;overflow-wrap:anywhere}
.intl-pronunciation-tip{color:#788f80;font-size:11px;line-height:1.9;margin:13px 0}
.intl-sound-status{color:#406f4c;background:#f3f9f3;padding:10px 13px;border-radius:7px;font-size:11px;line-height:1.65}
.intl-composer{border-radius:12px;border:1px solid #e2ede3;padding:20px;background:#f9fcf7}
.intl-composer-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.intl-choice{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#58745f;font-weight:700}
.intl-choice select{font:700 22px 'Noto Sans KR',sans-serif;color:#1d6745;min-height:52px;padding:8px;background:#fff;border:1px solid #d2e5d5;border-radius:8px;cursor:pointer}
.intl-composed-result{display:flex;flex-direction:column;align-items:center;gap:11px;padding:25px 8px}
.intl-composed-result>span{color:#648a6c;font-size:12px;font-weight:700}
.intl-composed-result strong{font-size:92px;line-height:1.25;color:#1a6343;font-family:'Noto Serif KR',serif}
.intl-composed-result code{font:600 13px 'Noto Sans KR',sans-serif;color:#5c8169}
.intl-composed-result button{border:0;border-radius:7px;background:#2a6046;color:#fff;padding:12px 20px;cursor:pointer;font-weight:700;font-size:12px}
.intl-composer-note{color:#758c7a;font-size:11px;line-height:1.85;margin:0}
.intl-geometry-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.intl-geometry-guide article{border-radius:11px;border:1px solid #dceade;background:#f8fbf6;padding:19px}
.intl-geometry-guide article>span{font-size:23px;color:#64a17b;font-weight:700}
.intl-geometry-guide h3{font-size:13px;color:#355c43;line-height:1.55}
.intl-geometry-guide p{min-height:105px;font-size:11px;color:#6c8772;line-height:1.9}
.intl-geometry-guide button{background:#30654a;color:#fff;border:none;border-radius:7px;padding:11px 13px;font:700 11px inherit;cursor:pointer}
.intl-step-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e6eee7;margin-top:21px;padding-top:18px}
.intl-step-footer button{background:#f3f7f2;color:#3b6a4d;border:1px solid #d3e6d7;border-radius:7px;padding:11px 19px;font:700 12px inherit;cursor:pointer}
.intl-step-footer button:disabled{opacity:.4;cursor:default}
.intl-step-footer span{color:#8da28f;font-size:11px}
.intl-context-guide,.intl-evidence{border:1px solid #dfeade;background:#fff;border-radius:12px;padding:23px;margin-top:20px}
.intl-context-guide h3,.intl-evidence h3{font-size:19px;color:#325d43;margin:0 0 16px;font-family:'Noto Serif KR',serif}
.intl-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.intl-explore-grid button{display:flex;flex-direction:column;gap:10px;text-align:left;background:#f8fcf7;border-radius:9px;border:1px solid #d9e8dc;padding:18px;cursor:pointer}
.intl-explore-grid button:hover{border-color:#76ab80;background:#eff7ef}
.intl-explore-grid strong{color:#286443;font-size:13px}
.intl-explore-grid span{color:#799184;font-size:11px;line-height:1.7}
.intl-evidence{background:#f6f8f4}
.intl-evidence p{color:#728677;font-size:11px;line-height:1.9}
.intl-reference-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:11px}
.intl-reference-links a{color:#316f4e;font-weight:700;font-size:11px;text-decoration:underline}
@media(max-width:880px){.intl-glyph-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.intl-geometry-guide,.intl-fact-grid{grid-template-columns:1fr}.intl-geometry-guide p{min-height:auto}}
@media(max-width:610px){.intl-intro{padding:23px 18px}.intl-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.intl-overview-grid>div{padding:14px}.intl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.intl-panel{padding:17px 14px}.intl-glyph-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.intl-glyph{min-height:105px}.intl-glyph strong{font-size:28px}.intl-composer-selects{gap:6px}.intl-choice span{font-size:10px}.intl-choice select{font-size:17px}.intl-explore-grid{grid-template-columns:1fr}.intl-context-guide,.intl-evidence{padding:17px}.intl-intro-chips{gap:5px}}

.intl-home-shortcut{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid #cce2d4;background:#eaf5ec;border-radius:11px;margin:17px 0 22px;padding:15px 18px}
.intl-home-shortcut>span{font-size:25px}
.intl-home-shortcut>div{display:flex;flex:1;flex-direction:column;gap:5px;min-width:155px}
.intl-home-shortcut strong{color:#2e6148;font-size:13px}
.intl-home-shortcut small{color:#7b9986;font-size:11px;line-height:1.5}
.intl-home-shortcut button{border:1px solid #2a654a;background:#2a654a;color:#fff;padding:11px 14px;border-radius:7px;font-weight:700;font-size:11px;cursor:pointer;font-family:inherit}
.intl-context-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#ebf5ed;border:1px solid #d4e7d9;border-radius:10px;padding:13px 17px;margin-bottom:18px}
.intl-context-banner strong{font-size:12px;color:#315b44}
.intl-context-banner p{font-size:11px;color:#71937c;line-height:1.7;margin:6px 0 0}
.intl-back-guide{border:1px solid #c4dec9;background:#fff;border-radius:7px;padding:9px 11px;color:#2d6549;font-size:10px;font-weight:700;min-width:91px;cursor:pointer;white-space:normal}
@media(max-width:620px){.intl-home-shortcut{padding:12px}.intl-home-shortcut button{width:100%}.intl-context-banner{flex-direction:column;align-items:flex-start}.intl-back-guide{width:100%}}