/* A notebook-inspired layer that keeps existing controls and theme colors intact. */
body[data-screen="workspace"] .shell{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(76,111,98,.045) 32px)}
body[data-screen="workspace"] .card,body[data-screen="workspace"] .stat,body[data-screen="workspace"] .hero{border:1.5px solid #b9cbbd;border-radius:8px 13px 9px 14px;box-shadow:3px 4px 0 rgba(52,79,66,.12)}
body[data-screen="workspace"] .card .section-head{border-bottom:1px dashed rgba(100,132,111,.4);padding-bottom:12px}
body[data-screen="workspace"] .intro h1{ text-decoration:underline; text-decoration-color:rgba(211,160,94,.55);text-decoration-thickness:4px;text-underline-offset:7px;text-decoration-skip-ink:none }
body[data-screen="workspace"] .sidebar-note{border:1px dashed #8ca893;border-radius:7px 13px 8px 12px;transform:rotate(-1deg)}
body[data-screen="workspace"] .intro h1::after{content:' ✎';font-family:system-ui;font-size:.55em;color:#b97942;vertical-align:middle}
body[data-screen="workspace"] .eyebrow{letter-spacing:.12em;font-weight:700}
body[data-screen="workspace"] .hero{background-image:linear-gradient(115deg,transparent 75%,rgba(255,255,255,.16))}
body[data-screen="workspace"] button.primary,body[data-screen="workspace"] button.secondary{border-radius:8px 10px 7px 11px}
body[data-screen="workspace"] button.primary{box-shadow:2px 3px 0 rgba(35,60,53,.22)}
body[data-screen="workspace"] nav a{font-size:13px}
body[data-screen="workspace"] .saved{font-size:12px}
body[data-screen="workspace"] .notice{font-size:13px;line-height:1.6}
body[data-screen="workspace"] .sidebar-note p{font-size:13px}
html[data-theme="dark"] body[data-screen="workspace"] nav a:not(.active){color:#b7c7bd}
html[data-theme="dark"] body[data-screen="workspace"] .sidebar-note p{color:#b9c7b8}
html[data-theme="dark"] body[data-screen="workspace"] .shell{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(213,227,214,.025) 32px)}
html[data-theme="dark"] body[data-screen="workspace"] .card,html[data-theme="dark"] body[data-screen="workspace"] .stat,html[data-theme="dark"] body[data-screen="workspace"] .hero{box-shadow:3px 4px 0 rgba(0,0,0,.25)}
html[data-theme="dark"] body[data-screen="workspace"] .card,html[data-theme="dark"] body[data-screen="workspace"] .stat,html[data-theme="dark"] body[data-screen="workspace"] .hero{border-color:#516c5d}
@media(max-width:760px){body[data-screen="workspace"] nav a{font-size:10px}body[data-screen="workspace"] .saved{font-size:11px}body[data-screen="workspace"] .intro h1::after{content:' ✎'}}
@media(prefers-reduced-motion:reduce){body[data-screen="workspace"] *{scroll-behavior:auto}}