:root{--font-display: "Titillium Web", "Segoe UI", system-ui, sans-serif;--font-body: "Titillium Web", "Segoe UI", system-ui, sans-serif;--font-data: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--color-primary: #067FBC;--color-primary-dark: #066493;--color-primary-deep: #054F76;--color-primary-light: #51B8EC;--color-brand-logo: #0066A7;--color-neutral: #DDDBDB;--color-logo-grey: #878889;--color-background: #F2F5F6;--color-background-sunken: #E6EAEC;--color-surface: #FFFFFF;--color-surface-muted: #F0F2F3;--color-surface-hover: #F5F9FC;--color-surface-selected: #EAF4FA;--color-text-primary: #032130;--color-text-secondary: #45565E;--color-text-muted: #6B7A80;--color-text-disabled: #9AA8AE;--color-border: #DDDBDB;--color-border-subtle: #E6EAEC;--color-border-strong: #C9D3D8;--color-info: #066493;--color-info-bg: #EAF4FA;--color-info-border: #C6E1F1;--color-warning: #8A6113;--color-warning-bg: #FAF4E7;--color-warning-border: #E4D3AC;--color-error: #A32219;--color-error-bg: #FBEEEC;--color-error-border: #E8C6C1;--color-success: #0E7C61;--color-outlook: #5A6B72;--color-outlook-bg: #F0F2F3;--color-outlook-border: #D5DBDE;--status-draft-bg: #F0F2F3;--status-draft-border: #D5DBDE;--status-draft-text: #5A6B72;--status-draft-bar: #878889;--status-approved-bg: #EAF6FD;--status-approved-border: #BFE2F6;--status-approved-text: #066493;--status-approved-bar: #51B8EC;--status-executed-bg: #E1EFF8;--status-executed-border: #A5CFE8;--status-executed-text: #055C89;--status-executed-bar: #067FBC;--status-logged-bg: #032130;--status-logged-border: #032130;--status-logged-text: #FFFFFF;--status-logged-bar: #51B8EC;--space-unit: 4px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--content-max: 1240px;--page-pad-x: 32px;--page-pad-x-mobile: 16px;--header-h: 64px;--tabbar-h: 44px;--demobar-h: 36px;--sticky-offset: 152px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 3px;--border-default: 1px solid var(--color-border);--border-subtle: 1px solid var(--color-border-subtle);--border-input: 1px solid var(--color-border-strong);--shadow-none: none;--shadow-header: 0 1px 0 0 var(--color-border);--shadow-sticky: 0 1px 3px rgba(3, 33, 48, .06);--shadow-paper: 0 2px 16px rgba(3, 33, 48, .14);--shadow-device: 0 2px 12px rgba(3, 33, 48, .1);--focus-ring: 0 0 0 3px rgba(6, 127, 188, .18);--focus-outline: 2px solid var(--color-primary);--transition-fast: .12s ease-out;--transition-default: .16s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:.9375rem;line-height:1.55;color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);font-weight:600}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.num,.unit,table td.num,table th.num{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.unit{color:var(--color-text-muted)}:focus-visible{outline:var(--focus-outline);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.demo-nav{position:sticky;top:0;z-index:200;height:var(--demobar-h);width:100%;background:var(--color-text-primary);border-bottom:1px solid #0A3A50}.demo-nav-inner{max-width:var(--content-max);height:100%;margin:0 auto;padding:0 var(--page-pad-x);display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none}.demo-nav-inner::-webkit-scrollbar{display:none}.demo-nav-tag{font-family:var(--font-display);font-weight:600;font-size:.6875rem;color:#6e828b;display:flex;align-items:center;padding-right:20px;margin-right:20px;border-right:1px solid #12455C;white-space:nowrap}.demo-nav-item{padding:0 14px;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:inset 0 -2px 0 0 transparent;transition:var(--transition-fast)}.demo-nav-label{font-family:var(--font-display);font-size:.75rem;color:#a8b6bc}.demo-nav-phase{font-family:var(--font-data);font-size:.625rem;line-height:1;padding:3px 5px;border-radius:2px;border:1px solid #12455C;color:#6e828b}.demo-nav-phase.is-p1{border-color:#1d5f7e;color:var(--color-primary-light)}.demo-nav-item:hover .demo-nav-label{color:#dce4e7}.demo-nav-item.active{box-shadow:inset 0 -2px 0 0 var(--color-primary-light)}.demo-nav-item.active .demo-nav-label{color:#fff}@media(max-width:768px){.demo-nav-inner{padding:0 var(--page-pad-x-mobile);overflow-x:auto}}.app-main{max-width:var(--content-max);margin:0 auto;padding:0 var(--page-pad-x) var(--space-3xl)}@media(max-width:900px){.app-main{padding:0 var(--page-pad-x-mobile) var(--space-3xl)}}.page-head{margin-top:var(--space-2xl);margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.page-head h1{font-size:1.75rem;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary)}.page-head-meta{font-size:.8125rem;color:var(--color-text-muted);margin-top:6px}.page-head-actions{display:flex;gap:12px;flex-shrink:0}.page-hint{font-size:.8125rem;color:var(--color-text-muted);margin-top:4px}.section-card{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-lg)}.section-card h2{font-size:1.125rem;padding-bottom:var(--space-sm);border-bottom:var(--border-subtle);margin-bottom:var(--space-lg)}.divider-v{width:1px;align-self:stretch;background:var(--color-border)}.btn{font-family:var(--font-display);font-weight:600;font-size:.875rem;height:38px;padding:0 18px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast);border:1px solid transparent}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-primary:active{background:var(--color-primary-deep);border-color:var(--color-primary-deep)}.btn-primary:disabled,.btn-primary[disabled]{background:#edf0f1;border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-primary-dark);border-color:var(--color-primary)}.btn-secondary:hover{background:var(--color-surface-selected)}.btn-secondary:active{background:#dcecf7}.text-action{color:var(--color-primary);font-family:var(--font-display);font-weight:600;font-size:.8125rem;background:none;border:none;padding:0;cursor:pointer}.text-action:hover{text-decoration:underline;text-underline-offset:3px}.text-action:active{color:var(--color-primary-deep)}.text-action.destructive{color:var(--color-error)}.text-action.destructive:hover{color:#8a1c14}.phase-tag-wrap[data-astro-cid-ejomxai2]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phase-tag[data-astro-cid-ejomxai2]{display:inline-flex;align-items:baseline;gap:6px;padding:3px 9px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.75rem;line-height:1.4;white-space:nowrap}.pt-phase[data-astro-cid-ejomxai2]{font-family:var(--font-display);font-weight:600}.pt-sep[data-astro-cid-ejomxai2]{opacity:.5}.pt-stories[data-astro-cid-ejomxai2]{font-size:.6875rem}.pt-now[data-astro-cid-ejomxai2]{background:var(--color-surface-selected);border-color:var(--color-info-border);color:var(--color-primary-dark)}.pt-later[data-astro-cid-ejomxai2]{background:var(--color-outlook-bg);border-color:var(--color-outlook-border);border-style:dashed;color:var(--color-outlook)}.pt-note[data-astro-cid-ejomxai2]{font-family:var(--font-display);font-size:.75rem;color:var(--color-text-muted)}