/* Scoped presentation for focused scenarios and the report overlay. */
#sos-page{--sf-surface:var(--pk-white,#fff);--sf-ink:var(--pk-ink,#1E2330);--sf-secondary:var(--pk-ink-2,#4A5168);--sf-edge:rgba(174,189,212,.55);--sf-soft:rgba(174,189,212,.14);--sf-focus:var(--pk-info,#3B6FA0);--sf-warning-bg:var(--pk-glow,#FCF3DB);--sf-warning-ink:var(--pk-night,#1E2330);--sf-page:var(--pk-mist,#F4F1EC);--sf-inverse:var(--pk-white,#fff);--sf-dark:var(--pk-night,#1E2330)}
.map-dim #sos-page{--sf-surface:#252C3A;--sf-edge:rgba(174,189,212,.3);--sf-soft:rgba(174,189,212,.1);--sf-focus:#AEBDD4;--sf-warning-bg:#3E332A;--sf-warning-ink:#F5E9DF;--sf-page:#171B26;--sf-dark:#DCE3ED;--sf-inverse:#1E2330}
#sos-page .sos-focus-ui{color:var(--sf-ink);line-height:1.55}
#sos-page .sos-focus-ui *{box-sizing:border-box}
#sos-page .sos-focus-ui [hidden]{display:none!important}
#sos-page .sos-focus-ui h1,#sos-page .sos-focus-ui h2,#sos-page .sos-focus-ui h3,#sos-page .sos-focus-ui p{margin:0}
#sos-page .sos-focus-ui h1{font-size:var(--fs-24,24px);line-height:1.4}
#sos-page .sos-focus-ui h2{font-size:var(--fs-20,20px);line-height:1.4}
#sos-page .sos-focus-ui p+p{margin-top:10px}
#sos-page .sos-focus-ui button,#sos-page .sos-focus-ui input,#sos-page .sos-focus-ui textarea{font-family:inherit;color:inherit}
#sos-page .sos-focus-ui button{cursor:pointer}
#sos-page .sos-focus-ui a{color:var(--sf-secondary);text-underline-offset:3px}
#sos-page .sos-focus-ui button:focus-visible,#sos-page .sos-focus-ui a:focus-visible,#sos-page .sos-focus-ui summary:focus-visible{outline:3px solid var(--sf-focus);outline-offset:3px}
#sos-page .sos-focus-ui .main-button{color:var(--sf-inverse)}
#sos-page .sos-focus-ui .call-button{color:#fff}
#sos-page .sos-focus-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#sos-page .sos-focus-ui .quiet{border:0;background:transparent;color:var(--sf-secondary);min-height:44px;padding:8px;font-size:var(--fsc-tool-small,13px);text-decoration:underline;text-underline-offset:4px}
#sos-page .sos-focus-ui .kicker{font-size:var(--fsc-tool-note,12px);font-weight:800;color:var(--sf-secondary);letter-spacing:.08em;margin-bottom:4px}
#sos-page .sos-focus-ui .muted{color:var(--sf-secondary);font-size:var(--fsc-tool-body,14.5px)}
#sos-page .sos-focus-ui .section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#sos-page .sos-focus-ui .entry-lead{margin:8px 0 20px;color:var(--sf-secondary);font-size:var(--fsc-tool-body,14.5px)}
#sos-page .sos-focus-ui .scene-group{margin:20px 0 8px;font-size:var(--fsc-tool-small,13px);font-weight:700;color:var(--sf-secondary)}
#sos-page .sos-focus-ui .scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sos-page .sos-focus-ui .scene-tile{display:flex;align-items:center;gap:9px;min-height:66px;padding:12px 10px;text-align:left;border:1px solid var(--sf-edge);background:var(--sf-surface);border-radius:12px}
#sos-page .sos-focus-ui .scene-tile .tile-name{flex:1;font-size:var(--fsc-tool-strong,16px);font-weight:800;line-height:1.4}
#sos-page .sos-focus-ui .scene-tile .tile-sub{font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary);font-weight:400;display:block}
/* 情境磚的圖示（2026-10-12）：map.html 不載 pk-icons.css（r697），原本這一條只剩 background ⇒ 20×20 實心方塊（10-11 紅米 b82 實錄）。
   改成跟 pk-icons.css 同一套「遮罩＋背景色」，用到的圖示在下面逐一定義、只限情境磚範圍；字串與 pk-icons.css 逐字相同（scripts/test-sos-tile-icons.js 對帳）。 */
