/* skip-hop Rhymes library (14 Oct 2026) */
.rh{max-width:1100px;margin:0 auto;padding:8px 24px 56px;font-family:Nunito,system-ui,sans-serif;color:#16213A}
.rh .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rh-lede{font-size:18px;line-height:1.6;max-width:820px}
.rh-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0 8px}
.rh-how div{background:#FFF4E0;border-radius:16px;padding:16px 18px;font-size:15px;line-height:1.5}.rh-how b{display:block;font-weight:900;margin-bottom:4px;font-size:16px}
.rh-sec{margin-top:44px}.rh-sec>h2{font-size:30px;font-weight:900;margin:0 0 6px}.rh-sec>p{margin:0 0 16px;max-width:820px;line-height:1.55}
.rh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.rh-card{display:flex;flex-direction:column;gap:6px;border:2px solid #EADFC8;border-radius:18px;padding:16px 18px;background:#fff;color:#16213A;text-decoration:none;transition:border-color .15s,transform .15s}
.rh-card:hover,.rh-card:focus-visible{border-color:#F5A623;transform:translateY(-2px)}
.rh-card[hidden]{display:none}
.rh-c-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rh-tag{display:inline-block;background:#16213A;color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;letter-spacing:.02em;text-decoration:none}
.rh-tag-rude{background:#8B3A62}
.rh-date{margin-left:auto;font-size:12px;font-weight:800;color:#8A5A00;background:#FFF4E0;border:1px solid #F5D18A;border-radius:999px;padding:2px 9px}
.rh-c-title{font-size:20px;font-weight:900;line-height:1.2}
.rh-c-lines{font-style:italic;font-size:15px;line-height:1.45;color:#3B4660}
.rh-c-sent{margin:4px 0 0;font-size:13px;color:#5B6478}
.rh-tools{position:sticky;top:0;z-index:5;background:#fff;padding:12px 0 10px;border-bottom:1px solid #EADFC8;margin-bottom:14px}
.rh-search input{width:100%;box-sizing:border-box;font:inherit;font-size:17px;padding:12px 16px;border:2px solid #EADFC8;border-radius:14px}
.rh-search input:focus{outline:none;border-color:#F5A623}
.rh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rh-chip{font:inherit;font-size:14px;font-weight:800;border:2px solid #EADFC8;background:#fff;color:#16213A;border-radius:999px;padding:6px 12px;cursor:pointer}
.rh-chip[aria-pressed="true"]{background:#16213A;border-color:#16213A;color:#fff}
.rh-count{margin:10px 0 0;font-size:14px;font-weight:800;color:#5B6478}
.rh-none{font-weight:800}
.rh-hall{background:#FFF9EF;border-radius:24px;padding:24px;margin-left:-24px;margin-right:-24px}
.rh-live h3{font-size:22px;font-weight:900;margin:24px 0 10px}
.rh-send{border:2px dashed #F5A623;border-radius:24px;padding:24px}
.rh-form{display:grid;gap:14px;max-width:760px}
.rh-form label{display:grid;gap:6px;font-weight:800;font-size:15px}
.rh-form input,.rh-form textarea,.rh-form select{font:inherit;font-weight:400;font-size:16px;padding:10px 12px;border:2px solid #EADFC8;border-radius:12px;width:100%;box-sizing:border-box}
.rh-form textarea{min-height:170px;line-height:1.5}
.rh-form .rh-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.rh-form small{font-weight:400;color:#5B6478}
.rh-msg{font-weight:800}.rh-msg.err{color:#A3262A}.rh-msg.ok{color:#1E6B3A}
.sh-btn-ghost{background:transparent!important;color:#16213A!important;border:2px solid #16213A!important}
.rh-old .rh-how div{background:#F3EEE4}
.rh-src{font-size:14px;color:#5B6478;line-height:1.5}
.rh-box{border:2px solid #EADFC8;border-radius:18px;padding:18px 20px;background:#FFF9EF;margin-top:30px}
.rh-box h2{font-size:20px;font-weight:900;margin:0 0 8px}.rh-box p{margin:0 0 8px;line-height:1.5}.rh-box a{color:#16213A}
/* one rhyme */
.rh-one{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.rh-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.rh-rope{font-size:14px;font-weight:800;color:#5B6478}
.rh-sheet{background:#FFF4E0;border-radius:22px;padding:26px 30px;border-left:8px solid #F5A623}
.rh-words{font-size:21px;line-height:1.6;font-style:italic;margin:0}
.rh-sent{margin:16px 0 0;font-size:15px}
.rh-when{color:#5B6478}
.rh-play,.rh-ver,.rh-hist{margin-top:28px}
.rh-play h2,.rh-ver h2,.rh-hist h2,.rh-fam h2{font-size:24px;font-weight:900;margin:0 0 8px}
.rh-play p{font-size:17px;line-height:1.6;margin:0}
.rh-ver{border:2px solid #EADFC8;border-radius:18px;padding:20px 24px}
.rh-ver .rh-words{font-size:18px}.rh-ver-play{margin:12px 0 0;line-height:1.5}
.rh-hist{background:#F3F5FA;border-radius:18px;padding:20px 24px}
.rh-hist p{line-height:1.6}
.rh-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 6px}.rh-facts div{display:grid}
.rh-facts dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5B6478}.rh-facts dd{margin:0;font-weight:900;font-size:18px}
.rh-ask{font-size:14px;color:#5B6478}
.rh-rude-note{font-size:14px;color:#5B6478;margin:12px 0 0}
.rh-side .rh-box:first-child{margin-top:0}
.rh-back a{font-weight:800;color:#16213A}
.rh-fam{max-width:1100px;margin:36px auto 0;padding:0 24px}
.rh-fam>p{margin:0 0 12px}
.rh-grid-s{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.rh-admin-t{width:100%;border-collapse:collapse;font-size:15px}.rh-admin-t td,.rh-admin-t th{border-bottom:1px solid #EADFC8;padding:8px;text-align:left;vertical-align:top}
@media (max-width:820px){.rh-one{grid-template-columns:1fr}.rh-form .rh-row{grid-template-columns:1fr}}
@media (max-width:640px){.rh{padding:8px 16px 40px}.rh-fam{padding:0 16px}.rh-sheet{padding:20px}.rh-words{font-size:19px}
 .rh-hall{margin-left:-16px;margin-right:-16px;padding:20px 16px}.rh-send{padding:18px}.rh-sec>h2{font-size:26px}}
.rh-label{font-size:24px;font-weight:900;margin:0 0 10px}
.rh-tl-list{list-style:none;margin:0 0 0 10px;padding:0 0 0 22px;border-left:4px solid #F5A623;display:grid;gap:16px}
.rh-tl-list li{position:relative;display:grid;gap:4px;line-height:1.55}
.rh-tl-list li::before{content:"";position:absolute;left:-32px;top:5px;width:16px;height:16px;border-radius:50%;background:#16213A;border:3px solid #fff;box-shadow:0 0 0 2px #F5A623}
.rh-tl-list b{font-size:17px;font-weight:900}.rh-tl-list a{color:#16213A;font-weight:800}
.rh-tl-btn{display:inline-block;margin-top:14px;font-weight:800;color:#16213A}
.rh-quote{font-size:22px;line-height:1.7;margin:12px 0;padding:14px 18px;background:#fff;border-left:4px solid #F5A623;border-radius:0 12px 12px 0;font-style:normal}.rh-trans{line-height:1.6}
