/* Self-contained showcase. All assets and typefaces are local. */
:root{color-scheme:light;--ink:#243f53;--muted:#637787;--blue:#365e7a;--pale:#edf3f6;--line:#dce3e7;--paper:#f8f9f7;--amber:#92651d;--amber-bg:#fcf4e4;--sidebar:230px;--banner:38px;font-family:"Yu Gothic UI","Meiryo",sans-serif;font-size:16px;line-height:1.65;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}a{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #397ca9;outline-offset:4px}main:focus{outline:none}button:hover .icon{transform:translateX(1px)}button .icon{transition:transform .15s}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;line-height:1.45}h1{font-size:30px;letter-spacing:.015em}h2{font-size:20px}h3{font-size:18px}small{font-size:13px}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.07em;color:var(--muted);font-weight:650;line-height:1.6}.eyebrow+h1,.eyebrow+h2{margin-top:5px}.heading-rule{display:inline-block;width:26px;border-top:1px solid #a9bcc8;vertical-align:middle;margin:0 8px}.heading-period{color:#7294ac}.tiny-label{font-size:12px}.demo-banner{position:sticky;top:0;height:var(--banner);z-index:60;background:#e7edf0;color:#425e70;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #d6e0e6;font-size:13px;letter-spacing:.035em}.demo-banner strong{font-weight:600}.demo-dot{width:6px;height:6px;background:#7593a5;border-radius:50%}.banner-note{position:absolute;right:30px;font-size:11px;color:#667f90}.skip-link{position:fixed;z-index:100;left:250px;top:-100px;background:white;padding:8px 16px}.skip-link:focus{top:45px}.sidebar{position:fixed;top:var(--banner);left:0;bottom:0;width:var(--sidebar);z-index:30;border-right:1px solid var(--line);background:#fcfdfb;padding:32px 18px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 4px}.brand strong{font-size:21px;letter-spacing:-1px;display:block;white-space:nowrap}.brand small{font-size:11px;letter-spacing:.19em;display:block;margin-top:1px;color:var(--muted)}.brand-dot{color:#829baf}.brand img{width:43px;height:43px}.sidebar-label{margin:40px 17px 14px;font-size:11px;color:#81939e;letter-spacing:.15em}.nav-item{position:relative;display:flex;align-items:center;width:100%;padding:14px 15px;border-radius:6px;gap:12px;margin:4px 0;text-align:left;font-size:15px;font-weight:550;transition:background .16s}.nav-item>small{margin-left:auto;font-family:Consolas,monospace;font-size:10px;color:#8b9ba6}.nav-item:hover{background:#f0f4f5}.nav-item.active{background:#eaf0f4;color:#244f6c}.nav-item.active:before{content:"";position:absolute;left:0;height:18px;width:3px;border-radius:3px;background:#466e8a}.nav-item.active .icon{stroke-width:2}.sidebar-concept{padding:28px 17px;margin-top:auto;color:#718493}.role-path{display:flex;align-items:center;gap:11px;margin:13px 0}.role-path span{font-size:13px;border:1px solid #dce5ea;background:#f5f8f9;padding:3px 10px;border-radius:3px}.role-path i{font-style:normal;font-size:12px}.sidebar-concept p{font-size:13px;line-height:1.95}.sidebar-line{width:35px;height:1px;background:#c3d2db;margin:22px 0 13px}.sidebar-concept>small{font-size:11px;letter-spacing:.15em}.sidebar-footer{border-top:1px solid var(--line);padding:20px 10px 0;font-size:11px;color:#738591;letter-spacing:.02em}.sidebar-footer small{font-size:10px;display:block;padding-left:15px;margin-top:6px;letter-spacing:.07em}.offline-dot{display:inline-block;width:5px;height:5px;background:#7a9388;border-radius:50%;margin-right:8px;vertical-align:middle}.workspace{margin-left:var(--sidebar);min-height:calc(100vh - var(--banner));background-image:linear-gradient(#48617a05 1px,transparent 1px),linear-gradient(90deg,#48617a05 1px,transparent 1px);background-size:24px 24px}.topbar{height:72px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#fdfefbdc;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:16px;font-size:12px;color:#798b96}.breadcrumb>span{color:#b0bec7}.breadcrumb strong{font-weight:550;color:#405c70}.topbar-actions{display:flex;align-items:center;gap:21px}.sample-badge{font-size:11px;color:#718490;border:1px solid #d9e2e7;padding:3px 10px;border-radius:3px}.reset-button{display:flex;align-items:center;gap:7px;font-size:12px;color:#647b8d;padding:8px 0}.reset-button:hover{color:var(--blue)}.owner-avatar{font-size:11px;width:32px;height:32px;border:1px solid #e1e8ed;border-radius:50%;display:grid;place-items:center;background:#f0f3f3;color:#567187}main{max-width:1770px;margin:auto;padding:29px 36px 18px;min-height:calc(100vh - 169px)}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.view-heading h1{margin:7px 0}.view-heading>.badge{white-space:nowrap}.view-heading p.muted{font-size:14px}.date-stamp{display:flex;align-items:center;gap:12px;color:#678092;align-self:center}.date-stamp strong{font-size:13px;font-weight:550;display:block}.date-stamp small{display:block;text-align:right;font-size:11px;color:#8c9ba5;margin-top:4px}.metrics-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;margin-bottom:24px}.metric-card{padding:19px 23px;background:#fff;border:1px solid var(--line);border-radius:7px;text-align:left;box-shadow:0 2px 3px #203f5202;min-width:0;transition:border-color .2s,box-shadow .2s}.metric-card:hover{border-color:#9db4c5;box-shadow:0 3px 15px #28445d08}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#647c8e;font-weight:550}.metric-top>.icon{color:#8da6b8;width:18px;height:18px}.metric-value{display:flex;align-items:baseline;font-family:"Segoe UI",sans-serif;font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:11px 0 13px;gap:5px}.metric-value>span:not(.metric-rate):not(.metric-action){font-family:"Yu Gothic UI","Meiryo",sans-serif;font-size:14px;letter-spacing:0;margin-right:7px}.metric-value>small{font-family:"Yu Gothic UI","Meiryo",sans-serif;font-size:13px;font-weight:400;letter-spacing:0;color:#7b8c98}.metric-rate{margin-left:auto;font-size:24px;color:#517795}.metric-rate small{font-size:13px;margin-left:2px}.progress-track{height:5px;background:#e8eef2;border-radius:10px;overflow:hidden}.progress-fill{display:block;height:100%;background:#658aa4;border-radius:10px}.metric-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#738996;margin-top:12px;line-height:1.7}.metric-caption strong{font-weight:500;color:#54738a}.metric-pending{background:#fffdf9;border-color:#e7e0d4}.metric-pending .metric-value{color:#936b29}.status-dot{height:7px;width:7px;border-radius:50%;background:#b98c3e;box-shadow:0 0 0 4px #f7efde}.metric-action{margin-left:auto;color:#ab9270;font-size:20px}.dot-row{display:flex;gap:7px}.step-dot{width:25px;height:5px;border-radius:5px;background:#e7edf1}.step-dot.filled{background:#89a3b5}.badge{font-size:11px;line-height:1.5;border-radius:4px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:#f0f4f5;color:#687f8f;font-weight:550;white-space:normal}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:#e3edf4;color:#456e8c}.badge-neutral{background:#eef3f5;color:#607e90}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:11px 19px;border-radius:5px;line-height:1.5;font-size:14px;font-weight:550;border:1px solid transparent;transition:background .16s}.button-primary{background:#345c79;color:white;box-shadow:0 2px 4px #25465e0c}.button-primary:hover{background:#254860}.button-secondary{border-color:#cddbe4;background:#fff;color:#466b86}.button-secondary:hover{background:#f0f5f8}.text-button{display:inline-flex;align-items:center;gap:10px;padding:4px 0;font-size:12px;color:#426b88;font-weight:550;text-decoration:none}.text-button:hover{color:#173e59;text-decoration:underline;text-underline-offset:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;padding:24px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-header>h2{font-size:17px}.panel-header>.icon{color:#849eaf}.panel-header .eyebrow{font-size:11px;margin-bottom:4px}.home-main-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:23px;margin-bottom:24px}.proposal-panel{position:relative;overflow:hidden;padding:26px 30px 0;border:1px solid #cbdbe5;border-radius:7px;background:linear-gradient(110deg,#f1f6f9,#edf3f6);isolation:isolate}.role-heading{display:flex;align-items:center;gap:12px}.role-heading h2{font-size:16px}.role-heading .eyebrow{font-size:10px;color:#7690a3}.role-heading>.badge{margin-left:auto;align-self:flex-start}.role-avatar{font-family:Georgia,serif;font-size:20px;font-weight:bold;width:42px;height:42px;display:grid;place-items:center;border:1px solid #9fb5c4;border-radius:50%;color:#53758e;background:#f6f9fb;outline:1px solid #d2dfe8;outline-offset:3px;margin:4px 3px 4px 2px}.proposal-panel h3{font-size:27px;margin:22px 0 12px;line-height:1.6;letter-spacing:.025em}.proposal-copy{font-size:15px;line-height:1.95;color:#617b8e;position:relative;max-width:680px}.proposal-copy strong{font-weight:650;color:#395f7b;font-size:17px}.proposal-bottom{display:flex;align-items:center;gap:25px;margin:23px 0 22px}.proposal-footnote{border-top:1px solid #dbe5ec;display:flex;align-items:center;gap:7px;padding:10px 0;font-size:11px;color:#7791a5}.proposal-blueprint{position:absolute;right:-60px;bottom:32px;z-index:-1;width:280px;height:280px;opacity:.13;transform:rotate(-15deg)}.proposal-blueprint:after,.proposal-blueprint:before{content:"";position:absolute;top:50%;left:-50px;right:-50px;border-top:1px dashed #315b77}.proposal-blueprint:after{transform:rotate(90deg)}.proposal-blueprint img{width:100%;height:100%;filter:grayscale(1);mix-blend-mode:multiply}.secretary-panel{padding:26px 25px 16px}.secretary-panel h2{font-size:17px}.secretary-panel .panel-header{margin-bottom:12px}.secretary-copy{color:#637c8e;font-size:14px;line-height:1.9;padding-bottom:18px;border-bottom:1px solid #e8edef}.timeline{list-style:none}.secretary-panel .timeline{margin-top:14px}.timeline-item{display:flex;position:relative;gap:16px;width:100%;padding:13px 0;align-items:flex-start;text-align:left}.timeline-time{font-family:"Segoe UI",sans-serif;font-size:14px;color:#6d8799;flex-shrink:0;padding-top:1px;font-weight:500;min-width:43px}.timeline-content{position:relative;border-left:1px solid #dae4eb;padding-left:17px;min-width:0;flex:1}.timeline-content:before{content:"";position:absolute;top:7px;left:-4px;border-radius:50%;background:#a1b7c7;width:7px;height:7px}.timeline-content strong,.timeline-content h3{font-size:15px;font-weight:550;display:block}.timeline-content small{display:block;font-size:11px;color:#8396a3;margin-top:4px}.timeline-item>.icon{color:#7c9bb1;margin-top:3px}.timeline-item.is-next .timeline-time{color:#325f7e;font-weight:700}.timeline-item.is-next .timeline-content:before{background:#517fa0;box-shadow:0 0 0 3px #edf3f7}.timeline-item.is-next .timeline-content strong{color:#305b7a}.schedule-link{display:flex;justify-content:center;margin-top:13px;border-top:1px solid #e9eef1;padding-top:13px;width:100%}.fixed-date-note{display:flex;justify-content:center;align-items:center;gap:4px;color:#8c9da9;font-size:10px;margin-top:7px}.home-bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:23px;margin-bottom:23px}.home-bottom-grid .panel{padding:22px 24px 14px}.review-panel .panel-header{margin-bottom:8px}.count-label{font-size:11px;line-height:1;vertical-align:middle;background:#f5ecd9;color:#9b7939;border-radius:4px;margin-left:6px;padding:4px 7px}.review-list{display:flex;flex-direction:column}.review-row{display:flex;align-items:center;gap:17px;text-align:left;border-bottom:1px solid #edf0f2;padding:11px 0}.review-row:last-child{border-bottom:none}.review-row:hover .review-copy strong{color:#3e7fa7}.review-number{font-family:Consolas,monospace;font-size:12px;color:#9bb0be}.review-copy{flex:1;min-width:0}.review-copy small{font-size:10px;color:#8297a5;display:block;margin-bottom:1px}.review-copy strong{font-size:14px;font-weight:550;transition:color .2s}.review-row>.icon{color:#8ea5b5}.review-row>.badge{font-size:10px;white-space:nowrap}.overview-panel .panel-header{margin-bottom:24px}.overview-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.overview-module{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;min-width:0}.overview-module>span{height:41px;width:43px;display:grid;place-items:center;background:#f2f6f8;border:1px solid #e2eaef;border-radius:7px;color:#6d91aa;transition:background .15s}.overview-module:hover>span{background:#e3edf4}.overview-module strong{font-size:13px;font-weight:550}.overview-module small{font-size:10px;color:#8b9daa}.overview-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#8297a5;border-top:1px solid #ecf0f2;margin-top:20px;padding-top:11px}.flow-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed #cddae2;background:#f1f5f699;padding:17px 22px;border-radius:5px}.flow-caption{font-size:10px;line-height:1.8;color:#7790a2;padding-right:19px;margin-right:6px;border-right:1px solid #dbe4ea;white-space:nowrap}.flow-caption strong{font-size:12px;font-weight:550;color:#53738c}.flow-step{display:flex;gap:9px;align-items:flex-start;text-align:left;padding:0}.flow-step>span{font-size:9px;line-height:2;font-family:Consolas,monospace;color:#94aab9}.flow-step strong{font-size:12px;font-weight:550;display:block;white-space:nowrap}.flow-step small{display:block;color:#899ba8;font-size:10px;margin-top:2px;white-space:nowrap}.flow-step:hover strong{color:#427da2}.flow-arrow{color:#98aebb;font-size:17px}.page-footer{max-width:1770px;padding:2px 36px 18px;margin:auto;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#91a0aa;letter-spacing:.02em}
/* Shared secondary views */
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 17px}.section-heading h2{font-size:20px}.section-heading>.muted{font-size:13px}.plan-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.plan-progress{align-self:start;padding:30px}.plan-progress .panel-header h2{font-size:22px}.plan-number{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;max-width:240px;margin:30px auto;border-radius:50%;background:conic-gradient(#698da6 0 var(--progress),#e9eff2 var(--progress) 100%);isolation:isolate}.plan-number:before{content:"";position:absolute;inset:12px;border:1px solid #dce6ed;background:#fff;border-radius:50%;z-index:-1;box-shadow:0 0 0 4px #fff}.plan-number:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed #ccdbe5;z-index:-2}.plan-number strong{font:500 72px/1.2 "Segoe UI",sans-serif;color:#3b607b}.plan-number strong small{font-size:27px;margin-left:3px}.plan-number>span{font-size:12px;color:#8ba0ae}.legend-row{display:flex;justify-content:space-between;gap:20px;margin-top:12px;font-size:13px;color:#668195}.plan-summary{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border:1px solid #e1e8ec;border-radius:5px;background:#f8fafb}.plan-summary-item{padding:18px}.plan-summary-item+.plan-summary-item{border-left:1px solid #e1e8ec}.plan-summary-item strong{display:block;font:500 26px/1.5 "Segoe UI","Yu Gothic UI",sans-serif;color:#3e617a}.plan-summary-item .metric-caption{margin:0 0 5px;font-size:12px}.plan-summary-item>.muted{font-size:11px;display:block;margin-top:3px}.plan-progress>p{font-size:14px;line-height:1.9;margin-bottom:18px}.plan-side{display:grid;gap:23px}.priority-list,.handoff-list{list-style:none;margin:0;padding:0}.priority-item{display:flex;gap:18px;padding:16px 0;border-top:1px solid #e9eef1}.priority-item:first-child{padding-top:0;border:0}.priority-number{flex:0 0 32px;height:32px;background:#f0f5f8;border:1px solid #e1e9ee;border-radius:50%;display:grid;place-items:center;font:12px "Segoe UI",sans-serif;color:#7493a9}.priority-item h3{font-size:16px;margin-bottom:5px}.priority-item p{font-size:14px;color:#728896;line-height:1.9}.priority-item .text-button{font-size:11px;margin-top:4px}.handoff-item{display:grid;grid-template-columns:93px 1fr;gap:10px;align-items:start;margin-bottom:16px}.handoff-role{display:flex;align-items:center;gap:8px;font-size:13px;color:#466d87;background:#eef4f7;padding:5px 7px;border-radius:4px}.handoff-role>span{font-size:10px;color:#8ea6b5}.handoff-item p{font-size:14px;color:#627e91;line-height:1.9;padding-top:2px}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.work-layout>.panel{align-self:start}.work-layout>div>.section-heading{margin-top:0}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:start}.kanban-column{background:#eef2f3;border:1px solid #e3e9ed;border-radius:6px;padding:13px;min-height:480px}.kanban-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.kanban-heading h2{font-size:14px;font-weight:600}.kanban-count{font-size:11px;background:#e2e9ec;padding:0 7px;border-radius:4px;color:#7791a2}.kanban-column[data-status=review]{background:#f7f3ea;border-color:#e9e0ce}.kanban-column[data-status=review] .kanban-heading{color:#987332}.kanban-column[data-status=review] .kanban-count{background:#ece2cc;color:#99773a}.kanban-column[data-status=done]{background:#edf3ef}.kanban-column[data-status=done] .kanban-heading{color:#668775}.task-card{padding:17px 14px;text-align:left;background:#fff;border:1px solid #dde6eb;border-radius:5px;display:block;width:100%;margin-top:13px;box-shadow:0 2px 4px #29485b03;transition:border-color .15s,transform .15s}.task-card:hover{border-color:#9bb4c6;transform:translateY(-2px)}.task-category{font-size:10px;color:#718c9f;letter-spacing:.05em;display:block;margin-bottom:10px}.task-card h3{font-size:15px;line-height:1.8}.task-meta{display:flex;flex-direction:column;gap:6px;margin-top:17px;color:#8599a7;font-size:11px}.task-owner{color:#5e7a8e;display:flex;align-items:center;gap:6px}.task-owner:before{content:"";height:5px;width:5px;border-radius:50%;background:#a8becd}.task-due{display:flex;align-items:center;gap:4px}.task-card>.text-button{font-size:10px;margin-top:13px;border-top:1px solid #f0f3f5;display:flex;justify-content:space-between;padding-top:10px}.timeline-date{font-size:12px;color:#8298a6;margin-bottom:22px}.work-layout aside.timeline ol{padding:0;list-style:none;margin:0}.work-layout aside.timeline .timeline-item{gap:12px;padding:10px 0 28px}.work-layout .timeline-content h3{font-size:14px}.work-layout .timeline-content p{font-size:10px;margin-top:6px}.work-layout .timeline-content .text-button{font-size:10px;margin-top:8px}.work-layout .timeline-content{padding-left:13px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.module-card{display:flex;flex-direction:column;padding:25px}.module-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.module-icon{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;background:#edf3f7;border:1px solid #e0e9f0;color:#7193ad}.module-card h2{font-size:20px;margin-bottom:11px}.module-description{font-size:14px;color:#6e8797;line-height:1.9;flex:1}.module-next{background:#f7f9fa;border:1px solid #edf1f3;border-radius:4px;margin:20px 0 13px;padding:12px 14px}.module-next>span{font-size:10px;color:#8b9eab;display:block;margin-bottom:4px}.module-next p{font-size:13px;color:#56758c}.module-card>.text-button{align-self:flex-end}.auxiliary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.auxiliary-card{border:1px dashed #cfdde5;border-radius:6px;padding:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#f4f7f7}.auxiliary-copy{flex:1;min-width:180px}.auxiliary-copy h3{font-size:16px}.auxiliary-copy p{font-size:12px;color:#7a909f;margin-top:5px}.auxiliary-card>.text-button{margin-left:auto}.auxiliary-card>.badge{font-size:10px}
/* Detail drawer: banner stays above the modal. */
[hidden]{display:none!important}.drawer-open{overflow:hidden}.drawer-layer{position:fixed;inset:var(--banner) 0 0;z-index:50}.drawer-backdrop{position:absolute;inset:0;background:#243e5260;backdrop-filter:blur(2px)}.detail-drawer{position:absolute;inset:0 0 0 auto;width:min(620px,100%);display:flex;flex-direction:column;background:#fff;box-shadow:-10px 0 50px #18344726;animation:drawer-in .2s ease-out;outline:none}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px 23px;border-bottom:1px solid #e2e9ed;flex-shrink:0}.drawer-header h2{font-size:24px;line-height:1.65;margin-top:7px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce5eb;border-radius:4px;color:#67859a;flex-shrink:0}.icon-button:hover{background:#eef4f7}.drawer-notice{padding:9px 30px;background:#edf3f6;font-size:12px;color:#607c90;border-bottom:1px solid #e2ebf0;flex-shrink:0}.drawer-body{padding:26px 30px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}.detail-status{display:flex;align-items:center;gap:14px;margin-bottom:16px}.detail-summary{font-size:16px;color:#546f81;line-height:1.9;margin-bottom:22px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;margin:0 0 26px;border:1px solid #e1e9ee;border-radius:5px;background:#f9fbfc}.detail-meta>div{padding:14px 17px}.detail-meta>div+div{border-left:1px solid #e1e9ee}.detail-meta dt{font-size:11px;color:#889eae}.detail-meta dd{font-size:13px;color:#51748e;margin:5px 0 0}.detail-section{margin:0 0 25px}.detail-section h3{font-size:16px;display:flex;align-items:center;gap:9px;margin-bottom:12px}.detail-section h3:before{content:"";width:3px;height:15px;background:#88a7bd;border-radius:2px}.detail-section p{font-size:15px;color:#667e8e;line-height:1.95;white-space:pre-line}.detail-section ul{margin:13px 0 0;padding:15px 17px 15px 34px;background:#f7f9fa;border:1px solid #e8eef1;border-radius:5px;color:#607d91;font-size:14px;line-height:1.9}.detail-section li+li{margin-top:8px}.detail-section li::marker{color:#97b1c3}.drawer-footer{padding:15px 30px 23px;background:#fcfdfc;border-top:1px solid #dce5ea;flex-shrink:0}.drawer-footer p{font-size:11px;color:#8196a4;margin-bottom:13px}.drawer-footer>div{display:flex;justify-content:space-between;gap:14px}.sns-preview{padding:28px;border:1px solid #b7cbd9;border-radius:5px;background-color:#edf3f5;background-image:linear-gradient(#51738c12 1px,transparent 1px),linear-gradient(90deg,#51738c12 1px,transparent 1px);background-size:20px 20px;color:#365b74}.sns-preview>span{font-size:11px;letter-spacing:.18em}.sns-preview>strong{font-size:25px;line-height:1.8;display:block;margin:20px 0}.sns-preview>div{font-family:Georgia,"Yu Gothic UI",serif;font-size:20px;display:flex;justify-content:space-between;align-items:center}.sns-preview>div>span{font-size:11px}.toast{position:fixed;z-index:80;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(650px,calc(100vw - 32px));background:#294b61;color:white;padding:15px 23px;border-radius:7px;box-shadow:0 4px 25px #1e394433;font-size:14px;line-height:1.7}.noscript-message{position:fixed;inset:30% 10%;background:white;z-index:90;padding:30px;border:1px solid var(--line)}
@keyframes drawer-in{from{transform:translateX(25px);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(min-width:1700px){:root{--sidebar:252px}.sidebar{padding-top:37px}.brand{margin-left:12px}.sidebar-label{margin-top:44px}.nav-item{font-size:16px;padding:16px}.topbar{padding-inline:43px;height:78px}main{padding:32px 43px 22px}.view-heading{margin-bottom:28px}.view-heading h1{font-size:32px}.view-heading p.muted{font-size:16px}.date-stamp strong{font-size:14px}.metrics-grid{gap:24px}.metric-card{padding:22px 26px}.metric-top{font-size:16px}.metric-value{font-size:49px;margin:13px 0 16px}.metric-caption{font-size:12px}.metric-pending .badge{font-size:12px}.home-main-grid{grid-template-columns:1.8fr 1fr;gap:26px}.proposal-panel{padding:29px 33px 0}.role-heading h2{font-size:18px}.proposal-panel h3{font-size:30px;margin-top:22px}.proposal-copy{font-size:17px}.proposal-copy strong{font-size:19px}.proposal-bottom{margin-top:26px}.button{font-size:15px;padding:12px 22px}.text-button{font-size:13px}.secretary-panel{padding:29px 30px 18px}.secretary-panel h2{font-size:19px}.secretary-copy{font-size:16px}.timeline-content strong{font-size:17px}.timeline-time{font-size:16px}.timeline-content small{font-size:12px}.timeline-item{padding:15px 0}.home-bottom-grid{gap:26px}.home-bottom-grid .panel{padding:24px 29px 17px}.panel-header>h2{font-size:19px}.review-copy strong{font-size:16px}.review-copy small{font-size:11px}.review-row{padding:12px 0}.overview-module strong{font-size:15px}.overview-module small{font-size:11px}.overview-modules{margin:29px 0 23px}.overview-footer{font-size:12px}.flow-strip{padding:18px 27px}.flow-step strong{font-size:14px}.flow-step small{font-size:11px}.flow-caption{font-size:11px}.flow-caption strong{font-size:13px}.flow-step>span{font-size:11px}.plan-layout{grid-template-columns:1fr 1.25fr}.plan-number{max-width:290px}.plan-number strong{font-size:88px}.plan-summary-item strong{font-size:32px}.priority-item h3{font-size:18px}.priority-item p,.handoff-item p{font-size:16px}.work-layout{grid-template-columns:minmax(0,1fr) 320px}.task-card h3{font-size:17px}.task-card{padding:21px 18px}.task-category{font-size:12px}.task-meta{font-size:12px}.work-layout .timeline-content h3{font-size:16px}.kanban-heading h2{font-size:16px}.module-card{padding:28px}.module-description{font-size:16px}.module-next p{font-size:15px}}
@media(max-width:1250px){:root{--sidebar:205px}.brand strong{font-size:19px}.brand img{width:35px;height:35px}.brand{gap:7px}.sidebar{padding-inline:12px}.nav-item{font-size:14px;gap:10px}.nav-item>small{display:none}main{padding:24px}.topbar{padding-inline:24px}.view-heading{align-items:flex-start}.date-stamp{display:none}.metrics-grid{gap:14px}.metric-card{padding:18px}.metric-caption{font-size:10px;gap:6px;flex-wrap:wrap}.metric-pending .metric-caption .badge{padding:2px 6px;font-size:10px}.home-main-grid{grid-template-columns:1.55fr 1fr;gap:18px}.proposal-panel{padding:23px 25px 0}.proposal-panel h3{font-size:25px}.proposal-copy{font-size:14px}.wide-break{display:none}.proposal-bottom{gap:15px;flex-wrap:wrap}.secretary-panel{padding-inline:19px}.secretary-panel h2{font-size:16px}.home-bottom-grid{grid-template-columns:1.25fr 1fr;gap:18px}.home-bottom-grid .panel{padding-inline:19px}.panel-header>.small{display:none}.flow-strip{padding:16px;gap:5px}.flow-caption{display:none}.work-layout{grid-template-columns:1fr}.work-layout>aside.timeline{display:block}.work-layout>aside.timeline ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.kanban-column{min-height:420px}.module-grid{gap:16px}.module-card{padding:20px}.module-top{flex-wrap:wrap}.module-card h2{font-size:18px}.plan-layout{grid-template-columns:1fr 1.1fr;gap:18px}.plan-progress{padding:24px}.plan-summary{grid-template-columns:1fr}.plan-summary-item+.plan-summary-item{border-left:0;border-top:1px solid #e1e8ec}.plan-summary-item strong{font-size:26px}.page-footer{padding-inline:24px}}
@media(max-width:960px){:root{--sidebar:78px}.brand{justify-content:center;margin:0}.brand>span,.sidebar-label,.nav-item>span,.sidebar-concept,.sidebar-footer{display:none}.sidebar{padding:24px 10px}.sidebar nav{margin-top:30px}.nav-item{justify-content:center;padding:17px 10px}.nav-item .icon{width:24px;height:24px}.topbar-actions{gap:14px}.home-main-grid{grid-template-columns:1fr}.home-bottom-grid{grid-template-columns:1fr}.secretary-panel .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.secretary-panel .timeline-item{gap:9px}.secretary-panel .timeline-content{padding-left:12px}.secretary-panel .timeline-content strong{font-size:13px}.secretary-panel .timeline-item>.icon{display:none}.secretary-copy br{display:none}.secretary-copy{padding-bottom:14px}.secretary-panel .fixed-date-note{display:none}.secretary-panel .schedule-link{margin-top:7px}.overview-modules{max-width:500px;margin:auto}.metrics-grid{grid-template-columns:1.3fr 1fr 1fr}.metric-card{padding:16px 14px}.metric-value{font-size:37px}.metric-value>small{font-size:10px}.metric-rate{font-size:21px}.metric-top{font-size:12px}.step-dot{width:19px}.plan-layout{grid-template-columns:1fr}.plan-summary{grid-template-columns:1fr 1fr}.plan-summary-item+.plan-summary-item{border-left:1px solid #e1e8ec;border-top:0}.plan-number{max-width:230px}.module-grid{grid-template-columns:repeat(2,1fr)}.auxiliary-grid{grid-template-columns:1fr}.kanban{gap:10px}.kanban-column{padding:9px}.task-card{padding:14px 11px}.task-card h3{font-size:14px}.flow-step strong{font-size:11px}.flow-step small{font-size:9px}.flow-step>span{display:none}.flow-arrow{font-size:13px}}
@media(max-width:660px){:root{--sidebar:0px;--banner:42px}.demo-banner{font-size:10px;letter-spacing:0;gap:6px}.banner-note{display:none}.sidebar{top:auto;bottom:0;left:0;right:0;width:100%;height:68px;padding:0 5px;background:#fcfdfc;box-shadow:0 -4px 20px #29495b09;border-top:1px solid #d4e1e9;z-index:35}.sidebar .brand{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin:0;height:100%}.nav-item{display:flex;flex-direction:column;gap:4px;justify-content:center;padding:6px 0 5px;margin:0;border-radius:0}.nav-item>span{display:block;font-size:10px;white-space:nowrap}.nav-item.active:before{left:30%;right:30%;top:0;width:40%;height:2px}.nav-item .icon{width:20px;height:20px}.workspace{padding-bottom:68px}.topbar{height:55px;padding:0 17px}.breadcrumb{font-size:10px;gap:8px}.breadcrumb>span,.breadcrumb>strong{display:none}.topbar-actions{gap:12px}.sample-badge{display:none}.reset-button{font-size:10px;gap:5px}.owner-avatar{height:25px;width:25px;font-size:9px}main{padding:24px 16px 18px;min-height:0}.view-heading{display:block;margin-bottom:21px}.view-heading h1{font-size:24px;margin:8px 0}.view-heading p.muted{font-size:12px;line-height:1.8}.view-heading>.button,.view-heading>.badge{margin-top:16px}.eyebrow{font-size:10px}.heading-rule{width:15px;margin:0 3px}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:19px}.metric-sales{grid-column:1 / -1}.metric-card{padding:17px 18px}.metric-sales .metric-value{font-size:40px;margin:10px 0}.metric-top{font-size:13px}.metric-caption{font-size:10px}.metric-pending .metric-caption .badge{margin-top:3px}.metric-value{font-size:36px;flex-wrap:wrap;gap:3px}.metric-value>small{font-size:10px}.metric-value>span:not(.metric-rate):not(.metric-action){font-size:12px;margin-right:3px}.metric-value .metric-action{display:none}.metric-rate{font-size:24px}.step-dot{width:18px}.dot-row{gap:4px}.home-main-grid,.home-bottom-grid{gap:18px;margin-bottom:19px}.proposal-panel{padding:22px 21px 0}.role-heading{gap:10px}.role-heading h2{font-size:15px}.role-heading>.badge{font-size:9px;padding:3px 6px}.role-avatar{width:34px;height:34px;font-size:17px}.proposal-panel h3{font-size:24px;letter-spacing:0;margin-top:22px}.proposal-copy{font-size:14px}.proposal-bottom{gap:12px;margin:20px 0}.proposal-bottom .button{font-size:13px;padding:11px 16px}.proposal-bottom .text-button{font-size:11px}.proposal-footnote{font-size:9px}.proposal-blueprint{width:215px;height:215px;right:-65px;bottom:70px}.secretary-panel{padding:23px}.secretary-panel h2{font-size:17px}.secretary-copy{font-size:14px}.secretary-panel .timeline{display:block}.secretary-panel .timeline-item{gap:18px;padding:14px 0}.secretary-panel .timeline-content{padding-left:20px}.secretary-panel .timeline-content strong{font-size:15px}.timeline-time{font-size:15px}.timeline-content small{font-size:11px}.secretary-panel .timeline-item>.icon{display:block}.home-bottom-grid .panel{padding:21px 18px 12px}.panel-header>h2{font-size:16px}.review-row{gap:10px;padding:12px 0}.review-row>.icon{display:none}.review-copy strong{font-size:13px}.review-number{font-size:11px}.review-row>.badge{font-size:9px;padding:3px 6px}.count-label{margin-left:3px}.overview-panel .panel-header{margin-bottom:22px}.overview-footer{font-size:10px}.flow-strip{overflow:visible;display:grid;grid-template-columns:1fr;gap:5px;padding:18px}.flow-caption{display:block;border:0;padding:0;margin:0 0 10px;font-size:10px}.flow-caption br{display:none}.flow-caption strong{font-size:11px;margin-left:6px}.flow-step{padding:6px 0;align-items:center}.flow-step>span{display:block;font-size:10px;min-width:23px}.flow-step>div{display:flex;flex:1;align-items:center;justify-content:space-between}.flow-step strong{font-size:13px}.flow-step small{font-size:11px;margin:0}.flow-arrow{display:none}.page-footer{padding:0 16px 22px;display:block;font-size:9px}.page-footer>span{display:block;margin-top:3px}.plan-progress{padding:22px}.plan-progress .panel-header{align-items:flex-start}.plan-progress .panel-header h2{font-size:20px}.plan-progress .panel-header>.badge{display:none}.plan-number{max-width:210px}.plan-summary-item{padding:14px}.plan-summary-item strong{font-size:21px}.plan-summary-item .metric-caption{font-size:11px}.plan-summary-item .muted{font-size:10px}.legend-row{font-size:11px}.plan-side>.panel{padding:22px}.priority-item p{font-size:14px}.handoff-item{grid-template-columns:78px 1fr;gap:10px}.handoff-role{font-size:11px;padding-inline:5px;gap:4px}.handoff-item p{font-size:13px}.work-layout .section-heading{align-items:baseline}.section-heading{margin-top:24px}.section-heading h2{font-size:18px}.section-heading>.muted{font-size:10px}.work-layout{gap:19px}.kanban{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kanban-column{min-height:0;padding:11px}.kanban-heading h2{font-size:14px}.task-card h3{font-size:14px}.task-card{padding:15px 12px}.task-meta{font-size:11px}.work-layout>aside.timeline ol{display:block}.work-layout .timeline-content h3{font-size:16px}.work-layout .timeline-content p{font-size:12px}.work-layout .timeline-content .text-button{font-size:11px}.module-grid{grid-template-columns:1fr;gap:16px}.module-card{padding:23px}.module-top{margin-bottom:17px}.module-card h2{font-size:21px}.module-description{font-size:15px}.module-next p{font-size:14px}.module-card .text-button{font-size:13px}.auxiliary-card{padding:18px;gap:12px}.auxiliary-copy{min-width:150px}.auxiliary-copy h3{font-size:15px}.drawer-header{padding:19px 20px 17px;gap:12px}.drawer-header h2{font-size:21px;line-height:1.55}.drawer-notice{font-size:10px;padding:8px 20px}.drawer-body{padding:22px 20px}.detail-summary{font-size:15px}.detail-meta{grid-template-columns:1fr}.detail-meta>div{padding:11px 15px}.detail-meta>div+div{border-left:0;border-top:1px solid #e1e9ee}.detail-meta dd{font-size:13px}.detail-section p{font-size:14px}.detail-section ul{font-size:13px}.drawer-footer{padding:13px 20px 19px}.drawer-footer p{font-size:10px}.drawer-footer .button{font-size:12px;padding:10px 11px;gap:7px}.drawer-footer>div{gap:8px}.toast{bottom:85px;font-size:12px;min-width:280px;padding:13px 17px}.sns-preview>strong{font-size:21px}.skip-link{left:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The livestream composition keeps the full management story in one HD frame. */
@media(min-width:1700px){
  .topbar{height:64px}
  main{padding-top:22px;padding-bottom:14px}
  .view-heading{margin-bottom:20px}
  .view-heading h1{font-size:29px;margin:3px 0}
  .metrics-grid{margin-bottom:20px}
  .metric-card{padding:16px 23px}
  .metric-value{font-size:42px;margin:7px 0 9px}
  .metric-caption{margin-top:8px}
  .home-main-grid{margin-bottom:20px}
  .proposal-panel{padding:20px 29px 0}
  .proposal-panel h3{font-size:28px;margin:16px 0 8px;line-height:1.55}
  .proposal-panel h3 br{display:none}
  .proposal-copy{font-size:16px;line-height:1.8}
  .proposal-copy strong{font-size:18px}
  .proposal-bottom{margin:17px 0 16px}
  .proposal-footnote{padding:9px 0}
  .secretary-panel{padding:20px 26px 12px}
  .secretary-panel .panel-header{margin-bottom:8px}
  .secretary-copy{font-size:14px;line-height:1.7;padding-bottom:9px}
  .secretary-copy br{display:none}
  .secretary-panel .timeline{margin-top:7px}
  .secretary-panel .timeline-item{padding:7px 0}
  .timeline-content strong{font-size:16px;line-height:1.5}
  .timeline-content small{font-size:11px;line-height:1.5;margin-top:3px}
  .schedule-link{margin-top:7px;padding-top:8px}
  .fixed-date-note{display:none}
  .home-bottom-grid{margin-bottom:18px}
  .home-bottom-grid .panel{padding:18px 24px 11px}
  .panel-header>h2{font-size:18px}
  .review-panel .panel-header{margin-bottom:4px}
  .review-row{padding:7px 0}
  .review-copy strong{font-size:15px;line-height:1.5}
  .review-copy small{font-size:10px;line-height:1.5}
  .overview-panel .panel-header{margin-bottom:17px}
  .overview-modules{margin:0}
  .overview-footer{margin-top:13px;padding-top:8px}
  .flow-strip{padding:13px 24px}
  .page-footer{padding-bottom:11px}
}
@media(min-width:1700px){
  main:has(.metrics-grid){padding-top:16px}
  .home-main-grid .proposal-panel h3{font-size:26px;line-height:1.45}
  .home-main-grid .role-avatar{height:36px;width:36px;font-size:18px}
  .home-main-grid .proposal-copy{line-height:1.7}
  .home-main-grid .timeline-item{padding-block:4px}
  .home-main-grid .secretary-panel .panel-header{margin-bottom:5px}
  .home-bottom-grid .panel{padding-top:13px;padding-bottom:8px}
  .home-bottom-grid .review-row{padding-block:4px}
  .home-bottom-grid .overview-module>span{height:35px;width:37px}
  .home-bottom-grid .overview-panel .panel-header{margin-bottom:12px}
  .home-bottom-grid .overview-footer{margin-top:10px}
}

@media(min-width:961px) and (max-width:1699px){
  .topbar{height:64px}
  main{padding-top:20px}
  .view-heading{margin-bottom:20px}
  .view-heading h1{font-size:28px;margin:4px 0}
  .metrics-grid{margin-bottom:20px}
  .metric-card{padding:15px 20px}
  .metric-value{font-size:40px;margin:8px 0 10px}
  .home-main-grid .proposal-panel{padding:20px 26px 0}
  .home-main-grid .role-avatar{width:36px;height:36px;font-size:18px}
  .home-main-grid .proposal-panel h3{font-size:25px;line-height:1.5;margin:16px 0 8px}
  .home-main-grid .proposal-copy{font-size:15px;line-height:1.75}
  .home-main-grid .proposal-bottom{margin:18px 0 16px}
  .home-main-grid .secretary-panel{padding:20px 22px 14px}
  .home-main-grid .secretary-panel .panel-header{margin-bottom:8px}
  .home-main-grid .timeline-item{padding:9px 0}
}
@media(max-width:660px){.demo-banner{font-size:11px}}