#sos-page .sos-focus-ui .scene-tile .pk-i{width:20px;height:20px;flex:none;background:var(--sf-secondary);-webkit-mask:var(--pk-i) no-repeat center/contain;mask:var(--pk-i) no-repeat center/contain}
#sos-page .sos-focus-ui .scene-tile .pk-i--alert{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.29 3.86-8.47 14.14A2 2 0 0 0 3.53 21h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile .pk-i--thermometer{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0z'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile .pk-i--sunrise{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v6'/%3E%3Cpath d='m4.9 10.9 1.4 1.4'/%3E%3Cpath d='M2 18h2'/%3E%3Cpath d='M20 18h2'/%3E%3Cpath d='m17.7 12.3 1.4-1.4'/%3E%3Cpath d='M22 22H2'/%3E%3Cpath d='m8 6 4-4 4 4'/%3E%3Cpath d='M16 18a4 4 0 0 0-8 0'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile .pk-i--backpack{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 5V4a3 3 0 0 1 6 0v1'/%3E%3Cpath d='M9 13h6v5H9z'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile .pk-i--droplet{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile .pk-i--mountain{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 3 4 8 5-5 5 15H2z'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile .pk-i--map{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3z'/%3E%3Cpath d='M9 3v15'/%3E%3Cpath d='M15 6v15'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile .pk-i--footprints{--pk-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v-2.38C4 11.5 3 10.5 3 8c0-2.72 1.5-6 4.5-6C9.4 2 10 3.8 10 5.5c0 3.1-2 5.7-2 8.7V16a2 2 0 1 1-4 0z'/%3E%3Cpath d='M20 20v-2.38c0-1.12 1-2.12 1-4.62 0-2.72-1.5-6-4.5-6C14.6 7 14 8.8 14 10.5c0 3.1 2 5.7 2 8.7V20a2 2 0 1 0 4 0z'/%3E%3Cpath d='M16 17h4'/%3E%3Cpath d='M4 13h4'/%3E%3C/svg%3E")}
#sos-page .sos-focus-ui .scene-tile:hover{background:var(--sf-soft)}
#sos-page .sos-focus-ui .scene-tile.current{border:2px solid var(--sf-focus);background:var(--sf-soft)}
#sos-page .sos-focus-ui .scene-tile.other{background:var(--sf-page)}
#sos-page .sos-focus-ui .scene-title{font-size:var(--fs-23,23px);letter-spacing:-.02em}
#sos-page .sos-focus-ui .scene-top{margin-bottom:16px}
#sos-page .sos-focus-ui .scene-top button{padding-right:0}
#sos-page .sos-focus-ui .now{background:var(--sf-soft);border-left:3px solid var(--pk-sky);border-radius:0 12px 12px 0;padding:14px;margin:12px 0 18px}
#sos-page .sos-focus-ui .now.urgent{background:var(--sf-warning-bg);border-left-color:var(--pk-amber);color:var(--sf-warning-ink)}
#sos-page .sos-focus-ui .now .eyebrow{font-size:var(--fsc-tool-note,12px);font-weight:800;margin-bottom:5px}
#sos-page .sos-focus-ui .now h2{font-size:var(--fsc-sos-title,17.5px);margin-bottom:5px}
#sos-page .sos-focus-ui .now p{font-size:var(--fsc-tool-body,14.5px);line-height:1.65}
#sos-page .sos-focus-ui .now .safety{border-top:1px solid var(--sf-edge);padding-top:8px;margin-top:10px}
#sos-page .sos-focus-ui .now button{margin-top:8px}
#sos-page .sos-focus-ui .main-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;background:var(--sf-dark);border:0;border-radius:11px;color:var(--sf-inverse);font-weight:700;font-size:var(--fsc-sos-body,15.5px)}
#sos-page .sos-focus-ui .call-button{background:var(--pk-amber-btn,#A16743);color:var(--pk-white)}
#sos-page .sos-focus-ui .outline-button{border:1px solid var(--sf-edge);border-radius:11px;padding:10px 14px;background:var(--sf-surface);min-height:46px;font-size:var(--fsc-tool-body,14.5px);font-weight:700}
#sos-page .sos-focus-ui .action-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;flex-wrap:wrap}
#sos-page .sos-focus-ui .action-row .main-button{flex:1}
#sos-page .sos-focus-ui .crumbs{font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary);margin-bottom:10px}
#sos-page .sos-focus-ui .question{border:0;padding:0;margin:0;min-width:0}
#sos-page .sos-focus-ui .question legend{font-size:var(--fs-19,19px);font-weight:800;margin-bottom:6px;line-height:1.45;max-width:100%}
#sos-page .sos-focus-ui .question .help{font-size:var(--fsc-tool-small,13px);color:var(--sf-secondary);margin-bottom:12px}
#sos-page .sos-focus-ui .choice-list{display:flex;flex-direction:column;gap:7px}
#sos-page .sos-focus-ui .choice{display:flex;align-items:center;gap:11px;min-height:49px;padding:11px 12px;border:1px solid var(--sf-edge);border-radius:11px;background:var(--sf-surface);font-size:var(--fsc-sos-body,15.5px);line-height:1.45}
#sos-page .sos-focus-ui .choice input{width:19px;height:19px;flex:none;margin:0;accent-color:var(--sf-dark)}
#sos-page .sos-focus-ui .choice.selected{border:2px solid var(--sf-focus);padding:10px 11px;background:var(--sf-soft)}
#sos-page .sos-focus-ui .choice .rank{font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary);margin-left:auto;white-space:nowrap}
#sos-page .sos-focus-ui .choice:has(input:focus-visible){outline:2px solid var(--sf-focus);outline-offset:2px}
#sos-page .sos-focus-ui .question-footer{font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary);margin-top:10px}
#sos-page .sos-focus-ui .saved{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--sf-edge)}
#sos-page .sos-focus-ui details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;font-size:var(--fsc-tool-body,14.5px);font-weight:700}
#sos-page .sos-focus-ui details>summary:after{content:'＋';flex:none;font-size:var(--fsc-sos-title,17.5px)}
#sos-page .sos-focus-ui details[open]>summary:after{content:'−'}
#sos-page .sos-focus-ui details>summary::-webkit-details-marker{display:none}
#sos-page .sos-focus-ui .answer-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--sf-edge);padding:8px 0}
#sos-page .sos-focus-ui .answer-row div{flex:1;font-size:var(--fsc-tool-body,14.5px)}
#sos-page .sos-focus-ui .answer-row small{display:block;font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary)}
#sos-page .sos-focus-ui .answer-row button{flex:none}
#sos-page .sos-focus-ui .extras{border-top:1px solid var(--sf-edge);margin-top:18px;padding-top:6px}
#sos-page .sos-focus-ui .extras p,#sos-page .sos-focus-ui .extras li{font-size:var(--fsc-tool-body,14.5px);line-height:1.7}
#sos-page .sos-focus-ui .extras ul{padding-left:20px}
#sos-page .sos-focus-ui .extras a{display:block;padding:6px 0}
#sos-page .sos-focus-ui .context-note{font-size:var(--fsc-tool-small,13px);color:var(--sf-secondary);padding-top:8px}
#sos-page .sos-focus-ui .result-intro{font-size:var(--fsc-tool-small,13px);color:var(--sf-secondary);margin:7px 0 20px}
#sos-page .sos-focus-ui .steps{margin:0;padding:0;counter-reset:step;list-style:none}
#sos-page .sos-focus-ui .steps li{position:relative;padding:0 0 20px 36px;counter-increment:step}
#sos-page .sos-focus-ui .steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary);font-weight:800}
#sos-page .sos-focus-ui .steps b{display:block;font-size:var(--fsc-sos-title,17.5px);line-height:1.45;margin-bottom:5px}
#sos-page .sos-focus-ui .steps p{font-size:var(--fsc-sos-body,15.5px);line-height:1.75;color:var(--sf-secondary)}
#sos-page .sos-focus-ui .step-warning{background:var(--sf-warning-bg);padding:12px;border-radius:10px;font-size:var(--fsc-tool-body,14.5px);margin-bottom:18px;color:var(--sf-warning-ink)}
#sos-page .sos-focus-ui .figure-stack{margin:16px 0}
#sos-page .sos-focus-ui .figure-stack figure{margin:0 0 24px}
#sos-page .sos-focus-ui .figure-stack img{width:100%;height:auto;display:block;border-radius:10px}
#sos-page .sos-focus-ui .figure-stack figcaption{margin-top:8px;font-size:var(--fsc-tool-body,14.5px)}
#sos-page .sos-focus-ui .figure-stack figcaption b{display:block;font-size:var(--fsc-tool-strong,16px)}
#sos-page .sos-focus-ui .figure-stack .image-open{display:block;padding:0;border:0;background:transparent;width:100%}
#sos-page .sos-focus-ui .source-note{font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary);margin-top:8px}
#sos-page .sos-focus-ui .link-button{border:0;padding:10px 0;min-height:44px;text-align:left;background:transparent;color:var(--sf-secondary);font-size:var(--fsc-tool-body,14.5px);text-decoration:underline;text-underline-offset:4px}
#sos-page .sos-focus-ui .change-alert{margin:10px 0;font-size:var(--fsc-tool-small,13px);font-weight:700;color:var(--sf-secondary)}
#sos-page .sos-focus-ui .guide-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
#sos-page .sos-focus-ui .related{display:flex;gap:8px;padding-top:16px;margin-top:10px;border-top:1px solid var(--sf-edge);align-items:center;justify-content:space-between;font-size:var(--fsc-tool-small,13px);color:var(--sf-secondary)}

