.input-guide{min-width:0;margin:0 0 27px;padding:22px 24px 0;border:1px solid #d8e2d3;border-radius:13px;background:#eef3e8;color:var(--ink,#223c37)}
.input-guide *{min-width:0;box-sizing:border-box}
.input-guide .ig-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.85fr);gap:22px;align-items:center}
.input-guide .ig-eyebrow{margin:0 0 8px;color:#55705c;font-size:9px;font-weight:750;letter-spacing:1.25px;line-height:1.5}
.input-guide .ig-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.2;font-weight:400;letter-spacing:-.35px}
.input-guide .ig-copy,.input-guide .ig-caption,.input-guide .ig-focus-note{font-size:12px;line-height:1.65;color:#51664f;overflow-wrap:anywhere}
.input-guide .ig-copy{margin:10px 0 0;max-width:590px}
.input-guide .ig-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.input-guide .ig-actions button{min-height:44px;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;white-space:normal}
.input-guide .ig-start{background:#175c4e;color:#fff;border:1px solid #175c4e}
.input-guide .ig-start:hover{background:#0e493e}
.input-guide .ig-focus{background:#fffef9;border:1px solid #cad8c3;color:#2e5345}
.input-guide .ig-focus:hover{background:#e2ecda}
.input-guide .ig-actions button:focus-visible,.input-guide summary:focus-visible{outline:3px solid #227cba;outline-offset:3px}
.input-guide .ig-phrase-label{margin:0 0 9px;font-size:9px;font-weight:700;letter-spacing:1.25px;color:#5c7256}
.input-guide .ig-phrase,.input-guide .ig-map{list-style:none;padding:0;margin:0;display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}
.input-guide .ig-phrase{grid-template-columns:repeat(5,minmax(0,1fr))}
.input-guide .ig-note{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 4px;border:1px solid #d2ddcb;border-bottom:3px solid #c8d7bd;border-radius:7px;background:#fffef9;text-align:center;overflow-wrap:anywhere}
.input-guide .ig-note-black{background:#294a40;color:#fffef9;border-color:#294a40;border-bottom-color:#163b31}
.input-guide .ig-key{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:24px;padding:2px 5px;border:1px solid #cdd8c4;border-bottom-width:2px;border-radius:4px;background:#eef2e8;font:700 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#284f3e}
.input-guide .ig-note-black .ig-key{background:#3e5e51;border-color:#5a7868;color:#fff}
.input-guide .ig-western{font-size:12px;font-weight:650;line-height:1.3}
.input-guide .ig-sargam{font-size:10px;line-height:1.3;color:#667958}
.input-guide .ig-note-black .ig-sargam{color:#d0dec9}
.input-guide .ig-no-key{font-size:9px;line-height:1.35;min-height:24px;display:flex;align-items:center;color:inherit}
.input-guide .ig-caption{margin:9px 0 0;font-size:10px}
.input-guide .ig-focus-note{margin:17px 0 15px;font-size:11px}
.input-guide .ig-details{border-top:1px solid #d1ddc9}
.input-guide summary{min-height:45px;padding:13px 0;font-size:12px;font-weight:650;cursor:pointer;line-height:1.5}
.input-guide .ig-details-content{padding:0 0 20px}
.input-guide .ig-map-title{margin:4px 0 12px;font-size:12px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}
.input-guide .ig-map{grid-template-columns:repeat(auto-fit,minmax(67px,1fr))}
.input-guide .ig-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;margin-top:20px}
.input-guide .ig-tip h3{font-size:12px;line-height:1.5;margin:0 0 5px;font-weight:700;color:#294d3d}
.input-guide .ig-tip p{font-size:11px;line-height:1.7;margin:0;color:#586c50;overflow-wrap:anywhere}
@media(max-width:950px){.input-guide .ig-hero{grid-template-columns:minmax(0,1fr) minmax(250px,1fr)}.input-guide .ig-tips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.input-guide{padding:18px 17px 0}.input-guide .ig-hero{grid-template-columns:minmax(0,1fr);gap:19px}.input-guide .ig-example{max-width:460px}.input-guide .ig-title{font-size:23px}.input-guide .ig-phrase{gap:6px}.input-guide .ig-tips{gap:17px;grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.input-guide{padding:16px 12px 0}.input-guide .ig-actions{display:grid;grid-template-columns:minmax(0,1fr)}.input-guide .ig-note{padding-inline:2px}.input-guide .ig-western{font-size:11px}.input-guide .ig-sargam{font-size:9px}}