/* One entrance, one selection flow. Preserve the inviting blue character world. */
body.disease-index{background:#f7fbfd}
.disease-index .story-hero-crafted{grid-template-columns:1fr 350px;gap:25px;min-height:0;padding:28px 48px;background:linear-gradient(110deg,#deeff9,#eff9fe);border:1px solid #d1e5f0;border-radius:24px;box-shadow:0 5px 0 #eaf3f8}
.disease-index .story-eyebrow{font-size:12px;letter-spacing:.04em;margin:0 0 12px;color:#507a91}
.disease-index .story-hero h1{font-size:36px;letter-spacing:.02em;line-height:1.4;color:#214861}
.disease-index .story-hero h1 br{display:none}.disease-index .story-hero h1>span{color:#2389b7;display:inline}
.disease-index .story-intro{font-size:14px;margin:12px 0;line-height:1.8}.disease-index .story-supervision{font-size:10px;margin:0}
.disease-index .story-friends{width:350px;height:200px;margin:0;align-items:flex-end}
.disease-index .story-friends img{width:250px;height:200px;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 7px #20496514)}
.disease-index .story-friends .story-pao{margin:0 0 0 -15px;transform:none}.disease-index .story-friends .story-rabi{margin:0 -30px 0 -104px}
body.disease-index #paorabi-library{margin-top:30px}
body.disease-index #paorabi-library .pl-library{padding:30px 32px;border:1px solid #dbe8ee;border-radius:22px;background:#fff;box-shadow:0 5px 0 #eaf3f8}
body.disease-index #paorabi-library .story-finder-title{display:block;font-size:23px;margin:0 0 22px;scroll-margin-top:25px}
body.disease-index #paorabi-library .story-finder-title>span{display:block;font-size:12px;margin-top:6px;color:#6c8392;font-weight:400}
.disease-index .story-search-wrap{max-width:none;margin:0 0 24px;padding:0 0 24px;background:none;border:0;border-bottom:1px solid #e0ebf1;border-radius:0}
.disease-index #story-search{display:grid;grid-template-columns:125px minmax(0,1fr);gap:15px}.disease-index #story-search label{font-size:14px;font-weight:700;margin:0}
.disease-index .story-input-wrap{background:#f8fcfe;border:1px solid #bed7e5;border-radius:10px;box-shadow:inset 0 2px 3px #245a7508}
.disease-index #story-search button{background:#247ca5;border-bottom:3px solid #195876;border-radius:7px;min-height:44px;padding:9px 18px;transition:transform .15s,background .15s}
.disease-index #story-search button:hover{background:#17698e;transform:translateY(-1px)}.disease-index #story-search button:active{transform:translateY(2px)}
.story-filters{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.disease-index #paorabi-library .story-step{margin:0 0 12px}.story-step>span{background:#edf6fb;padding:4px 7px;border-radius:5px}
body.disease-index #paorabi-library .story-step h3{font-size:15px;color:#31566c}
body.disease-index #paorabi-library .pl-ages,body.disease-index #paorabi-library .pl-search-modes{gap:10px;margin:0;max-width:none}
body.disease-index #paorabi-library .story-age-kicker{display:none}
body.disease-index #paorabi-library .pl-ages button,body.disease-index #paorabi-library .pl-search-modes button{position:relative;min-height:83px;padding:14px 16px;text-align:left;border:1px solid #cbdfe9;border-bottom:3px solid #bed6e2;border-radius:11px;background:#f8fcfe;box-shadow:none;transition:transform .17s,background .17s,border-color .17s}
body.disease-index #paorabi-library .pl-age-name,body.disease-index #paorabi-library .pl-search-modes button{font-size:17px;font-weight:700;letter-spacing:.02em}
body.disease-index #paorabi-library .pl-ages small,body.disease-index #paorabi-library .pl-search-modes small{display:block;font-size:10px;color:#748997;font-weight:400;line-height:1.6;margin-top:5px}
body.disease-index #paorabi-library .pl-current{display:none}
body.disease-index #paorabi-library .pl-ages button::after,body.disease-index #paorabi-library .pl-search-modes button::after{content:"";position:absolute;top:13px;right:12px;width:16px;height:16px;border:1px solid #bdd2de;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;background:#fff;color:#fff}
body.disease-index #paorabi-library .pl-ages button[aria-pressed="true"],body.disease-index #paorabi-library .pl-search-modes button[aria-pressed="true"]{background:#eaf6fd;border-color:#4b93b6;border-bottom-color:#307ea4;color:#20698e;box-shadow:inset 0 0 0 1px #73a8c522}
body.disease-index #paorabi-library .pl-ages button[aria-pressed="true"]::after,body.disease-index #paorabi-library .pl-search-modes button[aria-pressed="true"]::after{content:"✓";background:#307da4;border-color:#307da4}
body.disease-index #paorabi-library .pl-ages button:hover,body.disease-index #paorabi-library .pl-search-modes button:hover{transform:translateY(-2px);border-color:#4c91b3;background:#edf7fc}
body.disease-index #paorabi-library .pl-ages button:active,body.disease-index #paorabi-library .pl-search-modes button:active{transform:translateY(1px)}
body.disease-index #paorabi-library .story-part-step{margin:24px 0 12px}
.pl-library:has(.pl-parts[hidden]) .story-part-step{display:none}
body.disease-index #paorabi-library .pl-parts{margin:0;gap:10px}
body.disease-index #paorabi-library .pl-parts button{min-height:56px;font-size:18px;border-radius:11px;background:#fff;border:1px solid #cadfea;border-bottom:3px solid #bdd6e3;box-shadow:none;transition:transform .16s,background .16s}
body.disease-index #paorabi-library .pl-parts button:hover{transform:translateY(-2px);background:#edf7fc;border-color:#6b9fb9}
body.disease-index #paorabi-library .pl-parts button:active{transform:translateY(1px)}
body.disease-index #paorabi-library .pl-parts button[aria-pressed="true"]{background:#287da7;border-color:#1f6a8c;color:#fff;box-shadow:none}
body.disease-index #paorabi-library .pl-selection-prompt{margin:18px 0 0;padding:0;border:0;background:none;color:#5d7c90;font-size:12px;line-height:1.7}
body.disease-index #paorabi-library .pl-selector{margin-top:22px;border-top:1px solid #e0ebf1;padding-top:17px;scroll-margin-top:20px}
body.disease-index #paorabi-library .pl-selector>summary{font-size:14px;margin-bottom:13px;color:#365a70}
body.disease-index #paorabi-library .pl-list{gap:10px}
body.disease-index #paorabi-library .pl-list button,body.disease-index #paorabi-library .pl-symptoms button{position:relative;padding:13px 33px 13px 15px;border:1px solid #d4e3ec;border-bottom:3px solid #c9dce7;border-radius:10px;background:#fff;text-align:left;transition:transform .16s,background .16s,box-shadow .16s}
body.disease-index #paorabi-library .pl-list button::after,body.disease-index #paorabi-library .pl-symptoms button::after{content:"›";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#4d8eac;font-size:22px}
body.disease-index #paorabi-library .pl-list button:hover,body.disease-index #paorabi-library .pl-symptoms button:hover{transform:translateY(-2px);background:#eff8fd;border-color:#88b1c8;box-shadow:0 4px 8px #2d668110}
body.disease-index #paorabi-library .story-anatomy{margin-top:22px;color:#668297}
.disease-index .story-footer{margin-top:28px;padding-top:22px;border-top:1px solid #d7e5ed}
body.disease-index #paorabi-library .pl-departments{display:none}
.disease-index h2[tabindex="-1"]:focus-visible,.disease-index h3[tabindex="-1"]:focus-visible{outline:none}
@media(max-width:900px){.disease-index .story-hero-crafted{grid-template-columns:1fr 260px;padding:26px 30px;gap:12px}.disease-index .story-hero h1{font-size:31px}.disease-index .story-hero h1 br{display:block}.disease-index .story-friends{width:260px;height:172px}.disease-index .story-friends img{width:213px;height:172px}.disease-index .story-friends .story-pao{margin-left:-25px}.disease-index .story-friends .story-rabi{margin-left:-105px;margin-right:-30px}.story-filters{gap:20px}body.disease-index #paorabi-library .pl-library{padding:27px 24px}.disease-index #story-search{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:650px){.story-filters{grid-template-columns:1fr;gap:20px}.disease-index .story-hero-crafted{padding:22px 24px;grid-template-columns:1fr 180px}.disease-index .story-hero h1{font-size:28px}.disease-index .story-friends{width:180px;height:145px}.disease-index .story-friends img{width:180px;height:145px}.disease-index .story-friends .story-pao{margin-left:-30px}.disease-index .story-friends .story-rabi{margin-left:-116px;margin-right:-25px}.disease-index .story-intro{font-size:12px}.disease-index .story-eyebrow{font-size:10px}.disease-index #story-search{display:block}.disease-index #story-search label{display:block;margin-bottom:10px}}
@media(max-width:520px){
 .disease-index .story-hero-crafted{position:relative;margin:0 12px;padding:21px 20px 19px;grid-template-columns:1fr;gap:6px;text-align:left;overflow:hidden;border-radius:19px}
 .disease-index .story-hero-copy{padding-right:102px;position:relative;z-index:1}.disease-index .story-hero h1{font-size:25px;line-height:1.45}.disease-index .story-hero h1 br{display:block}.disease-index .story-hero h1>span{display:inline}.disease-index .story-eyebrow{font-size:10px;line-height:1.7;margin-bottom:9px}.disease-index .story-intro{font-size:11px;max-width:188px;line-height:1.8;margin:10px 0}.disease-index .story-supervision{font-size:8px;white-space:nowrap}
 .disease-index .story-friends{position:absolute;right:5px;bottom:17px;width:126px;height:102px;z-index:0}.disease-index .story-friends img{width:126px;height:102px}.disease-index .story-friends .story-pao{margin-left:-15px}.disease-index .story-friends .story-rabi{margin-left:-80px;margin-right:-17px}
 body.disease-index #paorabi-library{padding:0 12px;margin-top:22px}body.disease-index #paorabi-library .pl-library{padding:23px 17px;border-radius:18px}body.disease-index #paorabi-library .story-finder-title{font-size:21px;margin-bottom:20px}body.disease-index #paorabi-library .story-finder-title>span{font-size:11px;line-height:1.75;margin-top:7px}
 .disease-index .story-search-wrap{margin:0 0 22px;padding:0 0 22px}.disease-index #story-search label{font-size:13px}.disease-index #story-search button{font-size:12px;min-height:44px;padding:8px 13px}.disease-index #story-query{font-size:13px}
 body.disease-index #paorabi-library .story-step{margin-bottom:10px}body.disease-index #paorabi-library .story-step h3{font-size:14px}.story-filters{gap:19px}body.disease-index #paorabi-library .pl-ages button,body.disease-index #paorabi-library .pl-search-modes button{min-height:77px;padding:12px 13px;border-radius:10px}body.disease-index #paorabi-library .pl-age-name,body.disease-index #paorabi-library .pl-search-modes button{font-size:16px}body.disease-index #paorabi-library .pl-ages small,body.disease-index #paorabi-library .pl-search-modes small{font-size:10px}
 body.disease-index #paorabi-library .story-part-step{margin-top:20px}body.disease-index #paorabi-library .pl-parts{gap:7px}body.disease-index #paorabi-library .pl-parts button{min-height:53px;font-size:15px;padding:9px 4px;border-radius:9px}
 body.disease-index #paorabi-library .pl-list{gap:9px}body.disease-index #paorabi-library .pl-list button{font-size:13px;padding:13px 26px 13px 12px;line-height:1.7}
}
@media(max-width:350px){.disease-index .story-hero-copy{padding-right:71px}.disease-index .story-hero h1{font-size:24px}.disease-index .story-friends{right:2px;width:108px;height:87px}.disease-index .story-friends img{width:108px;height:87px}.disease-index .story-friends .story-pao{margin-left:-13px}.disease-index .story-friends .story-rabi{margin-left:-69px;margin-right:-15px}.disease-index .story-supervision{font-size:7px}.disease-index .story-intro{max-width:175px}body.disease-index #paorabi-library .pl-ages small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.disease-index *{transition:none!important}}