#sos-page .sos-focus-dialog,#sos-page .sos-report-dialog{box-sizing:border-box;width:min(94vw,560px);max-height:86dvh;overflow:auto;padding:18px;border:1px solid var(--sf-edge);border-radius:16px;background:var(--sf-surface);color:var(--sf-ink);box-shadow:0 15px 80px rgba(0,0,0,.25)}
#sos-page .sos-focus-dialog::backdrop,#sos-page .sos-report-dialog::backdrop{background:rgba(30,35,48,.56)}
#sos-page .sos-focus-ui .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#sos-page .sos-focus-ui .dialog-head h2{font-size:var(--fs-18,18px)}
#sos-page .sos-focus-dialog fieldset{margin-bottom:20px}
#sos-page .sos-focus-ui .dialog-text{font-size:var(--fsc-sos-body,15.5px);line-height:1.7}
#sos-page .sos-focus-ui .context-fields .question legend{font-size:var(--fsc-tool-strong,16px)}
#sos-page .sos-focus-ui .context-fields .choice-list{display:grid;grid-template-columns:1fr 1fr}
#sos-page .sos-focus-ui .context-fields .choice{font-size:var(--fsc-tool-body,14.5px);padding:8px}
#sos-page .sos-focus-ui .original-frame,#sos-page .sos-focus-ui .diagram-frame{display:block}
#sos-page .sos-focus-ui .original-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:1024/648}
#sos-page .sos-focus-ui .original-frame img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-9.505208333333333%)}
#sos-page .sos-focus-dialog img{width:100%;height:auto}
#sos-page .sos-focus-ui .firstaid{margin:0 0 18px;border-bottom:1px solid var(--sf-edge);font-size:var(--fsc-tool-body,14.5px)}
#sos-page .sos-focus-ui .firstaid p{padding-bottom:10px}
#sos-page .sos-focus-ui .firstaid a{display:block;padding:0 0 12px}
#sos-page .sos-focus-draft{box-sizing:border-box;width:100%;min-height:260px;padding:12px;margin-top:8px;border:1px solid var(--sf-edge);border-radius:10px;background:var(--sf-surface);font-size:var(--fsc-tool-strong,16px);line-height:1.6;resize:vertical}
#sos-page .draft-latest{white-space:pre-line}
#sos-page #sos-focus-draft-status{font-size:var(--fsc-tool-body,14.5px);line-height:1.6}
#sos-page .sos-report-button{min-height:44px;padding:8px 12px;border:1px solid var(--pk-sky,#AEBDD4);background:transparent;color:inherit;border-radius:10px;font-size:var(--fsc-tool-body,14.5px);font-weight:700;white-space:nowrap;cursor:pointer}
#sos-page .sos-report-dialog{height:min(86dvh,850px);position:fixed;overflow:hidden;padding:0}
#sos-page .sos-report-dialog[open]{display:flex;flex-direction:column}
#sos-page .sos-report-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--sf-edge)}
#sos-page .sos-report-head h2{margin:0;font-size:var(--fs-20,20px)}
#sos-page .sos-report-head p{margin:4px 0 0;font-size:var(--fsc-tool-note,12px);color:var(--sf-secondary)}
#sos-page .sos-report-head button{flex:none;min-height:44px;padding:8px;border:0;background:transparent;color:var(--sf-secondary);font-size:var(--fsc-tool-small,13px);cursor:pointer}
#sos-page .sos-report-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 12px 16px;background:var(--sf-page)}
#sos-page .sos-report-body>.bp-card{margin-bottom:12px}
#sos-page .sos-report-dialog .sos-pick,#sos-page .sos-report-dialog .sos-pick-shield{position:absolute}
#sos-page .sos-report-dialog .sos-pick-card{max-width:none;height:94%;max-height:94%}
#sos-page .sos-report-feedback{flex:none;margin:0;padding:10px 16px;border-top:1px solid var(--sf-edge);font-size:var(--fsc-tool-body,14.5px);line-height:1.6}
#sos-page .sos-report-feedback:empty{display:none}
#sos-page .sos-report-head .bp-live{color:var(--sf-secondary);margin-top:3px;display:flex}
@media(max-width:400px){#sos-page .sos-focus-ui .scene-title{font-size:var(--fs-22,22px)}#sos-page .sos-focus-ui .scene-tile{min-height:64px;padding:10px 8px}#sos-page .sos-focus-ui .tile-name{font-size:var(--fsc-sos-body,15.5px)}#sos-page .sos-report-head{padding:10px 12px}#sos-page .sos-report-body{padding:0 8px 8px}}
@media(prefers-reduced-motion:reduce){#sos-page .sos-focus-ui *{scroll-behavior:auto!important;transition:none!important}}

#sos-page .sos-focus-ui{font-size:var(--fsc-sos-body,15.5px)}
#sos-page .sos-focus-ui h1{font-size:calc(var(--fsc-sos-title,17.5px) + 6.5px)}
#sos-page .sos-focus-ui .scene-title{font-size:calc(var(--fsc-sos-title,17.5px) + 5.5px)}
#sos-page .sos-focus-ui h2,#sos-page .sos-report-head h2{font-size:calc(var(--fsc-sos-title,17.5px) + 2.5px)}
#sos-page .sos-focus-ui .question legend{font-size:calc(var(--fsc-sos-title,17.5px) + 1.5px)}
#sos-page .sos-focus-ui .dialog-head h2{font-size:calc(var(--fsc-tool-title,17px) + 1px)}
#sos-page .sos-focus-ui .now h2{font-size:var(--fsc-sos-title,17.5px)}
#sos-page .sos-focus-ui .context-fields .question legend{font-size:var(--fsc-tool-strong,16px)}