/* Shared navigation and document structure; each app supplies its own palette. */
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0}img{max-width:100%;height:auto}a{overflow-wrap:anywhere}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid currentColor;outline-offset:5px}.skip-link{position:absolute;left:-10000px;top:8px;z-index:100;padding:12px;background:Canvas;color:CanvasText}.skip-link:focus{left:8px}.family-header,.family-footer{max-width:1240px;margin:auto;padding:24px clamp(20px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:24px}.family-header{border-bottom:1px solid var(--line,#aaa6)}.family-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:600}.family-brand img{width:36px;height:36px;object-fit:contain}.family-header nav,.family-footer nav{display:flex;gap:12px 24px;flex-wrap:wrap}.family-header nav a,.family-footer nav a{padding:8px 0;font-size:14px}.family-footer{border-top:1px solid var(--line,#aaa6);margin-top:72px;font-size:13px;flex-wrap:wrap}.document{max-width:820px;padding:64px 24px 24px;margin:auto;line-height:1.75;overflow-wrap:anywhere}.document h1{font-size:clamp(36px,6vw,56px);line-height:1.12;margin:0 0 32px}.document h2{font-size:27px;margin:40px 0 14px}.document h3{font-size:21px;margin:24px 0 12px}.document p,.document ul,.document ol{margin:0 0 20px}.document a{text-decoration:underline;text-underline-offset:3px}.document li+li{margin-top:8px}.document .eyebrow{margin-bottom:18px}.document details{padding:16px 0;border-bottom:1px solid var(--line,#aaa6)}summary{cursor:pointer;font-weight:600}.document details p{margin-top:16px}.app-reading-habit .document{font-family:var(--body);color:var(--ink)}.app-where-do-we-eat .document h1{max-width:17ch}.app-where-do-we-eat .family-header,.app-where-do-we-eat .family-footer{border-width:2px}.app-where-do-we-eat .document a{color:var(--accent-deep)}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;max-width:1200px;margin:48px auto;padding:0 24px}.guide-sidebar,.guide-toc{align-self:start;position:sticky;top:24px}.guide-sidebar nav a,.guide-toc a{display:block;padding:6px 0;font-size:14px}.guide-sidebar ol{list-style:none;padding:0}.guide-content,.guide-body{min-width:0;line-height:1.75}.guide-content h1{font-size:clamp(36px,5vw,54px);margin:0 0 24px}.guide-content h2,.guide-body h2{font-size:29px;margin:36px 0 16px}.guide-content h3,.guide-body h3{font-size:22px;margin:28px 0 12px}.guide-content p,.guide-body p{margin:0 0 18px}.guide-content section,.guide-body section{padding-bottom:24px;border-bottom:1px solid var(--line,#aaa6)}.guide-content li,.guide-body li{margin:8px 0}.guide-content details{padding:14px 0}.chapter-number{display:block;font-size:12px;color:var(--gold-text)}.note{padding:20px;border-left:2px solid currentColor;margin:24px 0}.guide-heading{max-width:1100px;margin:56px auto;padding:0 24px}.guide-heading h1{font-size:clamp(38px,6vw,64px)}.app-reading-habit{--line:var(--rule)}.app-reading-habit .family-header a,.app-reading-habit .family-footer a{color:var(--gold-text)}
@media(max-width:760px){.family-header{align-items:flex-start;flex-wrap:wrap}.family-header nav{gap:20px}.guide-layout{grid-template-columns:1fr;gap:28px;margin-top:28px}.guide-sidebar,.guide-toc{position:static}.document{padding-top:40px}.family-footer{margin-top:48px}.family-header,.family-footer{padding:20px}.family-brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}