:root{--paper:#eee9df;--ink:#242923;--muted:#62695e;--accent:#b84429;--line:#c4c5b7;--white:#fbf9f3;--green:#33543a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;text-align:start}.visually-hidden:where(:not(:focus-within,:active)){position:absolute!important;clip-path:inset(50%)!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.skip-link:focus-visible{position:fixed;top:.75rem;left:.75rem;z-index:100;background:var(--ink);color:var(--white);padding:.55rem .9rem;font:700 .78rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:2px solid var(--accent)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{border:1px solid var(--ink);border-radius:2px;background:transparent;padding:.65rem .9rem;min-block-size:24px;min-inline-size:24px;color:var(--ink);cursor:pointer;font-weight:650;font-size:.85rem}button:hover{background:#d9dbcd}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--ink);color:var(--white)}.primary:hover{background:var(--green)}a{color:inherit;text-underline-offset:3px}h1,h2,h3{text-wrap:balance}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.7rem,5vw,4.4rem);letter-spacing:-.045em;line-height:1.06;margin:1rem 0 1.5rem}h2{font-size:1.1rem;letter-spacing:-.02em;margin:0}h3{margin:0 0 .8rem}p,li{line-height:1.6;text-wrap:pretty}label{display:block;font-size:.85rem;font-weight:650;margin:1.15rem 0 .45rem}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:2px;padding:.8rem;background:var(--white);color:var(--ink)}textarea{field-sizing:content;height:auto;width:100%;min-block-size:3.5lh;max-block-size:16lh;resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--green)}.error-msg{display:none;color:var(--accent);font-size:.78rem;font-weight:600;margin-top:.35rem}:is(input,textarea,select):is(:user-invalid,.user-invalid-fallback){border-color:var(--accent);background:var(--notice-error-background,#f3d6c9)}:is(input,textarea,select):is(:user-invalid,.user-invalid-fallback)~.error-msg{display:block}[hidden]{display:none!important}.masthead{padding:1.2rem clamp(1rem,4vw,3.4rem);border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.3rem;font-weight:900;letter-spacing:-.06em;text-decoration:none}.brand span{display:block;font:10px ui-monospace,monospace;letter-spacing:.16em;margin-top:.35rem}.header-actions{display:flex;align-items:center;gap:.7rem}#notice{position:sticky;top:0;z-index:5;margin:0;padding:.85rem 4vw;background:#e0e9d5;border-bottom:1px solid var(--green);font-size:.9rem}#notice.error{background:#f3d6c9;border-color:var(--accent)}.workspace{max-width:1400px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:2rem 1.5rem;border-right:1px solid var(--line)}.sidebar-heading,.section-label,.editor-heading,.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sidebar-heading{margin-bottom:1.5rem}.entry{display:block;width:100%;padding:1rem .7rem;text-align:left;border:0;border-bottom:1px solid var(--line);font-weight:600}.entry.selected{border-left:3px solid var(--accent);background:#dedfd1}.entry span{display:block;font-size:.72rem;font-weight:400;color:var(--muted);margin-top:.4rem}.editor{padding:2.5rem clamp(1rem,4vw,4rem);min-width:0;max-width:960px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.14em;line-height:1.5;color:var(--muted);margin:0 0 .5rem}.editor-heading{margin-bottom:.4rem}#save-state{font-size:.75rem;color:var(--muted)}#empty-state{padding:3rem 0 6rem;max-width:31rem}#empty-state>p:not(.eyebrow){font-size:1.05rem;margin-bottom:1.7rem}.section-label{margin:2rem 0 1rem}.section-label>span{font-size:.7rem;color:var(--muted)}.dropzone{padding:2rem 1rem;text-align:center;border:1px dashed #959e8c;cursor:pointer;background:#e5e7da;position:relative}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#dce2cf}.dropzone:has(input:disabled){opacity:.55;cursor:not-allowed}.dropzone strong{font-size:.95rem}.dropzone span{display:block;font-weight:400;font-size:.75rem;color:var(--muted);margin-top:.6rem}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:3px}.photo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.photo-card{border:1px solid var(--line);background:var(--white);padding:.7rem}.photo-card:has(input[data-action=cover]:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.photo-card img{width:100%;height:160px;object-fit:contain;background:#dce0d5}.photo-card label{font-size:.75rem;margin:.6rem 0}.photo-card input[type=text]{padding:.5rem;font-size:.8rem}.photo-actions{display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin-top:.5rem}.photo-actions button{padding:.35rem .5rem;min-block-size:26px;min-inline-size:26px}.photo-name{font-size:.7rem;color:var(--muted);overflow-wrap:anywhere}.generate-row{display:flex;align-items:center;gap:1.2rem;margin:1.6rem 0}.generate-row p{font-size:.75rem;color:var(--muted);margin:0}.questions{padding:1rem 1.2rem;border-left:3px solid var(--accent);background:#f0e2cf;font-size:.85rem}.questions ul{padding-left:1.2rem;line-height:1.6}.rule{border-top:1px solid var(--ink);margin:2rem 0 1.6rem}.optional{font-weight:400;color:var(--muted);font-size:.75rem;margin-left:.25rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.article-input{font-family:ui-monospace,monospace;font-size:.9rem;min-block-size:14lh;max-block-size:36lh}.action-bar{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.4rem}.muted{color:var(--muted);font-size:.8rem;line-height:1.6}iframe{width:100%;height:700px;border:1px solid var(--ink);background:white}.phone{border-top:1px solid var(--line);margin-top:2.2rem;padding:1.4rem 0}.phone img{display:block;width:160px;height:160px;margin-top:.8rem}.phone a{font-size:.75rem;overflow-wrap:anywhere}.phone p{font-size:.75rem;color:var(--muted)}.full{width:100%}.activity-item{border-bottom:1px solid var(--line);padding:1rem 0;font-size:.85rem}.activity-item strong{display:block;margin-bottom:.4rem}.activity-item a{display:block;margin:.4rem 0}.activity-item button{padding:.4rem .7rem;margin-top:.5rem}.login{max-width:440px;padding:4rem 1.2rem 7rem;margin:auto}.login h1{font-size:3rem}.login form{margin-top:1.7rem}.login button{margin-top:1.5rem;width:100%}dialog{width:min(680px,calc(100% - 2rem));max-height:90vh;border:1px solid var(--ink);background:var(--paper);padding:1.5rem 2rem;color:var(--ink);overscroll-behavior:contain}dialog:modal{overscroll-behavior:contain}dialog::backdrop{background:#17211bc0;overflow:hidden;overscroll-behavior:contain}.dialog-heading button{border:0;padding:.4rem;min-block-size:28px;min-inline-size:28px}.footer{padding:1.5rem 4vw;border-top:1px solid var(--line);font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}@media(pointer:coarse){.photo-actions button,.dialog-heading button{min-block-size:34px;min-inline-size:34px}}@media(max-width:760px){.masthead{align-items:flex-start}.brand{font-size:1.15rem}.header-actions{gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.header-actions button{padding:.4rem .6rem;font-size:.72rem}.workspace{grid-template-columns:1fr}.sidebar{padding:1rem;border-right:0;border-bottom:1px solid var(--line)}.sidebar-heading{margin-bottom:.5rem}#draft-list{display:flex;overflow-x:auto;gap:.5rem;max-height:110px}.entry{min-width:170px;max-width:220px;border:1px solid var(--line);padding:.6rem}.phone{margin-top:1rem;padding:.8rem 0}.phone img{width:100px;height:100px}.phone .eyebrow{margin-bottom:.2rem}.editor{padding:1.5rem 1rem}.two-columns{grid-template-columns:1fr;gap:0}.generate-row{align-items:flex-start;flex-direction:column;gap:.6rem}.photo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.photo-card{padding:.5rem}.photo-card img{height:120px}.photo-actions{flex-wrap:wrap}.action-bar button{flex:1;min-width:120px}dialog{padding:1.2rem}.section-label{gap:.5rem}iframe{height:560px}.sidebar>.full{width:auto;font-size:.72rem;padding:.5rem}}

/* Markdown import actions wrap in the narrow entries sidebar. */
.sidebar-heading{flex-wrap:wrap;gap:.65rem}.entry-actions{display:flex;flex-wrap:wrap;gap:.5rem}.entry-actions>button{padding:.55rem .65rem;font-size:.78rem}