:root{--font-geist-sans:Geist,Arial,sans-serif;--blue:#354789;--navy:#123f73;--ink:#202634;--muted:#6e7480;--line:#e1e2e5;--warm:#f8f7f3}*{box-sizing:border-box}body{margin:0;background:var(--warm);color:var(--ink);font-family:Geist,Arial,sans-serif;font-size:14px}button,a,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8c9ddb;outline-offset:3px}.top{height:76px;display:flex;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f8f7f3f5;backdrop-filter:blur(15px);z-index:20}.brand{font-weight:750;font-size:16px;letter-spacing:-.7px}.brand span{color:var(--blue);display:block;font-size:11px;letter-spacing:2.5px;margin-top:2px}.studio{border-left:1px solid var(--line);padding-left:25px;font-weight:600}.studio span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.pill{display:inline-block;font-size:11px;border:1px solid #dedfdc;border-radius:20px;padding:5px 10px;color:#6c6556;background:#f3f0e8;white-space:nowrap}.top>.pill{margin-left:auto}.layout{display:grid;grid-template-columns:266px minmax(0,1fr);max-width:1800px;margin:auto}aside{padding:24px 14px;height:calc(100vh - 76px);position:sticky;top:76px;overflow:auto;border-right:1px solid var(--line)}aside a{display:flex;gap:10px;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.4;color:#646c7b;margin-bottom:2px}aside a:hover{background:#eaeef6}aside a.active{color:var(--blue);background:#e5eaf5;font-weight:650}aside a.overview{background:var(--blue);color:white;font-weight:650;padding:13px;margin-bottom:16px}aside summary{font-size:10px;font-weight:700;letter-spacing:1.1px;color:var(--blue);padding:16px 10px 8px;cursor:pointer}aside .num{font-size:10px;opacity:.7;min-width:17px}.nav-label{padding:20px 12px 8px;text-transform:uppercase;letter-spacing:1.3px;color:#8c919a;font-size:10px}main{padding:34px 38px 70px;max-width:1450px;width:100%}.eyebrow{color:var(--blue);font-size:11px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}h1{font-size:34px;font-weight:600;letter-spacing:-1.3px;line-height:1.2;margin:0 0 12px}h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0 0 12px}h3{font-weight:600;font-size:14px;margin:0 0 8px}p{line-height:1.7;margin:0 0 12px}.sub{color:var(--muted);max-width:760px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px}.metric label{font-size:11px;color:var(--muted)}.metric strong{font-size:28px;font-weight:500;display:block;margin:8px 0}.metric small{font-size:10px;color:var(--muted)}.brief{padding:29px;border-radius:16px;background:var(--navy);color:white;margin:26px 0}.brief .eyebrow{color:#b8cce5}.brief h2{font-size:25px}.brief p{color:#d0dced}.brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.brief-grid a{border:1px solid #ffffff30;background:#ffffff07;padding:17px;border-radius:10px;transition:background .2s}.brief-grid a:hover{background:#ffffff16}.brief-grid p{font-size:12px;margin:8px 0}.brief-grid small{font-size:11px;color:#bdcfe5}.section{margin-top:34px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sectionhead h2{margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.group-title{min-height:32px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--blue);margin-bottom:12px}.card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;padding:14px 12px;border-radius:11px;margin-bottom:9px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #18365b0b}.badge{background:var(--navy);color:white;min-width:33px;height:36px;display:grid;place-items:center;border-radius:7px;font-size:11px}.card b{font-size:12px;font-weight:550;line-height:1.4;display:block}.card small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.arrow{margin-left:auto;color:#8993a5}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note{border-left:3px solid #c6cfdf;padding:12px 16px;background:#eff2f7;color:#5d6677;font-size:12px;line-height:1.7;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.step{border:1px solid var(--line);border-radius:10px;padding:16px;background:white}.step small{display:block;color:var(--blue);margin-bottom:12px}.step b{font-size:12px;font-weight:550}ul{padding-left:18px;line-height:1.9;margin:8px 0}.panel p,.panel li{font-size:13px;color:#647080}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tab{border:1px solid var(--line);border-radius:8px;padding:9px 14px;background:white;color:#667084}.tab.selected{background:var(--blue);color:white;border-color:var(--blue)}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:600px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;background:#f0f2f5;color:#6b7280}th,td{padding:16px 18px;border-bottom:1px solid #edf0f3}td{font-size:12px;line-height:1.6}tr:last-child td{border:0}.empty{padding:35px;text-align:center;color:#70798a}.empty h3{color:var(--ink)}.search{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:white;width:240px}.back{display:inline-block;color:var(--blue);font-size:12px;margin-bottom:24px}.footer{margin-top:35px;color:#9399a1;font-size:10px}#menu{display:none;background:white;border:1px solid var(--line);border-radius:8px;padding:8px}@media(min-width:1550px){main{padding:40px 48px}.grid{gap:24px}}@media(max-width:1150px){.grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.brief-grid{grid-template-columns:1fr}.layout{grid-template-columns:235px minmax(0,1fr)}main{padding:28px 24px}.steps{grid-template-columns:1fr 1fr}}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.top{padding:0 16px;gap:12px;height:68px}.studio{display:none}#menu{display:block}.layout{display:block}aside{display:none}body.menu-open aside{display:block;position:fixed;top:68px;left:0;width:285px;z-index:15;background:var(--warm);height:calc(100vh - 68px);box-shadow:10px 0 30px #0002}main{padding:24px 16px}.two,.grid{grid-template-columns:1fr}h1{font-size:29px}.brief{padding:22px}.sectionhead{align-items:flex-start;flex-direction:column}.search{width:100%}.top>.pill{font-size:9px}.metric{padding:16px}}

.client-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.client-strip a{border-bottom:2px solid #dce2ed;padding:10px 0 14px}.client-strip b{display:block;color:var(--navy);font-size:13px}.client-strip span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.source-link{display:inline-block;color:var(--blue);font-size:12px;border-bottom:1px solid #cbd3e5;padding-bottom:3px;margin-top:8px}.toolbar .source-link{margin-right:20px}.panel a[href^="tel:"],.panel a[href^="mailto:"]{color:var(--blue);overflow-wrap:anywhere}@media(max-width:600px){.client-strip{grid-template-columns:1fr}.client-strip a{padding:8px 0}}
/* Official studio identity; transparent asset on the existing warm header. */
.brand{display:flex;align-items:center;flex-shrink:0}.studio-logo{display:block;width:270px;height:58px;object-fit:contain;object-position:left center}.top .studio{font-size:12px}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.studio-logo{width:230px;height:52px}.top{gap:10px}}@media(max-width:430px){.studio-logo{width:205px;height:49px}.top>.pill{display:none}.top #menu{margin-left:auto}}

/* Larger studio logo and right-aligned operating-system title. */
.studio-logo{width:324px;height:69.6px}.header-title{margin-left:auto;text-align:right;color:var(--blue);font-size:12px;font-weight:650;letter-spacing:1.2px;line-height:1.5;max-width:320px}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.studio-logo{width:276px;height:62.4px}.header-title{font-size:9px;letter-spacing:.65px;max-width:150px}.top{gap:8px}}@media(max-width:430px){.studio-logo{width:246px;height:58.8px}.header-title{max-width:105px;font-size:8px;letter-spacing:.3px}.top{padding:0 10px;gap:5px}.top #menu{margin-left:0;padding:6px}.brand{flex-shrink:1;min-width:0}.studio-logo{max-width:100%}}

.today-cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:24px}.today-cards .metric{border-top:3px solid #354789}.today-cards label{font-size:10px;letter-spacing:.7px}.today-cards .date-card strong{font-size:23px;line-height:1.4;margin:12px 0}.weather-source{font-size:10px;color:var(--muted);margin:8px 0 20px}.weather-source a{text-decoration:underline}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.today-cards{grid-template-columns:1fr 1fr}.today-cards .date-card{grid-column:1/-1}.today-cards .metric{padding:16px}.today-cards label{font-size:9px}}
/* Studio information cards */
.client-strip{gap:14px}.client-strip a{display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:transform .15s,box-shadow .15s,border-color .15s}.client-strip a:hover{transform:translateY(-2px);border-color:#b9c5df;box-shadow:0 6px 18px #18365b0b}.client-strip b{font-size:15px}.client-strip span{font-size:12px;line-height:1.6;margin-top:8px}@media(max-width:600px){.client-strip a{padding:18px;min-height:96px}}

.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-grid a{padding:20px}.daily-status{display:block;font-size:11px;color:#e2d9bd;margin:14px 0 10px}.daily-note{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff26;font-size:12px;color:#cbd9eb;line-height:1.7}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.daily-grid{grid-template-columns:1fr}}
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--blue);font-size:21px;line-height:1}.theme-toggle:hover{background:#eaeef6}html[data-theme="dark"]{color-scheme:dark;--warm:#111823;--ink:#e9eef7;--muted:#a5b2c5;--line:#303c4e;--blue:#a7bdf7;--navy:#b6d2f5}html[data-theme="dark"] .top{background:#111823f5}html[data-theme="dark"] .studio-logo{filter:brightness(0) invert(1);opacity:.95}html[data-theme="dark"] .metric,html[data-theme="dark"] .panel,html[data-theme="dark"] .card,html[data-theme="dark"] .step,html[data-theme="dark"] .client-strip a,html[data-theme="dark"] .tablewrap,html[data-theme="dark"] .search,html[data-theme="dark"] .tab,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] #menu{background:#1b2533;color:var(--ink)}html[data-theme="dark"] aside a{color:#b6c3d8}html[data-theme="dark"] aside a:hover,html[data-theme="dark"] .theme-toggle:hover{background:#27364b}html[data-theme="dark"] aside a.active{background:#2b3b57;color:#d6e3ff}html[data-theme="dark"] aside a.overview,html[data-theme="dark"] .tab.selected{background:#3c5294;color:#fff}html[data-theme="dark"] .badge{background:#304b72;color:#eff5ff}html[data-theme="dark"] .brief{background:#173d69}html[data-theme="dark"] .panel p,html[data-theme="dark"] .panel li{color:#b9c5d7}html[data-theme="dark"] .note{background:#1d2b40;color:#cad6e8;border-color:#526b94}html[data-theme="dark"] .pill{background:#30312d;border-color:#4a4a40;color:#ddd8bd}html[data-theme="dark"] th{background:#243145;color:#b9c7db}html[data-theme="dark"] td{border-color:var(--line)}html[data-theme="dark"] .today-cards .metric{border-top-color:#829bdb}html[data-theme="dark"] .client-strip a:hover{border-color:#7993c2}html[data-theme="dark"] .empty{color:var(--muted)}html[data-theme="dark"] .tab{border-color:var(--line)}@media(max-width:430px){.theme-toggle{width:30px;height:32px;font-size:19px}.header-title{font-size:7px;max-width:92px}.brand{flex:1}.top #menu{flex-shrink:0}}

.home-link{display:inline-flex;align-items:center;flex-shrink:0;padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--blue);font-size:12px;font-weight:600}.home-link[hidden]{display:none}.home-link:hover{background:#eaeef6}html[data-theme="dark"] .home-link{background:#243145;color:#d6e3ff}html[data-theme="dark"] .home-link:hover{background:#30425c}@media(max-width:1100px){.top:has(.home-link:not([hidden])) .header-title{display:none}.top:has(.home-link:not([hidden])) .home-link{margin-left:auto}}@media(max-width:600px){.top:has(.home-link:not([hidden])){height:104px;flex-wrap:wrap;align-content:center;row-gap:3px}.top:has(.home-link:not([hidden])) .brand{flex:1}.top:has(.home-link:not([hidden])) .home-link{order:5;width:100%;justify-content:center;padding:5px 10px;font-size:12px}.top:has(.home-link:not([hidden])) .studio-logo{height:54px;width:240px}body.menu-open .top:has(.home-link:not([hidden])) + .layout aside{top:104px;height:calc(100vh - 104px)}}
.pocket-open{border:1px solid #248060;background:#187450;color:white;border-radius:9px;padding:10px 13px;font-size:10px;letter-spacing:.7px;font-weight:700;flex-shrink:0}.pocket-open:hover{background:#125c3e}.pocket-dialog{border:1px solid var(--line);border-radius:22px;padding:0;background:var(--warm);color:var(--ink);width:min(1020px,95vw);max-height:94vh;margin:auto;overflow:auto;box-shadow:0 30px 100px #0007}.pocket-dialog::backdrop{background:#091323b8;backdrop-filter:blur(7px)}.pocket-header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid var(--line);gap:20px}.pocket-header p{font-size:10px;letter-spacing:1.5px;color:var(--blue);margin-bottom:5px}.pocket-header h2{margin:0;font-size:23px}.pocket-header button{width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;font-size:25px;flex-shrink:0}.pocket-layout{display:grid;grid-template-columns:370px 1fr;gap:45px;padding:28px 35px;align-items:center}.iphone{background:#15171b;border:3px solid #51555c;box-shadow:0 18px 32px #0003,inset 0 0 0 2px #000;border-radius:48px;padding:9px;position:relative;width:340px;margin:auto}.phone-island{position:absolute;z-index:2;top:20px;left:50%;transform:translateX(-50%);height:24px;width:102px;border-radius:20px;background:#111}.phone-screen{height:594px;overflow:auto;background:#f4f5f8;color:#23324a;border-radius:37px;padding:16px 18px 28px;scrollbar-width:none}.phone-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin:1px 7px 26px}.phone-brand{font-size:13px;letter-spacing:1.5px;color:#244c78;font-weight:700;border-bottom:1px solid #dbe1eb;padding-bottom:12px}.phone-brand span{font-size:8px;letter-spacing:1px;float:right;margin-top:4px}.phone-intro{margin:20px 0 14px}.phone-intro small{font-size:10px;color:#6b7b91;text-transform:capitalize}.phone-intro h2{font-size:23px;line-height:1.2;margin:9px 0;letter-spacing:-.8px}.phone-intro p{font-size:11px;color:#738096;margin:0}.phone-listen{width:100%;padding:11px;border:0;border-radius:10px;background:#dceee5;color:#166747;font-size:12px;font-weight:600}.speech-status{font-size:10px;margin:5px 0;color:#607489}.phone-stats{display:flex;gap:10px;margin:16px 0}.phone-stats span{background:white;border:1px solid #e1e6ed;border-radius:10px;padding:10px;flex:1;font-size:10px;color:#6a7b92}.phone-stats b{font-size:20px;color:#23486d;margin-right:5px}.phone-section{font-size:12px;margin:20px 0 10px}.phone-item{background:white;border:1px solid #dfe5ee;border-radius:13px;padding:13px 10px;display:flex;align-items:center;gap:10px;width:100%;text-align:left;color:#24334a;margin-bottom:9px}.phone-item:hover{border-color:#7b9bbb}.phone-item>span:nth-child(2){flex:1}.phone-time{font-size:11px;font-weight:650;color:#355c85}.phone-item small{display:block;font-size:9px;color:#78869a;margin-bottom:3px}.phone-item b{display:block;font-weight:600;font-size:12px;line-height:1.4}.phone-item em{font-size:9px;display:block;color:#9a773a;font-style:normal;margin-top:5px}.phone-back{background:none;border:0;padding:16px 0 0;color:#3d6591;font-size:11px}.phone-info{background:white;border:1px solid #e1e6ed;border-radius:12px;padding:16px}.phone-info b{font-size:12px}.phone-info p{font-size:12px;color:#687a90;margin:8px 0 13px;line-height:1.6}.phone-info small{font-size:9px;letter-spacing:.5px;color:#527198}.phone-info+.phone-listen{margin-top:14px}.task-circle{border:1px solid #d6dfeb;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:10px}.phone-disclaimer,.phone-demo{font-size:9px;color:#8691a1;line-height:1.6;margin-top:18px}.phone-bottom{height:4px;width:100px;background:#a1a4aa;border-radius:6px;position:absolute;bottom:18px;left:50%;transform:translateX(-50%)}.pocket-explainer{position:static;height:auto;border:0;padding:0;overflow:visible}.demo-tag{font-size:9px;letter-spacing:.8px;background:#e9e2c7;color:#776337;border-radius:6px;padding:7px 9px;display:inline-block}.pocket-level{font-size:10px;letter-spacing:1.5px;color:var(--blue);margin-top:28px}.pocket-explainer>h3{font-size:25px;line-height:1.25;letter-spacing:-.6px}.pocket-explainer>p:not(.pocket-level){color:var(--muted);font-size:14px}.pocket-dots{display:flex;gap:7px;margin:20px 0 28px}.pocket-dots span{width:22px;height:4px;background:var(--line);border-radius:3px}.pocket-dots span.active{background:#258062}.pocket-qr{display:flex;gap:17px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-start}.pocket-qr img{background:#fff;border-radius:9px;flex-shrink:0;width:116px;height:116px}.pocket-qr p,.voice-note p{font-size:12px;color:var(--muted);line-height:1.6}.pocket-qr a{font-size:12px;color:var(--blue);text-decoration:underline}.voice-note{margin-top:22px}.pocket-standalone>.top,.pocket-standalone>.layout{display:none}.pocket-standalone .pocket-explainer{display:none}.pocket-standalone .pocket-dialog{width:400px;max-width:100vw}.pocket-standalone .pocket-layout{display:block;padding:12px}.pocket-standalone .pocket-header h2{font-size:17px}.pocket-standalone #pocket-close{display:none}@media(max-width:1200px){.top .header-title{max-width:180px;font-size:10px}}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.pocket-layout{grid-template-columns:1fr;padding:20px 15px;gap:26px}.pocket-explainer{display:block!important}.pocket-header{padding:18px}.pocket-header h2{font-size:19px}.top{height:auto;min-height:76px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}.top .header-title{display:none}.pocket-open{margin-left:auto;font-size:8px;padding:9px}.top .studio-logo{width:220px}.pocket-explainer{max-width:400px;margin:auto}.pocket-standalone .pocket-explainer{display:none!important}}@media(max-width:430px){.top .studio-logo{width:160px}.pocket-open{font-size:7px;padding:8px 6px;letter-spacing:.1px}.iphone{width:310px}.phone-screen{height:560px;padding-left:14px;padding-right:14px}.pocket-qr{flex-direction:column}}
.todo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px;font-size:11px;color:#c9d9ed}.todo-demo{font-size:9px;letter-spacing:1px;border:1px solid #ffffff40;border-radius:6px;padding:6px 9px}.day-todos{display:grid;gap:12px}.day-todo{display:grid;grid-template-columns:64px 24px 1fr;gap:16px;padding:22px;background:#ffffff09;border:1px solid #ffffff30;border-radius:13px}.todo-time strong{font-size:20px;display:block;line-height:1.2}.todo-time>span{font-size:11px;color:#b7cce7;display:block;margin-top:6px}.todo-check{padding-top:3px}.todo-check input{width:19px;height:19px;accent-color:#69d0a6;cursor:pointer}.todo-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.todo-heading h3{font-size:16px;margin:0}.todo-heading>span{font-size:9px;color:#d7e4f4;border:1px solid #ffffff30;border-radius:20px;padding:4px 9px;white-space:nowrap}.brief .todo-place{font-size:12px;color:white;margin:9px 0}.todo-place span{color:#b8cde6}.brief .todo-summary{font-size:13px;margin:9px 0;line-height:1.65}.todo-owner{font-size:10px;color:#bccfe5}.todo-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}.todo-actions button{border:1px solid #ffffff40;background:#ffffff0d;border-radius:7px;padding:7px 11px;color:white;font-size:11px}.todo-actions button:hover{background:#ffffff24}.todo-state{font-size:10px;color:#ecd5a7;margin-left:auto}.is-done .todo-state{color:#9ae4bb}.is-done .todo-heading h3{text-decoration:line-through;color:#bfcedf}.todo-dialog{width:min(660px,94vw);max-height:90vh;overflow:auto;padding:27px;border:1px solid var(--line);background:var(--warm);color:var(--ink);border-radius:18px;margin:auto}.todo-dialog::backdrop{background:#081321b8;backdrop-filter:blur(5px)}.todo-dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.todo-dialog-head button{background:transparent;color:var(--ink);font-size:24px;border:1px solid var(--line);border-radius:8px;width:34px;height:34px;flex-shrink:0}.todo-dialog>p{font-size:13px;color:var(--muted)}.todo-detail-docs{padding:10px 15px;margin-top:18px;background:#354789;color:white;border:0;border-radius:8px}.demo-docs details{padding:16px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.demo-docs summary{cursor:pointer;font-weight:600;font-size:13px}.demo-docs summary span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin:5px 0}.demo-docs p{font-size:12px;color:var(--muted);margin-top:14px}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.day-todo{grid-template-columns:48px 20px 1fr;gap:9px;padding:15px 12px}.todo-time strong{font-size:16px}.todo-heading{align-items:flex-start;flex-direction:column;gap:7px}.todo-heading h3{font-size:14px}.todo-top{align-items:flex-start;flex-direction:column}.todo-state{margin-left:0;width:100%}.todo-actions button{font-size:10px;padding:7px}.todo-place span{display:block;margin-top:5px}}
.today-cards{grid-template-columns:1.2fr 1fr 1fr 1.15fr}.today-cards .weather-card{background:#e5f2ff;border-color:#c5def5;border-top-color:#7cb5e8;color:#1b4268}.weather-card label,.weather-card small{color:#4c7091}.news-card{text-align:left;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;justify-content:center}.news-card:hover{border-color:#7e9dcc;box-shadow:0 5px 18px #18365b12}.news-card-label{font-size:10px;color:var(--blue);letter-spacing:.7px;font-weight:650}.news-card strong{font-size:18px;line-height:1.35;margin:13px 0}.news-card small{line-height:1.6}.news-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;padding:28px;margin:auto;border:1px solid var(--line);border-radius:18px;background:var(--warm);color:var(--ink)}.news-dialog::backdrop{background:#081321b8;backdrop-filter:blur(5px)}.news-story{border:1px solid var(--line);background:#fff;padding:26px;border-radius:14px;min-height:300px}.news-story time{font-size:12px;color:var(--muted)}.news-story h3{font-size:25px;line-height:1.25;margin:18px 0}.news-story p{color:var(--muted)}.news-story a{color:var(--blue);text-decoration:underline;font-size:13px}.news-story small{display:block;color:var(--muted);font-size:10px;margin-top:20px}.news-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px}.news-controls button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);font-size:12px}.news-controls button:disabled{opacity:.35;cursor:default}.news-controls span{font-size:12px;color:var(--muted)}.news-verification{font-size:10px;color:var(--muted);margin:20px 0 0}.contact-list{display:grid;gap:14px;margin-top:20px}.contact-list a{overflow-wrap:anywhere;color:var(--blue)}.contact-list small{display:block;color:var(--muted);font-size:11px;margin:12px 0 7px}.contact-list .contact-president{margin-top:12px;font-size:14px}.contact-president strong{color:var(--ink)}html[data-theme="dark"] .today-cards .weather-card{background:#dbeeff;border-color:#a8cce9;color:#173c62}html[data-theme="dark"] .weather-card label,html[data-theme="dark"] .weather-card small{color:#456887}html[data-theme="dark"] .news-story,html[data-theme="dark"] .news-controls button{background:#1b2533}@media(max-width:1200px){.today-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){.today-cards .date-card{grid-column:1/-1}.news-card{grid-column:1/-1}.news-dialog{padding:20px}.news-story{padding:20px}.news-story h3{font-size:22px}}

.news-list{display:grid;gap:12px;max-height:56vh;overflow-y:auto;padding:3px 5px 3px 2px}.news-list-item{display:flex;flex-direction:column;text-align:left;gap:9px;border:1px solid var(--line);border-radius:13px;padding:21px;background:#fff;color:var(--ink);flex-shrink:0}.news-list-item:hover{border-color:#7d9aca;background:#f1f6fd}.news-list-item .eyebrow{margin:0;font-size:9px}.news-list-item time{font-size:11px;color:var(--muted)}.news-list-item strong{font-size:18px;line-height:1.35}.news-list-summary{font-size:12px;line-height:1.7;color:var(--muted)}.news-list-open{font-size:11px;color:var(--blue);font-weight:600}.article-back{margin-top:18px}.article-dialog{width:min(680px,94vw)}html[data-theme="dark"] .news-list-item{background:#1b2533}html[data-theme="dark"] .news-list-item:hover{background:#243145}