@import url('/work/app/legacy-fonts.css');
:root{--paper:#f1e7d4;--surface:#faf5e9;--ink:#292622;--muted:#6a5a4d;--accent:#a44737;--line:#ccbea6;--radius:20px;font:16px/1.55 Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light;scrollbar-color:#ad8d73 var(--paper)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:url('/work/helpers/assets/washi-helpers-v3.webp') top center/800px auto}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:#a4473733}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font:500 30px/1.35 Unbounded,Manrope,sans-serif;letter-spacing:-.025em}h2{font:600 21px/1.4 Manrope,sans-serif}h3{font-size:18px;line-height:1.4}p{max-width:68ch}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:12px}.skip:focus{top:12px}
.sidebar{position:fixed;left:0;inset-block:0;width:230px;border-right:1px solid var(--line);padding:32px 20px 24px;background:#e9dfcb;display:flex;flex-direction:column;z-index:30}.brand{font:500 24px Unbounded,sans-serif;padding-inline:12px}.brand span{display:block;font:13px Manrope;margin-top:9px;color:var(--muted)}#side-nav{display:grid;gap:7px;margin-top:42px}.nav-item{display:flex;gap:14px;align-items:center;padding:13px 16px;border-radius:16px;font-weight:600;transition:background .18s}.nav-item:hover{background:#f8f1e0}.nav-item[aria-current=page]{background:var(--accent);color:#fff8ed;box-shadow:0 7px 16px #6b2b1d1c}.sidebar-bottom{margin-top:auto;display:grid;gap:24px}.write-link{border-top:1px solid var(--line);padding:20px 12px 0;font-size:14px;font-weight:700;display:flex;justify-content:space-between}.write-link svg{width:18px;height:18px}.account-link{display:flex;align-items:center;gap:10px;text-align:left;border:0;padding:0;background:none;font-size:13px}.account-link small{display:block;color:var(--muted);margin-top:3px}.avatar{width:42px;height:42px;display:grid;place-content:center;border-radius:50%;background:#d8c6a8;border:1px solid #bba88d;font-weight:700;font-size:15px;color:var(--ink);flex:none}.app-body{margin-left:230px;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-inline:40px;gap:16px}.location{display:flex;align-items:center;gap:14px;min-width:0}.location>span{font-size:15px;font-weight:600}.mobile-brand{display:none}.icon-button{padding:8px;border:0;background:transparent;display:grid;place-items:center;border-radius:12px;min-width:40px;min-height:40px}.icon-button:hover{background:#d9cdb7}.search-wrap{padding:24px 40px 0}.global-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#faf5e9bd;padding:10px 16px;max-width:680px}.global-search>span{height:22px;color:var(--muted)}.global-search input{background:transparent;border:0;outline-offset:0;min-width:0;width:100%;height:30px;color:var(--ink);font-size:15px}.global-search input::placeholder{color:var(--muted)}#workspace{padding:32px 40px 40px;max-width:1480px;margin-inline:auto;outline:none}.page-intro{margin-bottom:28px}.page-intro p{color:var(--muted);margin-top:12px;font-size:16px}.greeting{color:var(--muted);font-size:15px;margin-bottom:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 16px}.text-link{color:var(--accent);font-weight:700;font-size:14px;text-underline-offset:4px}.text-link:hover{text-decoration:underline}.interest-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.interest{border:1px solid var(--line);background:transparent;padding:8px 16px;border-radius:20px;font-size:14px;min-height:40px}.interest[aria-pressed=true]{background:#dfc9ad;border-color:#9e775e;font-weight:700}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry-card{position:relative;background:#faf5e9c9;border-radius:var(--radius);box-shadow:0 8px 22px #49331c0c;min-width:0;overflow:hidden}.entry-card>a{display:block;height:100%}.entry-card:hover{box-shadow:0 12px 26px #49331c18}.entry-picture{width:100%;height:210px;object-fit:cover;display:block;border-bottom:1px solid var(--line)}.entry-content{padding:22px 22px 24px}.entry-content>svg{color:var(--accent);margin-bottom:14px}.entry-content h3{padding-right:30px}.entry-content p{color:var(--muted);font-size:14px;margin-top:9px;line-height:1.65}.entry-action{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--accent);font-size:14px;font-weight:800;margin-top:20px}.entry-action svg{width:20px;height:20px;transition:transform .18s}.entry-card:hover .entry-action svg{transform:translateX(4px)}.bookmark{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:40px;height:40px;padding:10px;border-radius:50%;border:1px solid var(--line);background:var(--surface)}.bookmark svg{width:18px;height:18px}.bookmark[aria-pressed=true]{color:var(--accent);background:#ead2bb}.bookmark[aria-pressed=true] svg{fill:currentColor}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-grid .entry-card{border:1px solid #ccbea68c;box-shadow:none}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.continue{display:flex;align-items:center;gap:18px;margin-bottom:26px;border:1px solid #b5a58b;border-radius:var(--radius);padding:18px 22px;background:#e9ddc6}.continue>div{flex:1;min-width:0}.continue small{color:var(--muted);display:block;margin-bottom:3px}.continue strong{font-size:16px}.continue>svg{color:var(--accent)}.view-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 22px;border-radius:20px;font-weight:700;font-size:14px;border:1px solid var(--accent)}.primary{background:var(--accent);color:#fff8ed;box-shadow:0 8px 18px #6b2b1d18}.secondary{background:transparent;color:var(--accent)}.primary svg,.secondary svg{width:20px;height:20px}.library-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.material{display:flex;align-items:flex-start;gap:16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#faf5e999}.material>svg{color:var(--accent)}.material strong{display:block;font-size:16px}.material small{display:block;color:var(--muted);margin-bottom:7px}.material .text-link{display:block;margin-top:12px}.notice-line{padding:18px 0;color:var(--muted);font-size:13px}.profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.profile-heading .avatar{width:70px;height:70px;font-size:24px}.profile-heading h1{font-size:25px}.profile-heading p{font-size:14px;color:var(--muted);margin-top:6px}.profile-panel{border-top:1px solid var(--line);padding:24px 0}.profile-panel h2{margin-bottom:14px}.profile-panel>p{font-size:15px;color:var(--muted);margin:10px 0 18px}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.author-spread{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center}.author-spread img{width:100%;border-radius:20px}.author-spread p{margin-top:18px;color:var(--muted)}.author-spread .view-tools{margin-top:28px}.link-list{display:grid;margin-top:30px}.link-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:20px 0;font-weight:600}.link-row svg:last-child{margin-left:auto}.empty{padding:28px;border:1px dashed var(--line);border-radius:20px}.empty p{margin-bottom:16px;color:var(--muted)}.app-footer{display:flex;gap:22px;padding:24px 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.app-footer a:hover{text-decoration:underline}#bottom-nav{display:none}#app-notice{position:fixed;z-index:100;left:50%;bottom:30px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#292622;color:#fff8ed;padding:14px 20px;border-radius:16px;box-shadow:0 10px 26px #0003;font-size:14px;pointer-events:none}.frame-mode .search-wrap,.frame-mode .app-footer{display:none}#frame-workspace{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 78px);min-height:350px}.frame-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 30px;border-bottom:1px solid var(--line);font-size:13px}.frame-heading p{color:var(--muted)}.frame-heading a{white-space:nowrap;color:var(--accent);text-decoration:underline}.frame-loading{position:absolute;inset:60px 0 auto;text-align:center;padding:20px;background:var(--paper);pointer-events:none}#workspace-frame{border:0;width:100%;flex:1;min-height:0;background:var(--paper)}.frame-ready .frame-loading{display:none}
@media(min-width:1500px){#workspace{padding-inline:60px}.entry-picture{height:260px}}@media(max-width:1050px){.sidebar{width:190px;padding-inline:14px}.app-body{margin-left:190px}.brand{font-size:21px}.topbar{padding-inline:26px}.search-wrap{padding:22px 26px 0}#workspace{padding:26px}.feature-grid{gap:16px}.entry-picture{height:170px}.tool-grid{grid-template-columns:1fr 1fr}.author-spread{grid-template-columns:230px 1fr;gap:24px}}
@media(max-width:700px){body{padding-top:env(safe-area-inset-top,0px)}.sidebar{display:none}.app-body{margin:0;padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.topbar{height:64px;padding-inline:18px}.mobile-brand{display:block;font:500 18px Unbounded}.location>span{font-size:13px;color:var(--muted)}.location{gap:10px}.top-account .avatar{width:36px;height:36px}.search-wrap{padding:18px 18px 0}.global-search{padding:8px 12px;gap:8px}.global-search input{font-size:14px}#workspace{padding:24px 18px 30px}h1{font-size:24px;line-height:1.45}h2{font-size:20px}.page-intro{margin-bottom:22px}.page-intro p{font-size:15px}.greeting{font-size:13px}.interest-list{gap:7px;margin-top:18px}.interest{font-size:12px;padding:8px 13px}.feature-grid{grid-template-columns:1fr;gap:16px}.entry-picture{height:175px}.entry-content{padding:20px}.entry-content h3{font-size:18px}.tool-grid,.compact-grid{grid-template-columns:1fr}.tool-grid .entry-content{padding:20px 20px 18px}.entry-content>svg{margin-bottom:12px}.entry-content p{font-size:14px}.section-head{margin-top:28px;gap:12px;align-items:baseline}.section-head .text-link{font-size:12px}.continue{padding:16px;gap:12px}.continue strong{font-size:14px}.continue small{font-size:11px}.library-list{grid-template-columns:1fr}.material{padding:18px}.profile-heading{gap:14px}.profile-heading h1{font-size:22px}.profile-heading .avatar{width:58px;height:58px}.profile-panel{padding-block:22px}.author-spread{grid-template-columns:1fr;gap:24px}.author-spread img{width:190px;max-height:260px;object-fit:cover;object-position:top}.app-footer{padding:22px 18px;gap:16px;font-size:11px}#bottom-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:50;background:#f7f0e1;border-top:1px solid var(--line);padding:8px 5px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 20px #45321c0a}#bottom-nav :is(a,button){display:flex;align-items:center;flex-direction:column;gap:4px;min-height:48px;justify-content:center;font-size:10px;border-radius:14px;min-width:0}#bottom-nav a[aria-current=page]{color:var(--accent);background:#e9dac5;font-weight:800}#bottom-nav svg{width:21px;height:21px}#app-notice{bottom:calc(86px + env(safe-area-inset-bottom,0px))}#frame-workspace{height:calc(100dvh - 138px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.frame-heading{padding:10px 16px;font-size:11px;gap:12px}.frame-heading p{max-width:60%;line-height:1.5}.frame-heading a{font-size:11px}}
/* Keep the inherited ink landscape in the margins, behind the work rather than the text. */
body{background-image:linear-gradient(#f1e7d4c7,#f1e7d4c7),url('/work/helpers/assets/washi-helpers-v3.webp');background-position:top center;background-size:auto,800px auto}
#side-nav{min-height:0;overflow-y:auto}
@media(max-width:700px){.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-grid .entry-picture{height:110px}.feature-grid .entry-content{padding:16px 14px}.feature-grid .entry-content h3{font-size:16px;padding-right:0}.feature-grid .entry-content p{font-size:13px;line-height:1.5}.feature-grid .entry-action{font-size:13px;margin-top:16px}.feature-grid .bookmark{width:32px;height:32px;padding:7px;right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#mobile-more{border:0;background:transparent;color:inherit;font:inherit;font-size:10px;padding:0;cursor:pointer}
.more-symbol{display:grid;place-items:center;height:21px;letter-spacing:2px}
#mobile-sections{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:85dvh;margin:0;box-sizing:border-box;overflow:auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-radius:24px 24px 0 0;background:#f7f0e1;color:inherit}
#mobile-sections::backdrop{background:#30281d66}
.mobile-sections-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mobile-sections-head h2{margin:0}
#mobile-sections nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#mobile-sections .nav-item{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px;border-radius:14px}
#mobile-sections .nav-item svg{width:20px;height:20px;flex:none}
#mobile-sections [aria-current=page]{background:#e9dac5;color:var(--accent)}