/* A small desk planner: paper on the left, an inset brass instrument on the right. */
#space > .today-folio,
#space .today-folio:has(.folio-tool[data-type="timer"][data-size="compact"]):has(.folio-tool[data-type="checklist"][data-size="compact"]) {
 width:326px;min-height:158px;padding:10px 10px 12px 13px;
 display:grid;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:30px 100px;gap:0 10px;
 border:1px solid #859997;border-radius:6px 15px 17px 6px;
 background:linear-gradient(90deg,#314e56 0 5px,#b7c6c2 5px 7px,#ecede2 7px 60%,#abbab5 100%);
 box-shadow:inset 0 1px #fffefa,inset 0 -2px #819490,1px 4px 0 #c3cdc6,1px 5px 0 #5b7578,3px 13px 17px -7px #17394875;
}
#space > .today-folio::before { inset:13px auto auto 4px;width:4px;height:118px;transform:none;border:0;border-radius:2px;background:repeating-linear-gradient(#f0ddad 0 3px,#778e89 3px 9px);box-shadow:1px 0 1px #102b3855;z-index:1; }
#space > .today-folio::after { content:'';position:absolute;left:13px;right:140px;top:11px;bottom:13px;border-radius:2px 3px 9px 2px;background:linear-gradient(100deg,#f7f3e4,#fffbee 75%,#e5e0cf);box-shadow:1px 1px #dedbcc,2px 3px #f8f5e7,3px 4px #b7b7a8,5px 5px 4px #273b4429;z-index:-1; }
#space .today-folio-header { grid-column:1;grid-row:1;padding:0 6px 0 11px;border-bottom:1px solid #aaa38838;height:30px;min-height:30px; }
#space .today-folio-header>span { font:italic 600 19px/1 Georgia,serif;color:#314951; }
#space .today-folio-date { font-size:8px;color:#71664c;letter-spacing:.3px; }
#space .today-folio>.folio-tool[data-type="checklist"] { grid-column:1;grid-row:2;align-self:start; }
#space .today-folio>.folio-tool[data-type="checklist"][data-size] .checklist-items { padding:3px 3px 0 0;gap:1px; }
#space .today-folio>.folio-tool[data-type="checklist"] .checklist-text { font-size:11px; }
#space .today-folio>.folio-tool[data-type="checklist"] input[type="checkbox"] { width:31px;min-width:31px; }
#space .today-folio>.folio-tool[data-type="checklist"] input[type="checkbox"]::before { left:8px;width:12px;height:12px;top:15px;border-radius:3px; }
#space .today-folio>.folio-tool[data-type="checklist"] input[type="checkbox"]:checked::after { left:12px;top:17px; }
#space .today-folio>.folio-tool[data-type="timer"] { grid-column:2;grid-row:1 / 3; }
#space .today-folio>.folio-tool[data-type="timer"][data-size] .overlay-shell {
 height:130px;margin:0;padding:0;border:4px solid #b1a58b;border-radius:10px 11px 16px 10px;
 background:radial-gradient(ellipse at 40% 0,#46606a,#182e38 90%);
 box-shadow:0 0 0 1px #677c7b,inset 0 2px 4px #051d28,0 2px 0 #f9f1d8,1px 4px 5px #3b55584d;
}
#space .today-folio>.folio-tool[data-type="timer"] .focus-gauge { top:2px;left:6px;width:94px;height:68px; }
#space .today-folio>.folio-tool[data-type="timer"] .overlay-header { top:19px;left:22px;width:62px; }
#space .today-folio>.folio-tool[data-type="timer"][data-size] .timer-value { top:34px;left:12px;width:83px;font-size:25px; }
#space .today-folio>.folio-tool[data-type="timer"][data-size] .timer-actions { top:65px;left:10px;right:auto;gap:0; }
#space .today-folio>.folio-tool[data-type="timer"] .timer-actions .round-control { width:44px;height:44px;min-width:44px;box-shadow:0 1px 0 #0a2029; }
#space .today-folio>.folio-tool[data-type="timer"] .timer-state { top:49px;left:0;right:auto;width:88px;font-size:7px; }
.desktop-introduction h1 { font-size:clamp(52px,17.6cqw,114px); }
.desktop-tagline { font-size:clamp(15px,3.2cqw,22px);margin:10px 0 20px; }
@media(min-width:900px) {
 .macbook { width:min(690px,47vw,calc((100svh - 332px)*1.48)); }
}
@media(min-width:900px) and (max-height:700px) {
 .macbook { width:min(590px,47vw,calc((100svh - 318px)*1.48)); }
}
@media(min-width:900px) and (max-width:1150px) {
 #space > .today-folio { width:292px;grid-template-columns:minmax(0,1fr) 106px;gap:0 5px; }
 #space > .today-folio::after { right:126px; }
 #space .today-folio>.folio-tool[data-type="timer"] .focus-gauge { left:1px; }
 #space .today-folio>.folio-tool[data-type="timer"] .overlay-header { left:16px; }
 #space .today-folio>.folio-tool[data-type="timer"][data-size] .timer-value { left:6px; }
 #space .today-folio>.folio-tool[data-type="timer"][data-size] .timer-actions { left:5px; }
 #space .today-folio>.folio-tool[data-type="timer"] .timer-state { left:3px; }
}
@media(max-width:899px) {
 #space > .today-folio { margin-bottom:70px;max-width:calc(100% - 20px); }
 #space .today-folio>.folio-tool[data-type="checklist"] .mobile-reorder { top:calc(100% + 27px);left:calc(50% + 61px); }
 .desktop-introduction h1 { font-size:clamp(50px,17cqw,90px); }
 .desktop-tagline { font-size:clamp(13px,3.8cqw,18px);margin:7px 0 12px; }
}
@media(max-width:359px) {
 #space > .today-folio { width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin-inline:-8px;grid-template-columns:minmax(0,1fr) 108px;gap:0 5px; }
 #space > .today-folio::after { right:129px; }
 #space .today-folio>.folio-tool[data-type="timer"] .focus-gauge { left:2px; }
 #space .today-folio>.folio-tool[data-type="timer"] .overlay-header { left:16px; }
 #space .today-folio>.folio-tool[data-type="timer"][data-size] .timer-value { left:6px; }
 #space .today-folio>.folio-tool[data-type="timer"][data-size] .timer-actions { left:5px; }
 #space .today-folio>.folio-tool[data-type="timer"] .timer-state { left:3px; }
 .desktop-introduction h1 { font-size:48px; }
 .desktop-tagline { font-size:12px;margin:5px 0 8px; }
}