/* IHOP 8 presentation palette: 08324B, 0B405E, 0E2A3A, 42C7E8, 0EA5AD, 12A8B2, B7E5EF. */
:root{color-scheme:dark;--navy:#08324B;--navy-deep:#0E2A3A;--teal:#42C7E8;--aqua:#42C7E8;--ink:#d3edf5;--muted:#99B8C2;--line:#28566d;--paper:#0E2A3A;--white:#0B405E}
body{background:radial-gradient(ellipse at 90% 4%,#0b405e55,transparent 42%),var(--paper)}
.header{background:#08324bed;border-color:#245368}.identity small{color:#99B8C2}.identity img{background:#B7E5EF}.header-qr{border-color:#477387}.skip-link{background:#B7E5EF}.hero{background:linear-gradient(120deg,#08324B,#0B405E);border:1px solid #285b74;box-shadow:0 14px 42px #061b2a33}.hero:before{background:radial-gradient(ellipse at 70% 0%,#12A8B224,transparent 65%)}.hero-aside{background:#08324B;border-color:#356077}.hospital-image:after{background:linear-gradient(transparent,#08324B)}.hero .eyebrow{color:#B7E5EF}.version-label{color:#42C7E8;border-color:#0EA5AD;background:#0EA5AD1a}.hero-meta,.hero-description{color:#B7E5EF}
.handbook-button{background:#0B405E;border-color:#356279}.handbook-button:hover{background:#125573}.search-box{background:#08324B;border-color:#477487;box-shadow:none}.search-box:focus-within{border-color:#42C7E8;box-shadow:0 0 0 4px #42C7E814}.search-box input{color:#d3edf5}.search-box input::placeholder{color:#99B8C2}kbd{color:#99B8C2;border-color:#356279}.sort-button{background:#0B405E;border-color:#477487;color:#B7E5EF}.sort-button:hover,.sort-button[aria-pressed=true]{background:#0EA5AD;color:#062c41;border-color:#42C7E8}.text-button{color:#08324B;background:#42C7E8}.empty-state{background:#08324B}.medication-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.drug-card{padding:0;background:linear-gradient(125deg,#0B405E,#08324B);border-color:#2e5d73;border-radius:12px;min-height:231px;box-shadow:0 7px 22px #051b2525;overflow:hidden}.drug-card:hover{background:linear-gradient(125deg,#104d6c,#0B405E);border-color:#42C7E8;box-shadow:0 12px 30px #031b3240}.drug-card:before{background:#42C7E8;top:25px}.drug-open{display:block;text-align:left;border:0;background:none;color:inherit;width:100%;padding:17px 18px 16px;flex:1;min-width:0;border-radius:12px 12px 0 0}.drug-open:focus-visible{outline-offset:-5px}.card-top{margin:0 0 14px}.card-number{color:#99B8C2}.card-open{color:#42C7E8}.card-main{display:flex;align-items:center;gap:17px;width:100%}.card-copy{display:block;min-width:0}.card-title{display:block;font-size:1.125rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0 0 5px}.brand{display:block;color:#B7E5EF;font-size:.875rem;margin:0 0 12px}.strengths{border-color:#2e5d73;margin-top:0;padding-top:10px}.strength{background:#0E2A3A;color:#B7E5EF;font-size:.75rem}.pack-frame{display:flex;align-items:center;justify-content:center;flex:none;width:100px;height:112px;border-radius:8px;overflow:hidden;background:#B7E5EF;border:1px solid #6898a7;padding:6px}.pack-frame img{display:block;object-fit:contain;width:100%;height:100%;transition:transform .35s ease}.drug-open:hover .pack-frame img{transform:scale(1.04)}.card-references{border-top:1px solid #2e5d73;padding:5px 18px;background:#062d4544}.card-references a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;font-size:.75rem;line-height:1.5;color:#B7E5EF;min-height:40px}.card-references a+a{border-top:1px solid #2e5d73}.card-references a span:last-child{color:#42C7E8}.card-references a:hover span:last-child{text-decoration:underline;text-underline-offset:4px}
.version-pair>div{background:#08324B;border-color:#28566d}.version-pair>div:last-child{background:#0B405E;border-color:#0EA5AD}.timeline li>span{background:#08324B;border-color:#356f86;color:#42C7E8}.timeline li:last-child>span{background:#0EA5AD;color:#082b3e}.source-clarification{background:#08324B;border-color:#356279}.source-clarification p{color:#B7E5EF}.section-index{border-color:#42C7E8;color:#42C7E8}.reference-directory{background:#08324B;border-color:#356279}.reference-brand a{color:#42C7E8}.access-section{background:linear-gradient(120deg,#08324B,#0B405E);border:1px solid #356279}.qr-card{background:#B7E5EF;color:#08324B}.qr-card small{color:#31576b}.qr-card img{background:#B7E5EF}.roadmap li{color:#B7E5EF;border-color:#477487}.footer{background:#07324A;border-top:1px solid #28566d}.footer nav a:hover{color:#42C7E8}.footer h2{color:#d3edf5}.disclaimer{color:#B7E5EF}.disclaimer strong{color:#42C7E8}.footer-bottom{color:#99B8C2}
.drug-dialog{background:#0E2A3A;border-color:#356279}.detail-topbar{background:#08324B}.detail-topbar b{background:#0B405E;color:#42C7E8}.close-button{background:#0B405E;color:#B7E5EF;border-color:#477487}.close-button:hover{background:#155571}.detail-intro{background:linear-gradient(120deg,#08324B,#0B405E);border:1px solid #356279;min-height:191px}.detail-pack{float:right;width:119px;height:130px;margin:5px 0 12px 19px;position:relative;z-index:1}.detail-intro h2{font-size:2rem}.detail-intro:after{background:linear-gradient(110deg,transparent,#12A8B21a)}.quick-info span{background:#08324B;border-color:#356279;color:#B7E5EF}.quick-info .food-chip{background:#0B405E;color:#B7E5EF;border-color:#0EA5AD}.detail-section{background:#08324B;border-color:#356279}.detail-section[open] summary{border-color:#356279}.section-number{color:#99B8C2}.section-body{color:#c2e4ee}.section-body li::marker{color:#42C7E8}.product-references{background:#08324B;border-color:#356279}.product-block{border-color:#356279}.detail-maker{color:#B7E5EF}.reference-button{background:#42C7E8;color:#08324B}.reference-button:hover{background:#B7E5EF}.reference-button.secondary{background:#0B405E;border-color:#42C7E8;color:#B7E5EF}.reference-note{color:#99B8C2}.detail-note{background:#08324B;color:#B7E5EF}.pack-source{font-size:.8125rem;color:#99B8C2;margin-top:22px}.pack-source a{color:#42C7E8;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1150px){.card-main{gap:12px}.drug-open{padding:16px 14px}.pack-frame{width:85px;height:102px}.card-title{font-size:1.0625rem}.card-references{padding-inline:14px}}
@media(max-width:850px){.medication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-frame{width:95px;height:108px}.card-title{font-size:1.125rem}.detail-pack{width:112px;height:125px}}
@media(max-width:620px){.medication-grid{grid-template-columns:1fr;gap:14px}.drug-card{min-height:205px}.drug-open{padding:17px 18px}.card-main{gap:20px}.pack-frame{width:100px;height:108px}.card-title{font-size:1.1875rem}.brand{font-size:.9375rem}.card-references{padding:5px 18px}.card-references a{font-size:.8125rem;min-height:43px}.strength{font-size:.75rem}.detail-pack{width:94px;height:109px;margin-left:12px}.detail-intro h2{font-size:1.65rem}.detail-intro{padding:20px}.detail-brand{font-size:1rem}.product-references h3{font-size:1rem}}
@media(max-width:360px){.card-main{gap:13px}.pack-frame{width:85px;height:99px}.card-title{font-size:1.125rem}.detail-pack{float:none;margin:0 0 18px}.card-references a{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.pack-frame img{transition:none}.drug-open:hover .pack-frame img{transform:none}}
.brand-pack{margin:0 0 16px}.brand-pack img{display:block;width:216px;max-width:100%;height:120px;object-fit:contain;background:#B7E5EF;border-radius:7px}.brand-pack figcaption{font-size:.75rem;color:#42C7E8;margin-top:7px}.brand-pack a{text-decoration:underline;text-underline-offset:3px}
/* Layered cyan / teal atmosphere from the presentation palette. */
body{background:#061d2e;isolation:isolate}
.ambient-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 8% 18%,#0b405eaa,transparent 56%),radial-gradient(ellipse at 95% 80%,#0ea5ad20,transparent 50%)}
.ambient-layer:before,.ambient-layer:after{content:'';position:absolute;width:75vw;height:80vh;border-radius:50%;filter:blur(75px);will-change:transform;animation:ambient-drift 22s ease-in-out infinite alternate}
.ambient-layer:before{top:-35vh;left:-15vw;background:radial-gradient(ellipse,#0EA5AD55,transparent 68%)}
.ambient-layer:after{right:-35vw;bottom:-20vh;background:radial-gradient(ellipse,#42C7E840,transparent 67%);animation-delay:-11s;animation-direction:alternate-reverse}
#ambient-particles{position:absolute;inset:0;width:100%;height:100%}
.header{background:#06293de0;box-shadow:0 5px 28px #020e1b45}
.hero{background:radial-gradient(ellipse at 85% 10%,#0EA5AD55,transparent 60%),linear-gradient(125deg,#08324Be8,#0B405Eee 60%,#075064e8);border-color:#42c7e84d;box-shadow:0 22px 60px #020e1b70,inset 0 1px 0 #b7e5ef24}
.hero:before{inset:-40%;background:radial-gradient(ellipse at 60% 30%,#42c7e82e,transparent 45%);animation:ambient-drift 16s ease-in-out infinite alternate}
.hero-text{animation:hero-arrive .85s cubic-bezier(.2,.7,.2,1) both}.hero-aside{animation:hero-arrive 1s .16s both;box-shadow:0 12px 28px #02192455,inset 0 1px 0 #b7e5ef20}
h1 span{color:#79e0ee;background:linear-gradient(100deg,#B7E5EF,#42C7E8 55%,#64ded5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.drug-card{background:radial-gradient(ellipse at 0 0,#12a8b222,transparent 72%),linear-gradient(135deg,#104663f2,#082f48f5 65%,#07293ff5);box-shadow:0 10px 28px #010e1b55,inset 0 1px 0 #b7e5ef18;border-color:#36748b88;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.drug-card:hover,.drug-card:focus-within{transform:translateY(-5px);background:radial-gradient(ellipse at 0 0,#12a8b235,transparent 70%),linear-gradient(135deg,#145674,#08364f);box-shadow:0 20px 38px #010e1b88,0 0 25px #42c7e816,inset 0 1px 0 #b7e5ef35;border-color:#42c7e8a6}
.drug-card.entering{animation:none}.drug-card.card-visible{animation:profile-arrive .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--card-delay,0ms);animation-fill-mode:backwards}
.card-open{transition:transform .35s,color .35s}.drug-card:hover .card-open{transform:rotate(90deg);color:#b7e5ef}.pack-frame{box-shadow:0 5px 15px #00152466,inset 0 1px 0 #d3edf533}.card-references{background:linear-gradient(90deg,#061d2e70,#0b405e20)}
.search-box{background:linear-gradient(120deg,#0b405e,#082f48);box-shadow:0 7px 22px #020e1b40,inset 0 1px 0 #b7e5ef18}.search-box:focus-within{box-shadow:0 0 0 4px #42c7e815,0 10px 30px #42c7e812}
.source-clarification,.reference-directory,.version-pair>div{background:linear-gradient(135deg,#0b405ec9,#08324bef);box-shadow:0 12px 30px #020e1b30,inset 0 1px 0 #b7e5ef15}
.access-section{background:radial-gradient(ellipse at 80% 30%,#0ea5ad44,transparent 65%),linear-gradient(125deg,#08324b,#0b405e);box-shadow:0 20px 50px #010e1b55,inset 0 1px 0 #b7e5ef25}.qr-card{box-shadow:0 12px 30px #010e1b66;transition:transform .3s}.qr-card:hover{transform:translateY(-4px)}
.motion-ready .reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.drug-dialog[open]{animation:dialog-arrive .3s ease-out}.drug-dialog::backdrop{background:#020e1bcc;backdrop-filter:blur(6px)}
.motion-toggle{position:fixed;right:18px;bottom:16px;z-index:25;border:1px solid #42c7e866;border-radius:30px;padding:8px 14px;background:#08324bed;color:#b7e5ef;font-size:.8125rem;box-shadow:0 5px 20px #010e1b66;backdrop-filter:blur(12px);min-height:40px}.motion-toggle:hover{border-color:#42c7e8;background:#0b405e}
@keyframes ambient-drift{from{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(14%,12%,0) scale(1.12)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes profile-arrive{from{opacity:.25;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.ambient-paused *, .ambient-paused *:before,.ambient-paused *:after{animation-play-state:paused!important}.ambient-paused .hero-text,.ambient-paused .hero-aside,.ambient-paused .drug-card,.ambient-paused .drug-dialog{animation:none!important}.ambient-paused .reveal{transition:none!important}
@media(max-width:620px){.ambient-layer:before,.ambient-layer:after{filter:blur(45px)}.motion-toggle{right:12px;bottom:12px;font-size:.75rem}.footer{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.ambient-layer:before,.ambient-layer:after{animation:none;will-change:auto}.drug-card:hover,.drug-card:focus-within,.qr-card:hover{transform:none}}
@media print{.ambient-layer,.motion-toggle{display:none}}