html,body.standalone-island{margin:0!important;padding:0!important;height:100%;overflow:hidden;background:#7fc0d4}.standalone-island .resource-island{height:100dvh;padding:0;max-width:none}.resource-layout{display:block;height:100%}.resource-explore{position:absolute;inset:0 400px 0 0;width:auto}.island-stage{position:absolute;inset:0;height:100%;min-height:0;border-radius:0;overflow:hidden}.island-stage #scene,.island-stage:has(.resource-detail:not([hidden])) #scene{width:100%;height:100%;margin:0;border-radius:0}.island-brand{position:fixed;top:20px;left:20px;z-index:12;background:#fffffff5;padding:14px 18px;border-radius:20px;display:flex;gap:24px;align-items:center;box-shadow:0 5px 24px #10294215}.island-brand>a{display:flex;align-items:center;gap:12px;color:#102942;text-decoration:none;font-weight:700;font-size:24px}.island-brand small{display:block;font-size:20px}.island-brand .home-link{font-size:20px}.scene-toolbar{position:absolute;top:20px;right:20px;z-index:10;background:#fffffff5;border-radius:16px;padding:6px;max-width:50%;flex-wrap:wrap}.scene-toolbar span{display:none}.resource-results{position:absolute;right:0;top:0;bottom:0;width:400px;height:100dvh;background:#fafbf7;padding:24px;overflow:auto;box-shadow:-4px 0 24px #10294212}.resource-results h1{font-size:30px;letter-spacing:0}.resource-results>p{font-size:20px}.resource-search-box{box-shadow:none;background:none;padding:0;border:0}.resource-topic{margin:8px 0;padding:14px;border-radius:12px}.resource-topic p{display:none}.resource-topic .resource-eyebrow{font-size:18px}.resource-topic h3{margin:4px 0}.island-stage>.resource-detail{top:132px;left:20px;bottom:20px;width:min(380px,40%);max-height:none;border-radius:20px;z-index:8;background:#fffffff5;padding:22px}.resource-detail .resource-related{display:grid}.resource-detail .resource-related h3{margin-top:8px}.resource-detail .related-link{text-align:left;width:100%}.resource-detail .resource-actions{margin-top:22px}.resource-detail .resource-actions a{background:#102942;color:#fff;width:100%;justify-content:center}.resource-back{float:right;margin:0 0 16px 12px}.resource-detail h2{clear:both}.resource-detail>.resource-eyebrow{clear:both}.resource-detail .resource-note{font-size:18px}.resource-detail a{overflow-wrap:anywhere}#island-menu,#index-close{display:none}#pins .zp{font-size:18px}#pins .tp{max-width:300px;white-space:normal;font-size:18px}#scene canvas{touch-action:none}.resource-results :focus-visible,.resource-detail :focus-visible{outline:3px solid #876813;outline-offset:3px}
@media(max-width:1150px) and (min-width:1000px){.resource-explore{right:350px}.resource-results{width:350px}.island-brand{gap:10px}.island-brand .home-link{display:none}.island-stage>.resource-detail{width:310px}.scene-toolbar{max-width:45%}}
@media(max-width:999px){.resource-explore,.resource-explore:has(.resource-detail:not([hidden])){position:absolute;inset:0;width:100%}.island-brand{top:12px;left:12px;padding:10px 12px;gap:10px}.island-brand>a{font-size:20px;gap:8px}.island-brand img{width:30px;height:30px}.island-brand small{font-size:18px}.island-brand .home-link{font-size:18px}.scene-toolbar{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:none;justify-content:center}.scene-toolbar button{flex:1}#island-menu,#index-close{display:block}.resource-results{display:none;z-index:20;top:auto;bottom:0;width:100%;height:75dvh;border-radius:24px 24px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.standalone-island.index-open .resource-results{display:block}#index-close{position:sticky;top:0;margin-left:auto;z-index:2;background:white}.island-stage>.resource-detail{position:absolute;top:auto;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:auto;height:48dvh;max-height:48dvh;padding:18px;z-index:10}.standalone-island.index-open .resource-detail{display:none}.island-stage:has(.resource-detail:not([hidden])) #scene{height:48%;width:100%;margin:0;top:50px}.island-stage #scene{height:100%;top:0}#pins .zp{font-size:18px;max-width:180px;white-space:normal}.resource-results [tabindex]{scroll-margin-top:70px}.resource-topic h3 button{font-size:22px}.resource-back{font-size:20px}}
@media(prefers-reduced-motion:reduce){#scene{transition:none}}
.island-stage>.resource-detail{background:#fff}.standalone-island .resource-back{background:#fff}
/* Warm miniature-world interface, with readable brand colours. */
.standalone-island{font-family:'Noto Sans TC','PingFang TC',sans-serif;color:#102942}.standalone-island h1,.standalone-island h2,.island-brand small{font-family:'Noto Serif TC','Songti TC',serif;font-weight:800}.island-brand,.scene-toolbar,.resource-results,.island-stage>.resource-detail{background:#faf6ed}.island-brand{border:1px solid #e5daca}.resource-results{border-left:1px solid #d8cdbb}.resource-results h1{font-size:34px}.resource-zone-list button{background:#fffaf1;border-color:#d6c9b5}.resource-topic{background:#fffaf4;border-color:#d6c9b5}.resource-topic h3 button{color:#102942}.resource-detail h2{font-size:30px}.scene-toolbar button{background:#fffaf4;color:#102942;min-height:48px}.scene-toolbar{max-width:56%}.island-tour{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d8cdbb;border-radius:28px;padding:36px;background:#faf6ed;color:#102942;box-shadow:0 24px 90px #10294240}.island-tour::backdrop{background:#10203299;backdrop-filter:blur(5px)}.island-tour h2{font-size:32px;line-height:1.45;margin:16px 0}.tour-step{font-size:18px;font-weight:700;letter-spacing:.08em;color:#725817}.tour-copy{font-size:20px;line-height:1.8}.tour-count{font-size:18px;color:#455568}.tour-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.tour-actions button{font:inherit;font-size:20px;min-height:48px;border:1px solid #a59b88;border-radius:12px;padding:12px 16px;background:#fff;color:#102942;cursor:pointer}.tour-actions [data-next]{margin-left:auto;background:#102942;color:white}.island-tour :focus-visible{outline:3px solid #98731e;outline-offset:4px}.tour-actions [hidden]{display:none}#pins .zp,#pins .tp{background:#fffaf1;color:#102942;box-shadow:0 3px 10px #10294220;border:1px solid #d4c6af}#pins .zp.cur{background:#102942;color:white}#pins .zp b{background:#f0dfae;color:#102942}
@media(max-width:999px){.scene-toolbar{max-width:none}.scene-toolbar button{font-size:20px;padding:8px}.island-tour{padding:24px}.island-tour h2{font-size:28px}.tour-actions{gap:8px}.tour-actions button{padding:10px}.island-brand .home-link{font-size:18px}}
.island-tour{box-sizing:border-box}.island-tour p{margin-inline:0}.island-tour h2{color:#102942}
.resource-examples{display:none}.location-fold{margin:16px 0}.location-fold summary{font-size:20px;cursor:pointer;min-height:48px;padding:10px 0;color:#102942}.resource-location{padding-top:12px}.resource-zone-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;counter-reset:district}.resource-zone-list button{border:0;border-bottom:1px solid #d8cdbb;border-radius:0;text-align:left;min-height:58px;background:transparent;padding:12px 8px;font-size:20px}.resource-zone-list button:not(:first-child){counter-increment:district}.resource-zone-list button:not(:first-child)::before{content:'0' counter(district);font:italic 700 25px 'Noto Serif TC',serif;color:#725817;display:inline-block;min-width:44px}.resource-zone-list button[aria-pressed=true]{background:#ede2cb;color:#102942;border-radius:12px}.resource-results h1{margin:0 0 8px}.resource-results>p{margin:0 0 18px}.resource-search-row{gap:8px}.resource-search-box label{font-size:20px}.resource-search-box input{font-size:20px}