@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/Sarabun-Regular.ttf) format('truetype')}
@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/Sarabun-SemiBold.ttf) format('truetype')}
@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/Sarabun-Bold.ttf) format('truetype')}
/* Foundation: room-inspired ivory, pale oak and sky blue. */
:root{font-family:Sarabun,sans-serif;font-synthesis:none;font-size:16px;color:#203c48;background:#faf9f6;--ink:#203c48;--muted:#536a72;--teal:#006f96;--teal-dark:#005773;--line:#dce4e6;--soft:#e9f6fb;--canvas:#faf9f6;--red:#963b33}
*{box-sizing:border-box}body{margin:0}button,a,summary{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--teal-dark);text-underline-offset:4px}p{line-height:1.85;margin:0 0 1rem}h1,h2,h3{line-height:1.5;margin:0;font-weight:600}h1{font-size:2.25rem}h2{font-size:1.45rem}h3{font-size:1.1rem}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #996015;outline-offset:4px}[tabindex='-1']:focus{outline:none}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-100px;left:20px;padding:16px;background:white;z-index:20}.skip:focus{top:12px}section[id],article[id],div[id=symptoms],main{scroll-margin-top:110px}.large-text{font-size:20px}
/* Global navigation */
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{max-width:1320px;margin:auto;min-height:88px;padding:16px 32px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--teal);white-space:nowrap;min-height:44px}.brand>.icon{width:30px;height:30px}.brand strong{font-weight:600;font-size:1.5rem}.global-nav{display:flex;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:9px;padding:12px 16px;min-height:44px;font-size:.93rem}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#f3f6f6}.nav-item.active{background:var(--soft);color:var(--teal-dark);font-weight:600}.header-tools{display:flex;align-items:center;gap:12px}.text-size{min-width:44px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:8px}.text-size span{font-size:1.2rem}.text-size[aria-pressed=true]{background:var(--soft);border-color:var(--teal)}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;gap:3px}.language-switch button{border:0;background:transparent;border-radius:7px;min-height:44px;min-width:47px;padding:8px 12px;font-size:.9rem}.language-switch .active{background:var(--teal-dark);color:white}main{max-width:1280px;margin:auto;padding:40px 32px 0}.page-heading{margin-bottom:28px}.page-heading>p{color:var(--muted);max-width:780px;margin-top:12px}.eyebrow{font-size:.8rem;color:var(--teal);font-weight:600;margin:0 0 8px}footer{border-top:1px solid var(--line);margin-top:48px;padding:22px 0 30px;color:var(--muted);line-height:1.7}footer small{font-size:.8rem}
/* Treatment selection */
.region-picker{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden;box-shadow:0 12px 36px #203c4805}.body-map{margin:0;padding:30px 25px;background:linear-gradient(160deg,#e4f7fd,#f6f1e7);border-right:1px solid var(--line)}.map-caption{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--teal-dark)}.map-caption .icon{width:18px;height:18px}.body-map>svg{width:100%;height:auto;max-height:400px;display:block;margin:30px auto 0}.body-map>svg>rect{fill:transparent}.map-point circle{fill:#e1f0f5;stroke:#bdd6e0}.map-point text{font-family:Sarabun,sans-serif;fill:#516e7c;font-size:11px}.map-point.selected circle{fill:var(--teal)}.map-point.selected text{fill:white}.region-options{padding:30px}.mini-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.mini-heading h2{font-size:1.1rem}.count{font-size:.8rem;background:#f2f5f5;color:var(--muted);padding:5px 10px;border-radius:6px;white-space:nowrap}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.region-button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);background:white;border-radius:12px;padding:18px 16px;min-height:99px;transition:border-color .15s,background .15s,box-shadow .15s}.region-button:hover{background:#f5fbfd;border-color:#74afc3;box-shadow:0 4px 14px #006f960a}.region-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf5f8;color:var(--teal);flex-shrink:0}.region-label{flex:1;min-width:0}.region-label strong{font-size:1rem;line-height:1.5;font-weight:600;display:block}.region-label small{display:block;font-size:.875rem;color:var(--muted);margin-top:5px;line-height:1.6}.region-number .icon{width:16px;height:16px;color:var(--teal)}.brachy-option{grid-column:1/-1;background:#fbf9f4}.brachy-option .region-icon{background:#f0e9dc;color:#7b613e}.scope{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:.85rem;margin:20px 0 0}.scope .icon{width:17px;height:17px;margin-top:5px}
/* Reading workspace */
.reading-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:44px}.reading-sidebar{position:sticky;top:120px;align-self:start;max-height:calc(100vh - 140px);overflow-y:auto;padding:4px}.back-button{display:flex;align-items:center;gap:9px;background:transparent;border:0;min-height:44px;padding:0 0 16px;color:var(--muted);font-size:.9rem}.back-button .icon{width:18px;height:18px;transform:rotate(180deg)}.region-switcher{background:white;border:1px solid var(--line);border-radius:12px;margin:8px 0 20px}.region-switcher summary{padding:15px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;line-height:1.5}.region-switcher summary:after{content:'⌄';margin-left:auto}.region-switcher[open] summary:after{content:'⌃'}.region-switcher small{display:block;color:var(--muted);font-size:.8rem;font-weight:400;margin-top:4px}.switch-list{padding:5px 7px 10px;border-top:1px solid var(--line)}.switch-region{width:100%;display:flex;align-items:center;gap:9px;padding:11px 8px;min-height:44px;border:0;border-radius:7px;background:white;text-align:left;font-size:.87rem}.switch-region .icon{width:18px;height:18px}.switch-region.active,.switch-region:hover{background:var(--soft);color:var(--teal-dark)}.switch-region span{flex:1}.article-nav{display:flex;flex-direction:column;gap:4px}.article-nav a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:8px;text-decoration:none;font-size:.9rem;color:var(--muted);min-height:44px;transition:background-color .18s,color .18s,box-shadow .18s}.article-nav a:hover{background:#edf3f4;color:var(--teal-dark)}.article-nav a.active{background:#e4f4fa;color:var(--teal-dark);font-weight:600;box-shadow:inset 3px 0 0 var(--teal)}.article-nav .icon{width:19px;height:19px}.reading-contact{border-top:1px solid var(--line);margin-top:24px;padding:20px 12px;color:var(--muted);font-size:.85rem}.reading-contact a{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1.2rem;min-height:44px;text-decoration:none;margin-top:6px}.reading-contact small{display:block;font-size:.8rem;line-height:1.7}.reading-content{min-width:0}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-top h1{font-size:2rem;color:var(--ink)}.detail-top p:not(.eyebrow){margin:8px 0 0;color:var(--muted);font-size:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid var(--teal);border-radius:9px;background:var(--teal);color:white;text-decoration:none;font-size:.9rem;font-weight:600}.button:hover{background:var(--teal-dark)}.button .icon{width:19px;height:19px}.button.secondary{background:white;border-color:#cddde3;color:var(--teal-dark)}.button.secondary:hover{background:var(--soft)}.individual{color:var(--muted);font-size:.9rem;margin:20px 0 24px}.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-card{padding:25px;border:1px solid #e6dccb;border-radius:16px;background:#f8f3ea}.info-card.care{background:#edf8fc;border-color:#d1e7ef}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.card-heading h3{font-size:1.05rem}.card-heading>.icon{margin-left:auto;width:23px;height:23px;color:#886226}.care .card-heading>.icon{color:var(--teal)}.step{display:grid;place-items:center;width:27px;height:27px;background:#eadfc9;border-radius:7px;font-size:.75rem;flex-shrink:0}.care .step{background:#d3eaf3}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{display:flex;gap:10px;line-height:1.85;padding:15px 0;border-top:1px solid #203c4812}.info-card li:first-child{padding-top:0;border:0}.info-card li:last-child{padding-bottom:0}.bullet-number{font-size:.85rem;color:#825a23;min-width:20px;padding-top:2px}.check-dot{display:grid;place-items:center;background:#d3eaf3;border-radius:50%;width:21px;height:21px;flex-shrink:0;margin-top:5px}.check-dot .icon{width:14px;height:14px;color:var(--teal)}.contact-strip{display:flex;gap:16px;padding:23px;margin-top:22px;border:1px solid #e5c9c3;border-left:4px solid #ac5145;border-radius:12px;background:#fff7f4}.alert-symbol{display:grid;place-items:center;align-self:start;padding:10px;background:#f6e4de;color:var(--red);border-radius:10px}.contact-strip h3{color:var(--red)}.contact-strip p{margin:7px 0 0}.inline-care-contact{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:.9rem}.inline-care-contact a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600}.inline-care-contact .icon{width:18px;height:18px}.inline-care-contact span{font-size:.85rem;color:var(--muted)}.emergency-inline{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--red);margin:14px 0 30px}.emergency-inline .icon{width:19px;height:19px;margin-top:5px}.emergency-inline a{font-weight:700;color:inherit}.extra-info{display:grid;grid-template-columns:1fr 1fr;gap:28px}.extra-info h3{display:flex;align-items:flex-start;gap:9px;font-size:1rem}.extra-info .icon{color:var(--teal);width:19px;height:19px;margin-top:3px}.extra-info p{color:var(--muted);font-size:.95rem;margin:12px 0 0}.timeline-section{border-top:1px solid var(--line);margin-top:32px;padding-top:30px}.timeline-section h2{font-size:1.25rem;margin-bottom:24px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:24px}.timeline article{border-top:2px solid #bddce7;padding-top:14px;position:relative}.timeline article:before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--teal)}.timeline article>span{font-size:.75rem;color:var(--teal);font-weight:600}.timeline h3{font-size:1rem;margin:5px 0 8px}.timeline p{color:var(--muted);font-size:.93rem}.regional-materials{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--line);border-radius:14px;background:white;margin-top:20px}.regional-materials h2,.regional-faq h2{font-size:1.25rem}.regional-materials p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.handout-links{display:flex;gap:9px;flex-wrap:wrap}.regional-faq{margin-top:32px}.faq-list{margin-top:18px}.faq-item{border:1px solid var(--line);border-radius:12px;background:white;margin:10px 0;padding:0 22px}.faq-item summary{padding:20px 0;min-height:44px;cursor:pointer;font-weight:600;line-height:1.7}.faq-item>p{color:var(--muted);padding-top:4px}.faq-sources{display:flex;flex-direction:column;gap:10px;font-size:.8rem;padding-bottom:20px}.sources{border-top:1px solid var(--line);padding:18px 0;margin-top:28px;font-size:.85rem;color:var(--muted)}.sources summary{cursor:pointer;min-height:44px;display:list-item;padding-top:10px}.sources p{margin-top:10px}.sources li{margin-bottom:12px;overflow-wrap:anywhere}
/* Contact page */
.hospital-contact{border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden;margin-bottom:24px}.with-room{display:grid;grid-template-columns:1fr 1fr}.room-photo{margin:0;position:relative;background:#eee9dd}.room-photo img{width:100%;height:100%;min-height:310px;object-fit:cover;display:block}.room-photo figcaption{position:absolute;bottom:16px;left:16px;background:#fffffff2;border-radius:6px;padding:5px 10px;font-size:.8rem}.contact-details{padding:32px}.contact-details h2{font-size:1.3rem}.hospital-name{color:var(--muted);margin-top:8px}.hours{display:flex;gap:9px;align-items:center;font-size:.95rem}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.email-link{display:inline-block;margin-top:18px;overflow-wrap:anywhere}.section-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.general-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.general-card{border:1px solid var(--line);border-radius:16px;background:white;padding:28px}.general-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.large-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--soft);color:var(--teal)}.index-number{font-size:1.8rem;color:#6b8b99}.general-card h2{font-size:1.25rem}.general-card p{margin:12px 0 0;color:var(--muted)}.help-grid .general-card:first-child{background:#fff7f4;border-color:#e5c9c3}.emergency-call{display:flex;align-items:center;gap:12px;background:var(--red);color:white;text-decoration:none;padding:20px 24px;border-radius:12px;margin-top:22px}
/* Responsive reflow and accessible larger type */
@media(max-width:1100px){.header-inner{gap:20px;padding:14px 24px}.nav-item{padding:12px;font-size:.87rem}.reading-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}.info-columns{grid-template-columns:1fr}.region-picker{grid-template-columns:190px minmax(0,1fr)}.region-options{padding:24px}.region-button{gap:10px;padding:15px}.region-icon{width:38px;height:38px}.large-text .header-inner{flex-wrap:wrap}.large-text .global-nav{order:3;flex-basis:100%}.large-text .header-tools{margin-left:auto}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:10px;padding:12px 22px}.brand{flex:1}.header-tools{margin-left:auto}.global-nav{order:3;flex-basis:100%;gap:8px}.nav-item{flex:1;justify-content:center}.site-header{position:static}main{padding:28px 22px 0}.reading-layout{grid-template-columns:1fr;gap:24px}.reading-sidebar{position:static;max-height:none;overflow:visible;padding:0}.back-button{padding-bottom:5px}.region-switcher{margin:8px 0 12px}.article-nav{flex-direction:row;overflow-x:auto;padding:2px 4px 10px}.article-nav a{white-space:nowrap;background:white;border:1px solid var(--line)}.reading-contact{display:none}.region-picker{grid-template-columns:1fr}.body-map{display:none}.info-columns{grid-template-columns:1fr 1fr}.detail-top h1{font-size:1.8rem}section[id],article[id],div[id=symptoms],main{scroll-margin-top:20px}.with-room{grid-template-columns:1fr}.room-photo img{height:auto;aspect-ratio:2;min-height:0}.large-text .info-columns,.large-text .extra-info{grid-template-columns:1fr}}
@media(max-width:560px){h1{font-size:1.8rem}.header-inner{padding:12px 16px}.brand strong{font-size:1.25rem}.brand>.icon{width:25px;height:25px}.brand{gap:7px}.header-tools{gap:4px}.language-switch button{min-width:40px;padding:7px 9px}.nav-item{font-size:.85rem;padding:10px 8px}.nav-item .icon{display:none}main{padding:24px 16px 0}.region-options{padding:18px}.region-grid{grid-template-columns:1fr;gap:10px}.region-button{min-height:85px}.region-label strong{font-size:1rem}.region-number{display:block}.region-picker{border-radius:16px}.mini-heading h2{font-size:1rem}.detail-top{align-items:flex-start;flex-direction:column;gap:14px}.info-columns,.extra-info,.timeline,.general-grid{grid-template-columns:1fr}.info-card{padding:23px}.contact-strip{padding:20px 16px;gap:12px}.alert-symbol{padding:7px}.regional-materials{flex-direction:column;align-items:flex-start;padding:22px}.faq-item{padding:0 18px}.contact-details{padding:24px}.general-card{padding:24px}.section-actions{justify-content:flex-start}.large-text .brand{flex-basis:100%}.large-text .header-tools{margin-left:0}.large-text .global-nav{flex-wrap:wrap}.large-text .nav-item{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.reading-sidebar,.skip,.button,.section-actions,.sources{display:none!important}:root,.large-text{font-size:12pt;background:white}main{padding:0;max-width:none}.reading-layout{display:block}.info-card,.contact-strip,.general-card{break-inside:avoid}.faq-item>p,.faq-sources{display:block!important}.region-detail{margin:0}footer{margin-top:20px}@page{size:A4;margin:15mm}}

.region-number{display:flex;align-items:center;gap:8px;color:var(--muted)}.region-number small{font-size:.75rem}.large-text .region-grid{grid-template-columns:1fr}.large-text .info-columns{grid-template-columns:1fr}
/* Clinical priority and chronological reading */
.site-header{background:linear-gradient(110deg,#f5f0e6 0%,#fcfaf6 42%,#e3f5fa 100%);border-bottom-color:#d3dfe1;box-shadow:0 3px 16px #203c4805}.language-switch{background:#ffffffb3}.nav-item.active{background:#d5edf5;border:1px solid #b8dce8}.nav-item{border:1px solid transparent}.brand{color:#005d7d}
.preparation-card{display:flex;gap:17px;align-items:flex-start;background:#fff;border:1px solid #dfdfd5;border-radius:14px;padding:23px 25px;margin:0 0 26px;scroll-margin-top:110px}.preparation-icon{display:grid;place-items:center;flex-shrink:0;background:#f3ecde;color:#7b613e;width:44px;height:44px;border-radius:11px}.preparation-card h2{font-size:1.16rem}.preparation-card p{margin:9px 0 0;font-size:1rem;color:var(--ink)}
.emergency-panel{background:#fff1ee;border:2px solid #a2352d;border-left-width:7px;border-radius:14px;padding:26px 28px;margin-top:28px;color:#81261f}.emergency-heading{display:flex;gap:12px;align-items:center}.emergency-heading>.icon{width:30px;height:30px}.emergency-heading h2{font-size:1.5rem;font-weight:700}.emergency-panel>p{font-size:1.14rem;font-weight:600;line-height:1.85;margin:14px 0 20px}.emergency-button{background:#992e27;border-color:#992e27;color:#fff;min-height:50px;font-size:1.08rem;padding:12px 22px}.emergency-button:hover{background:#77211b;border-color:#77211b}.contact-strip{background:#fbf7ee;border-color:#e3d7be;border-left:1px solid #e3d7be;margin-top:16px}.contact-strip h3{color:#75561f;font-size:1.08rem}.contact-strip .alert-symbol{background:#eee3ca;color:#75561f}.extra-info{grid-template-columns:1fr;margin-top:28px;padding:24px 0 0;border-top:1px solid var(--line)}.article-nav a[data-jump=emergency]{color:#8b504a}.article-nav a[data-jump=emergency]:hover{background:#fae8e3;color:#932d26}.article-nav a[data-jump=emergency].active{color:#932d26;background:#fff1ee;box-shadow:inset 3px 0 0 var(--red)}
.timeline-context{color:var(--muted);font-size:.95rem;margin:-12px 0 24px}.care-timeline{list-style:none;padding:0;margin:0}.care-timeline li{position:relative;display:grid;grid-template-columns:38px minmax(150px, .8fr) minmax(0,1.2fr);gap:20px;padding:0 0 30px}.care-timeline li:not(:last-child):before{content:'';position:absolute;left:18px;top:36px;bottom:0;width:2px;background:#c3dce4}.timeline-marker{display:grid;place-items:center;background:#e1f1f7;border:1px solid #b6d6e2;color:#005773;width:38px;height:38px;border-radius:50%;font-size:.9rem;font-weight:600;z-index:1}.timeline-stage h3{font-size:1.05rem;margin:3px 0 7px}.timeline-stage>span{display:block;color:var(--muted);font-size:.85rem;line-height:1.7}.care-timeline li>p{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 20px;font-size:.97rem;color:var(--ink)}.care-timeline li:last-child{padding-bottom:0}
.regional-materials{display:block;background:linear-gradient(125deg,#f4efe5,#fdfbf7 48%,#eaf6fb);border-color:#d9e0db;padding:28px;margin-top:36px;border-radius:18px}.materials-intro{display:flex;align-items:center;gap:15px;margin-bottom:23px}.document-emblem{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:#fff;border:1px solid #d9e3e5;border-radius:12px;color:var(--teal)}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.document-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #cddde2;border-radius:12px;padding:19px;text-decoration:none;box-shadow:0 4px 12px #203c4805;transition:border-color .15s,box-shadow .15s}.document-card:hover{border-color:#78aabb;box-shadow:0 6px 18px #203c4810}.document-cover{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;width:47px;height:61px;padding:8px;background:#edf7fb;border:1px solid #c4dee7;border-radius:3px 10px 3px 3px}.document-cover>.icon{width:24px;height:24px;margin-bottom:2px}.document-cover>span{height:2px;width:24px;background:#afcfdb}.document-cover>span:last-child{width:17px;align-self:flex-start}.document-title{flex:1;min-width:0}.document-title strong{display:block;font-size:1rem;font-weight:600}.document-title small{display:block;margin-top:7px;color:var(--muted);font-size:.82rem;line-height:1.6}.document-card>.icon{width:17px;height:17px}.large-text .document-grid{grid-template-columns:1fr}
@media(max-width:1000px){.care-timeline li{grid-template-columns:38px minmax(0,1fr);gap:10px 18px}.timeline-marker{grid-row:1/3}.care-timeline li>p{grid-column:2}.document-grid{grid-template-columns:1fr}}
@media(max-width:800px){.preparation-card{scroll-margin-top:20px}}
@media(max-width:560px){.preparation-card{padding:20px;gap:12px}.preparation-icon{width:34px;height:34px}.emergency-panel{padding:23px 20px}.emergency-heading h2{font-size:1.4rem}.emergency-panel>p{font-size:1.08rem}.emergency-button{width:100%}.regional-materials{padding:22px}.document-card{padding:16px}.care-timeline li{gap:9px 14px}.care-timeline li>p{padding:16px}.timeline-stage h3{margin-top:4px}}
@media print{.emergency-panel,.preparation-card,.care-timeline li{break-inside:avoid}.emergency-panel .emergency-button{display:inline-flex!important}.care-timeline li{grid-template-columns:38px 1fr 1.3fr}.document-grid{grid-template-columns:1fr 1fr}}

/* User-supplied region artwork. The PNGs retain transparency and share one visual scale. */
.region-art{display:block;width:40px;height:40px;object-fit:contain;flex-shrink:0}.region-icon .region-art{width:42px;height:42px}.switch-region .region-art{width:30px;height:30px}.region-switcher summary>.region-art{width:38px;height:38px}.card-region-art{width:42px;height:42px;margin-left:auto}.document-cover .region-art{width:33px;height:33px;margin-bottom:1px}.region-button[data-region=breast] .region-icon,.region-button[data-region=skin] .region-icon{color:inherit;background:#edf5f8}
.region-label small{color:#405963;font-size:.9rem}
.region-icon{position:relative;overflow:visible}.region-index{position:absolute;right:-7px;bottom:-7px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#285a6d;color:#fff;font-size:.68rem;font-weight:700;line-height:1;box-shadow:0 2px 6px #203c4826}.brachy-option .region-index{background:#81633b}.region-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--teal);flex-shrink:0;transition:background .15s,transform .15s}.region-arrow .icon{width:17px;height:17px}.region-button:hover .region-arrow{background:#dceff5;transform:translateX(2px)}
.region-icon{width:64px;height:64px;border-radius:16px}.region-icon .region-art{width:58px;height:58px}.region-index{right:-5px;bottom:-5px;min-width:25px;height:25px;font-size:.72rem}.region-button{gap:18px;min-height:112px}.switch-region .region-art{width:36px;height:36px}.region-switcher summary>.region-art{width:44px;height:44px}.card-region-art{width:50px;height:50px}.document-cover .region-art{width:38px;height:38px}
@media(max-width:560px){.region-icon{width:58px;height:58px}.region-icon .region-art{width:52px;height:52px}.region-button{gap:15px;min-height:102px}}
.care-escalation{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}.care-escalation .contact-strip{margin-top:0}.care-escalation .emergency-panel{margin-top:16px}.contact-strip h2{color:#75561f;font-size:1.25rem}
.care-timeline li{grid-template-columns:38px minmax(0,1fr);gap:18px}.timeline-card{display:grid;grid-template-columns:minmax(185px,.7fr) minmax(0,1.3fr);gap:24px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:#fff}.timeline-card>p{margin:0;color:var(--ink);font-size:.97rem}.timeline-stage h3{margin-top:0}.care-timeline li:not(:last-child):before{bottom:-1px}
@media(max-width:700px){.timeline-card{grid-template-columns:1fr;gap:12px;padding:18px}.care-timeline li{gap:13px}.timeline-card>p{font-size:.94rem}}
.phase-heading{margin-bottom:20px}.phase-heading h2{font-size:1.4rem;margin:8px 0}.phase-heading p{font-size:.94rem;color:var(--muted);margin:0}.phase-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;background:#eee2ca;color:#70501e}.acute-section{margin-top:28px}.late-effects-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.late-effects-section .phase-tag{background:#e5eaf5;color:#405a83}.late-effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.late-effect-card,.late-followup{border:1px solid #d6deeb;background:#f1f4fa;border-radius:14px;padding:24px}.late-effect-card h3,.late-followup h3{font-size:1.05rem}.late-effect-card ul{list-style:none;padding:0;margin:16px 0 0}.late-effect-card li{display:flex;gap:10px;line-height:1.85;padding:12px 0;border-top:1px solid #d6deeb}.late-effect-card li:first-child{border:0;padding-top:0}.late-effect-card li:last-child{padding-bottom:0}.late-effect-card li .icon{width:18px;height:18px;margin-top:5px;color:#496a8c}.late-followup{background:white}.late-followup p{margin:14px 0 0}.timing-note{font-size:.85rem;color:var(--muted);margin:16px 0 0}.large-text .late-effect-grid{grid-template-columns:1fr}
@media(max-width:1100px){.late-effect-grid{grid-template-columns:1fr}}
@media print{.late-effect-card,.late-followup{break-inside:avoid}.late-effect-grid{grid-template-columns:1fr 1fr}}
/* Interactive anatomical illustration and revised icon language. */
.region-picker{grid-template-columns:300px minmax(0,1fr)}.body-map{display:block;padding:26px 12px 16px}.map-caption{padding:0 10px}.body-map-stage{position:relative;width:100%;max-width:300px;margin:16px auto 0;aspect-ratio:300/520}.body-map-stage>svg{display:block;width:100%;height:100%}.body-hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;z-index:1}.body-hotspot span{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#006080;color:#fff;font-size:.77rem;font-weight:700;box-shadow:0 2px 6px #203c4830;transition:transform .15s,background .15s}.body-hotspot:hover span,.body-hotspot:focus-visible span{background:#943e72;transform:scale(1.18)}.body-hotspot:focus-visible{outline:3px solid #996015;outline-offset:0}.brand-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;overflow:hidden;background:#006080;box-shadow:0 3px 10px #0060802b}.brand-symbol img{display:block;width:100%;height:100%;object-fit:cover}.region-button[data-region=breast] .region-icon{color:#ab3a72;background:#faeaf1}.region-button[data-region=skin] .region-icon{color:#956641;background:#f7eee4}.global-nav{justify-content:flex-end}
@media(max-width:1100px){.region-picker{grid-template-columns:260px minmax(0,1fr)}.region-grid{grid-template-columns:1fr}}
@media(max-width:800px){.region-picker{grid-template-columns:1fr}.body-map{display:block;border-right:0;border-bottom:1px solid var(--line)}.body-map-stage{width:260px;max-width:100%}.region-grid{grid-template-columns:1fr 1fr}.global-nav{justify-content:flex-start;flex-basis:auto;order:0}.nav-item{flex:none}}
@media(max-width:560px){.region-grid{grid-template-columns:1fr}.global-nav{order:3;flex-basis:100%;justify-content:flex-end}.brand-symbol{width:40px;height:40px;border-radius:11px}.body-map-stage{width:270px}.nav-item .icon{display:block}}
@media print{.body-hotspot{display:none}}
/* User-provided body image: preserve the full frame and align HTML hotspots. */
.body-map-stage{aspect-ratio:2/3;max-width:300px;border-radius:12px;overflow:visible}.body-map-stage>img{display:block;width:100%;height:auto;border-radius:12px}.body-hotspot{width:36px;height:36px}.body-hotspot span{width:28px;height:28px}.body-map{padding-left:10px;padding-right:10px}

/* Editorial photo placeholders for region-specific patient guidance. */
.visual-guide{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:24px;align-items:center;margin:22px 0 30px;padding:18px;border:1px dashed #8ebdce;border-radius:16px;background:linear-gradient(135deg,#f1f9fc,#fffaf2)}.visual-placeholder{display:grid;place-items:center;min-height:230px;aspect-ratio:16/9;border:1px dashed #78aec2;border-radius:12px;background:radial-gradient(circle at 72% 28%,#ffffffcc 0 8%,transparent 28%),linear-gradient(145deg,#dceff6,#f6eee0);color:var(--teal-dark);overflow:hidden}.visual-placeholder-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;text-align:center}.visual-placeholder-mark .icon{width:42px;height:42px}.visual-placeholder-mark strong{font-size:.9rem}.visual-placeholder-mark small{padding:2px 8px;border-radius:999px;background:#ffffffb8;color:var(--muted);font-size:.72rem}.visual-guide-copy{min-width:0;padding:4px 2px}.visual-guide h3{font-size:1.08rem}.visual-caption{margin:7px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}@media(max-width:800px){.visual-guide{grid-template-columns:1fr;padding:14px;gap:16px}.visual-placeholder{min-height:180px}}
.visual-photo{display:block;width:100%;height:100%;min-height:230px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#e9f2f4}.visual-guide.acute-visual{border-color:#d7aa9e;background:linear-gradient(135deg,#fff5f1,#fffaf4)}.acute-visual .visual-placeholder{border-color:#d1a293;background:radial-gradient(circle at 72% 28%,#ffffffcc 0 8%,transparent 28%),linear-gradient(145deg,#f7e4df,#f6eee0);color:#8d4439}@media(max-width:800px){.visual-photo{min-height:0;height:auto}}

/* Cross-device safeguards for touch screens, notches and narrow viewports. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--canvas)}
html,body,#app{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
img,svg{max-width:100%}
button,a,summary{-webkit-tap-highlight-color:rgba(0,111,150,.16)}
.site-header{padding-top:env(safe-area-inset-top)}
.header-inner{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}
main{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}
footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}
.skip{left:max(20px,env(safe-area-inset-left))}
.skip:focus{top:max(12px,env(safe-area-inset-top))}
.reading-sidebar{max-height:calc(100dvh - 140px)}
.body-hotspot{width:44px;height:44px}
.reading-content,.visual-guide-copy,.region-label,.timeline-card,.document-title{overflow-wrap:anywhere}
@media(max-width:800px){
  .header-inner{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
  main{width:100%;max-width:100%;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
  .region-picker{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0}
  .body-map,.region-options,.reading-layout,.reading-sidebar,.reading-content,.region-switcher{width:100%;max-width:100%;min-width:0}
  .info-columns{grid-template-columns:1fr}
  .info-columns>*,.late-effect-grid>*,.region-grid>*{min-width:0}
  .article-nav{width:100%;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity}
  .article-nav a{scroll-snap-align:start}
}
@media(max-width:560px){
  .header-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .brand{grid-column:1;grid-row:1;min-width:0}
  .global-nav{grid-column:1;grid-row:2;order:initial;min-width:0;flex-basis:auto;justify-content:flex-start}
  .global-nav .nav-item{width:100%;min-width:0;justify-content:flex-start;white-space:normal;line-height:1.35}
  .header-tools{grid-column:1;grid-row:3;margin:0;justify-self:start;max-width:100%}
  main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .visual-guide-copy{padding:2px}
}
@media(hover:none){
  .region-button:hover,.nav-item:hover,.article-nav a:hover,.switch-region:hover,.document-card:hover{box-shadow:none;transform:none}
}

/* Keep the regional handout action readable in Thai at every breakpoint. */
.detail-top>.button{flex:0 0 auto;min-width:max-content;white-space:nowrap}
.detail-top>.button .icon{flex-shrink:0}
.care .card-heading>.icon{width:29px;height:29px}
.region-button:not(.brachy-option) .region-icon{background:#edf5f8}
@media(max-width:560px){.detail-top>.button{width:100%;min-width:0}}

/* User-selectable colour themes. Emergency red remains constant in every theme. */
:root{
  --theme-base:#e4f7fd;--surface:#fff;--surface-hover:#f5fbfd;--accent-strong:#d5edf5;--accent-line:#b8dce8;--region-icon-bg:#edf5f8;
  --header-a:#f5f0e6;--header-b:#fcfaf6;--header-c:#e3f5fa;--map-a:#e4f7fd;--map-b:#f6f1e7;--hotspot:#006080;
  --care-bg:#edf8fc;--care-line:#d1e7ef;--care-chip:#d3eaf3;--late-bg:#f1f4fa;--late-line:#d6deeb;--late-tag-bg:#e5eaf5;--late-tag-fg:#405a83;
  --visual-a:#f1f9fc;--visual-b:#fffaf2;--visual-line:#8ebdce;--materials-a:#f4efe5;--materials-b:#fdfbf7;--materials-c:#eaf6fb;
  --document-bg:#edf7fb;--document-line:#c4dee7;--document-rule:#afcfdb;--focus:#996015;--tap:rgba(0,111,150,.16);
  --secondary-bg:#f8f3ea;--secondary-strong:#eadfc9;--secondary-line:#e6dccb;--secondary-ink:#825a23;--secondary-icon-bg:#f3ecde;
  --contact-bg:#fbf7ee;--contact-line:#e3d7be;--contact-ink:#75561f;--brachy-bg:#fbf9f4;--brachy-icon-bg:#f0e9dc;--brachy-ink:#7b613e;--brachy-index:#81633b;
  --acute-visual-a:#fff5f1;--acute-visual-b:#fffaf4;--acute-visual-line:#d7aa9e;--body-photo-a:transparent;--body-photo-b:transparent;--body-photo-opacity:1
}
:root[data-theme=mint]{
  color:#183a2d;background:#f7fbf8;--ink:#183a2d;--muted:#4c685c;--teal:#2d7954;--teal-dark:#215d40;--line:#cfe0d5;--soft:#e8f7ed;--canvas:#f7fbf8;
  --theme-base:#c0edd0;--surface:#fff;--surface-hover:#f1faf4;--accent-strong:#d9f3e2;--accent-line:#a9d8b9;--region-icon-bg:#e1f6e8;
  --header-a:#eef8f1;--header-b:#fbfdfb;--header-c:#dff4e6;--map-a:#dff5e7;--map-b:#edf7f0;--hotspot:#2d7954;
  --care-bg:#e9f8ee;--care-line:#c5e5d0;--care-chip:#d0efdb;--late-bg:#f0f7f2;--late-line:#cfdfd4;--late-tag-bg:#deeee3;--late-tag-fg:#35634c;
  --visual-a:#eaf7ef;--visual-b:#f8fcf9;--visual-line:#8fc5a2;--materials-a:#e8f4ec;--materials-b:#fbfdfb;--materials-c:#dff3e6;
  --document-bg:#eaf8ef;--document-line:#b9ddc5;--document-rule:#9fcbb0;--focus:#256b49;--tap:rgba(45,121,84,.18);
  --secondary-bg:#edf7fa;--secondary-strong:#d6ebf1;--secondary-line:#c3dfe7;--secondary-ink:#315f6d;--secondary-icon-bg:#e3f2f6;
  --contact-bg:#edf7fa;--contact-line:#c3dfe7;--contact-ink:#315f6d;--brachy-bg:#f0f7f9;--brachy-icon-bg:#dceef3;--brachy-ink:#315f6d;--brachy-index:#477b88;
  --acute-visual-a:#eaf5f8;--acute-visual-b:#f5fafb;--acute-visual-line:#b8d9e3;--body-photo-a:#b9edcc;--body-photo-b:#e1f6e8;--body-photo-opacity:.82
}
:root[data-theme=lavender]{
  color:#362441;background:#faf7fc;--ink:#362441;--muted:#66556f;--teal:#7740a0;--teal-dark:#5c2d7c;--line:#ded2e6;--soft:#f3e8fb;--canvas:#faf7fc;
  --theme-base:#dbb0ff;--surface:#fff;--surface-hover:#faf4ff;--accent-strong:#ead5fa;--accent-line:#cfabe9;--region-icon-bg:#f1e3fc;
  --header-a:#f6eff9;--header-b:#fdfafd;--header-c:#ead9f7;--map-a:#eee0f8;--map-b:#f5eafa;--hotspot:#7740a0;
  --care-bg:#f5ecfc;--care-line:#dfc9ef;--care-chip:#ead8f7;--late-bg:#f5eff9;--late-line:#ded1e8;--late-tag-bg:#e9dcf2;--late-tag-fg:#624078;
  --visual-a:#f5ecfb;--visual-b:#fdf8ff;--visual-line:#c5a0dc;--materials-a:#f1e6f8;--materials-b:#fcf8fe;--materials-c:#e8d7f4;
  --document-bg:#f5ecfb;--document-line:#d8bfe9;--document-rule:#c4a2dc;--focus:#6b3591;--tap:rgba(119,64,160,.18);
  --secondary-bg:#f8edf4;--secondary-strong:#eed9e6;--secondary-line:#e3c8d8;--secondary-ink:#784960;--secondary-icon-bg:#f2e1eb;
  --contact-bg:#f8edf4;--contact-line:#e3c8d8;--contact-ink:#784960;--brachy-bg:#faf0f6;--brachy-icon-bg:#f0dce8;--brachy-ink:#784960;--brachy-index:#8c536f;
  --acute-visual-a:#f8eaf3;--acute-visual-b:#fdf6fa;--acute-visual-line:#dfbdd1;--body-photo-a:#d6a5ff;--body-photo-b:#f1e3fc;--body-photo-opacity:.82
}
:root{color:var(--ink);background:var(--canvas)}body{background:var(--canvas);color:var(--ink)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--focus)}button,a,summary{-webkit-tap-highlight-color:var(--tap)}
.site-header{background:linear-gradient(110deg,var(--header-a) 0%,var(--header-b) 42%,var(--header-c) 100%);border-bottom-color:var(--line)}
.brand{color:var(--teal-dark)}.language-switch{background:var(--surface)}
.nav-item:hover{background:var(--surface-hover)}.nav-item.active{background:var(--accent-strong);border-color:var(--accent-line)}
.region-picker,.region-button,.region-switcher,.switch-region,.button.secondary,.preparation-card,.care-timeline li>p,.timeline-card,.late-followup,.document-emblem,.document-card,.faq-item,.hospital-contact,.general-card{background:var(--surface)}
.body-map{background:linear-gradient(160deg,var(--map-a),var(--map-b))}.body-hotspot span{background:var(--hotspot)}.map-point.selected circle{fill:var(--teal)}
.body-map-stage{isolation:isolate;background:linear-gradient(160deg,var(--body-photo-a),var(--body-photo-b))}.body-map-stage>img{opacity:var(--body-photo-opacity)}
.region-button:hover{background:var(--surface-hover);border-color:var(--accent-line)}.region-button:not(.brachy-option) .region-icon{background:var(--region-icon-bg)}
.switch-region.active,.switch-region:hover,.button.secondary:hover{background:var(--soft)}.article-nav a:hover{background:var(--surface-hover)}.article-nav a.active{background:var(--accent-strong);color:var(--teal-dark)}
.info-card.care{background:var(--care-bg);border-color:var(--care-line)}.care .step,.check-dot{background:var(--care-chip)}
.care-timeline li:not(:last-child):before{background:var(--accent-line)}.timeline-marker{background:var(--soft);border-color:var(--accent-line);color:var(--teal-dark)}
.late-effect-card{background:var(--late-bg);border-color:var(--late-line)}.late-followup{border-color:var(--late-line)}.late-effect-card li{border-color:var(--late-line)}.late-effects-section .phase-tag{background:var(--late-tag-bg);color:var(--late-tag-fg)}
.visual-guide:not(.acute-visual){border-color:var(--visual-line);background:linear-gradient(135deg,var(--visual-a),var(--visual-b))}
.visual-guide.acute-visual{border-color:var(--acute-visual-line);background:linear-gradient(135deg,var(--acute-visual-a),var(--acute-visual-b))}
.regional-materials{background:linear-gradient(125deg,var(--materials-a),var(--materials-b) 48%,var(--materials-c));border-color:var(--line)}
.document-emblem,.document-card{border-color:var(--line)}.document-cover{background:var(--document-bg);border-color:var(--document-line)}.document-cover>span{background:var(--document-rule)}
.info-card.effects{background:var(--secondary-bg);border-color:var(--secondary-line)}.effects .step{background:var(--secondary-strong)}.bullet-number{color:var(--secondary-ink)}
.preparation-card{border-color:var(--secondary-line)}.preparation-icon{background:var(--secondary-icon-bg);color:var(--secondary-ink)}
.phase-heading .phase-tag{background:var(--secondary-strong);color:var(--secondary-ink)}.late-effects-section .phase-tag{background:var(--late-tag-bg);color:var(--late-tag-fg)}
.contact-strip{background:var(--contact-bg);border-color:var(--contact-line)}.contact-strip h2,.contact-strip h3{color:var(--contact-ink)}.contact-strip .alert-symbol{background:var(--secondary-strong);color:var(--contact-ink)}
.brachy-option{background:var(--brachy-bg)}.brachy-option .region-icon{background:var(--brachy-icon-bg);color:var(--brachy-ink)}.brachy-option .region-index{background:var(--brachy-index)}

.theme-picker{position:relative;flex-shrink:0}.theme-picker>summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:9px;cursor:pointer;list-style:none}.theme-picker>summary::-webkit-details-marker{display:none}.theme-picker>summary:hover,.theme-picker[open]>summary{background:var(--soft);border-color:var(--accent-line)}
.theme-preview{display:flex;align-items:center;justify-content:center;gap:3px;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:0 2px 6px #203c4814}.theme-preview i{display:block;width:6px;height:16px;border-radius:999px;transform:rotate(28deg)}.theme-preview i:nth-child(1){background:#58a7c1}.theme-preview i:nth-child(2){background:#c0edd0}.theme-preview i:nth-child(3){background:#dbb0ff}
.theme-menu{position:absolute;z-index:30;right:0;top:calc(100% + 8px);display:grid;gap:4px;width:210px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #203c4824}.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;text-align:left}.theme-menu button:hover,.theme-menu button.active{background:var(--soft);color:var(--teal-dark)}.theme-menu button>span:nth-child(2){flex:1}.theme-menu .icon{width:17px;height:17px}.theme-swatch{width:25px;height:25px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #203c4830}.theme-swatch.classic{background:linear-gradient(135deg,#f5f0e6 0 48%,#79bfd5 50%)}.theme-swatch.mint{background:#c0edd0}.theme-swatch.lavender{background:#dbb0ff}
@media(max-width:560px){.theme-menu{left:0;right:auto}.header-tools{flex-wrap:wrap}}
@media print{.theme-picker{display:none!important}}