:root{--navy:#1F3864;--blue:#0071E3;--muted:#7A87A3;--line:#E4E9F2;--gold:#B8760B}
*{box-sizing:border-box}
body{margin:0;background:#FBFBFA;color:var(--navy);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:640px;margin:0 auto;padding:40px 20px 64px}
nav{display:flex;justify-content:space-between;font-size:14px}
nav a,.rel a{color:var(--muted);text-decoration:none}
nav a:hover,.rel a:hover{color:var(--blue)}
h1{font:600 38px/1.15 "Iowan Old Style","Palatino Linotype",Georgia,serif;margin:20px 0 6px}
h2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:40px 0 12px}
.lead{color:var(--muted);margin:0 0 28px}
.word{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 24px;box-shadow:0 8px 24px rgba(31,56,100,.06)}
.word big{font:600 44px/1.1 "Iowan Old Style","Palatino Linotype",Georgia,serif;flex:1;min-width:0;overflow-wrap:anywhere}
.word small{display:block;font:15px/1.4 -apple-system,"Segoe UI",sans-serif;color:var(--muted);margin-top:8px}
.play{flex:none;width:56px;height:56px;border:0;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer;display:grid;place-items:center}
.play svg{width:20px;height:20px;fill:currentColor}
.play.sm{width:36px;height:36px}.play.sm svg{width:14px;height:14px}
.bar{display:flex;gap:28px;flex-wrap:wrap;align-items:center;margin-top:16px;font-size:13px;color:var(--muted)}
.bar input{accent-color:var(--blue);vertical-align:middle;width:110px}
.novoice{color:#C0392B}
#accent{display:inline-flex;gap:6px;flex-wrap:wrap}
#accent button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;font-size:13px;padding:3px 12px;cursor:pointer}
#accent button.on{background:var(--navy);border-color:var(--navy);color:#fff}
table{width:100%;border-collapse:collapse;font-size:16px}
td,th{text-align:left;padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:500;color:var(--muted);width:38%}
td b{color:var(--blue)}
ul{padding-left:20px;margin:0}li{margin:6px 0}
.note{background:#FBF5EA;border-left:3px solid var(--gold);border-radius:8px;padding:10px 14px;margin:0 0 14px}
.ex{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.ex div{flex:1}.ex i{display:block;font-style:normal;color:var(--muted);font-size:15px}
.rel{display:flex;flex-wrap:wrap;gap:8px 18px}
.cta{display:inline-block;margin-top:40px;color:var(--blue);text-decoration:none;font-weight:500}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-decoration:none;color:var(--navy)}
.grid a:hover{border-color:var(--blue)}
.grid i{display:block;font-style:normal;font-size:13px;color:var(--muted)}
@media (max-width:480px){h1{font-size:30px}.word big{font-size:34px}}
.guides{font-size:14px;color:var(--muted);margin:14px 0 0}
.guides a{color:var(--blue);text-decoration:none}
.art h2{font:600 24px/1.3 "Iowan Old Style","Palatino Linotype",Georgia,serif;color:var(--navy);letter-spacing:0;text-transform:none;margin:36px 0 10px}
.art p{margin:0 0 14px}
.art ol{padding-left:20px;margin:0 0 14px}
.art table{margin:6px 0 16px}.art th{width:auto}
.art a{color:var(--blue)}
.w{white-space:nowrap}
.w a{color:var(--navy);text-decoration:underline;text-decoration-color:#C9D3E3;text-underline-offset:3px}
.say{border:0;padding:0;background:var(--blue);color:#fff;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;vertical-align:-5px;margin-right:5px;cursor:pointer}
.say svg{width:9px;height:9px;fill:currentColor}
.glist a{display:block;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy)}
.glist a:hover b{color:var(--blue)}
.glist i{display:block;font-style:normal;color:var(--muted);font-size:14px;margin-top:2px}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin-top:8px}
.gcards a{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;color:var(--navy);transition:border-color .15s,transform .15s}
.gcards a:hover{border-color:var(--blue);transform:translateY(-1px)}
.gcards b{display:block;font-size:16px;line-height:1.35}
.gcards i{display:block;font-style:normal;font-size:13px;line-height:1.5;color:var(--muted);margin-top:4px}
.badge{flex:none;width:48px;height:48px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font:600 19px/1 "Iowan Old Style","Palatino Linotype",Georgia,serif}
.find{width:100%;font-size:17px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);outline:0;margin:0 0 4px}
.find:focus{border-color:var(--blue)}
.lead a{color:var(--blue)}
[hidden]{display:none!important}