@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:wght@500;600&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root{--paper:#f3eddf;--card:#fffdf8;--ink:#29251f;--muted:#766e62;--rule:#cfc4b2;--accent:#574c3d;--shadow:0 12px 35px rgba(54,43,29,.07)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--paper);touch-action:pan-x pan-y}body{margin:0;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);color:var(--ink);font-family:"EB Garamond",Georgia,serif;font-size:18px;line-height:1.55;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}
button,input,textarea,select{font:inherit;color:inherit}button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:.65rem 1rem;cursor:pointer}button:hover{opacity:.88}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8a6e47;outline-offset:3px}
.site-header{max-width:980px;margin:auto;padding:1.35rem 1.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--rule)}.brand{font-size:1.55rem;font-weight:600;color:var(--ink);text-decoration:none}.site-header nav{display:flex;gap:1.8rem}.site-header nav a{color:var(--ink);text-decoration:none;font-family:Inter,sans-serif;font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.account{justify-self:end;display:flex;gap:.75rem;align-items:center;font-size:.9rem}.text-button,.back-button{padding:.25rem;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.shell{width:min(760px,calc(100% - 2rem));margin:3rem auto 6rem}.view>h1,.feed-heading h1,.group-read h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:500;line-height:1.05;margin:.15rem 0 1rem}.eyebrow{font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:600;color:var(--muted);margin:0 0 .35rem}.quiet-copy,.hint{color:var(--muted)}
.group-read{padding:1.3rem 1.5rem;margin-bottom:3rem;border:1px solid var(--rule);border-radius:12px;background:rgba(255,253,248,.55)}.group-read h1{font-size:1.7rem;margin:.2rem 0}.group-read p:last-child{margin:0;color:var(--muted)}
.feed-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--rule);padding-bottom:1rem;margin-bottom:1.5rem}.feed-heading h1{margin-bottom:0}.heading-actions{display:flex;gap:.65rem;align-items:flex-end}.secondary{background:transparent;border:1px solid var(--rule);color:var(--ink)}
.quick-post{display:grid;gap:0;margin:0 0 1.25rem;padding:1.2rem 1.3rem 1rem;background:rgba(255,253,248,.78);border:1px solid var(--rule);border-radius:14px;box-shadow:var(--shadow);transition:padding .2s ease}
.quick-post-toggle-row{display:flex;align-items:center;justify-content:flex-start;gap:.6rem}
.quick-post:not(.is-collapsed) .quick-post-toggle-row{justify-content:flex-end}
.quick-post-toggle{display:grid;place-items:center;width:2.2rem;height:2.2rem;min-width:2.2rem;padding:0;border:0;border-radius:50%;background:var(--ink);color:#fff;transition:transform .2s ease}
.quick-post-toggle svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.quick-post:not(.is-collapsed) .quick-post-toggle{transform:rotate(-45deg)}
.quick-post-collapsed-label{color:var(--muted);font-family:"EB Garamond",Georgia,serif;font-size:1.1rem;cursor:pointer}
.quick-post.is-collapsed .quick-post-fields{display:none}
.quick-post:not(.is-collapsed) .quick-post-collapsed-label{display:none}
.quick-post:not(.is-collapsed) .quick-post-toggle-row{margin-bottom:.6rem}
.quick-post-fields{display:grid;gap:.8rem}
.quick-post-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-items:start}
.quick-post-title{display:block;width:100%;padding:.2rem 0 .55rem;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);font-family:"EB Garamond",Georgia,serif;font-size:1.35rem;outline:0}.quick-post-title:focus{border-color:#8d7b64}.quick-post-title::placeholder{color:#8c8275}.quick-post-body{min-height:8rem;padding:.15rem 0;font-family:"EB Garamond",Georgia,serif;font-size:1.15rem;line-height:1.55;outline:0;overflow-wrap:anywhere}.quick-post-body p,.quick-post-body div{margin:0 0 .75rem}.quick-post-body p:last-child,.quick-post-body div:last-child{margin-bottom:0}.quick-post-body:empty::before{content:attr(data-placeholder);color:#8c8275;pointer-events:none}.quick-post-body ul,.quick-post-body ol{padding-left:1.55rem}.quick-post-body blockquote{margin:.6rem 0;padding-left:1rem;border-left:3px solid #9f8f78;color:#5c554c}.quick-post-format-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid rgba(201,196,188,.65);padding-top:.7rem}.quick-post-toolbar{display:flex;flex-wrap:wrap;gap:.35rem}.quick-post-toolbar button{min-height:2rem;padding:.3rem .6rem;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);font-family:Inter,sans-serif;font-size:.66rem}.quick-post-toolbar button:hover,.quick-post-toolbar button:focus-visible{background:var(--paper);opacity:1;border-color:#9f8f78}.quick-post-format-row .draft-counter{margin:0;white-space:nowrap}.quick-post .post-type-field,.quick-post .post-link-field,.quick-post .post-tags-field{display:grid;gap:.3rem;font-family:Inter,sans-serif;font-size:.67rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.quick-post .post-type-field select,.quick-post .post-link-field input{font-family:"EB Garamond",Georgia,serif;font-size:1rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink);padding:.55rem .65rem;border:1px solid #c9bdab;border-radius:8px;background:#fff}.quick-post .post-link-field .hint,.quick-post .post-tags-field .hint{text-transform:none;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:.3rem}.quick-post .post-tags-field .tag-entry-control{font-family:"EB Garamond",Georgia,serif;font-size:1rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink)}.quick-post .post-tags-field .post-tag-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.quick-post .post-image-preview{margin:0}.word-count-over{color:#8a342c;font-weight:700}.quick-post-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;white-space:nowrap;border-top:1px solid rgba(201,196,188,.65);padding-top:.7rem}.quick-post-actions .text-button{font-family:Inter,sans-serif;font-size:.7rem;margin-right:auto}.quick-post-actions button[type="submit"]{min-height:2.2rem;padding:.42rem 1rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quick-drafts-button{display:grid;place-items:center;width:2.3rem;height:2.3rem;min-width:2.3rem;padding:0;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink)}.quick-drafts-button svg{display:block;width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.55}.quick-drafts-button:hover{background:var(--paper);opacity:1}.quick-post .form-message{margin:0}.quick-post:focus-within{border-color:#b6a58d}@media(max-width:600px){.quick-post{margin-bottom:1rem;padding:1rem;border-radius:12px}.quick-post-body{min-height:10rem;font-size:1.2rem}.quick-post-format-row{align-items:flex-start;flex-direction:column}.quick-post-actions{width:100%}.quick-post-toolbar{width:100%}.quick-post-toolbar button{min-height:2.35rem}.quick-post-actions button[type="submit"]{min-height:2.55rem}}
.pins{background:#e8deca;border:1px solid #c7b89f;border-radius:12px;padding:1rem 1.2rem;margin-bottom:1.25rem}.pin-card+.pin-card{border-top:1px solid rgba(83,67,44,.2);margin-top:.8rem;padding-top:.8rem}.pin-card p{margin:.2rem 0}.meta{font-family:Inter,sans-serif;font-size:.72rem;color:var(--muted);letter-spacing:.02em}.feed-list{display:grid;gap:1rem}.post-card{display:block;width:100%;text-align:left;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1.25rem 1.4rem;box-shadow:var(--shadow)}.post-card:hover{opacity:1;border-color:#9f8f78;transform:translateY(-1px)}.post-card h2{font-size:1.45rem;line-height:1.15;margin:.35rem 0 .5rem}.post-card .excerpt{font-size:1.02rem;margin:.35rem 0;color:#494239;font-family:"EB Garamond",Georgia,serif}.tags{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}.tag{font-family:Inter,sans-serif;font-size:.68rem;color:var(--muted)}.message{color:var(--muted);margin:1rem 0}.post-detail{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:clamp(1.5rem,5vw,3rem);margin:1.5rem 0}.post-detail h1{font-size:2.5rem;line-height:1.1}.post-body{white-space:pre-wrap;font-family:"EB Garamond",Georgia,serif}.comments-section{border-top:1px solid var(--rule);padding-top:1.5rem}.comments-section h2{font-size:1.5rem}.comment{background:rgba(255,253,248,.65);border:1px solid var(--rule);border-radius:10px;padding:1rem 1.15rem;margin:.75rem 0}.comment p{margin:.2rem 0}.member-list,.study-list{display:grid;gap:.8rem;margin-top:1.5rem}.member,.study-item{border-bottom:1px solid var(--rule);padding:.8rem 0}.member h2,.study-item h2{margin:0;font-size:1.25rem}
dialog{border:0;padding:0;border-radius:14px;background:transparent;max-width:min(560px,calc(100% - 2rem));width:100%}dialog::backdrop{background:rgba(35,29,22,.45);backdrop-filter:blur(3px)}.dialog-card{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:2rem;box-shadow:0 30px 80px rgba(30,24,18,.22);display:grid;gap:1rem}.dialog-card h2{font-size:2rem;margin:0}.dialog-card label{display:grid;gap:.35rem}.dialog-card input,.dialog-card textarea,.dialog-card select,.comments-section textarea{width:100%;background:#fff;border:1px solid #c9bdab;border-radius:8px;padding:.75rem}.close{position:absolute;right:.7rem;top:.55rem;background:transparent;color:var(--ink);font-size:1.5rem}.form-message{min-height:1.4rem;color:#8a342c;margin:0}.comments-section form{display:grid;gap:.75rem;margin-top:1.2rem}
.formatting-ribbon{display:flex;flex-wrap:wrap;gap:.25rem;padding:.35rem;border:1px solid #c9bdab;border-bottom:0;border-radius:8px 8px 0 0;background:#f6f0e5}.formatting-ribbon button{min-width:2rem;padding:.35rem .5rem;border-radius:5px;background:transparent;color:var(--ink);font-family:Inter,sans-serif;font-size:.68rem}.formatting-ribbon button:hover{background:#fff;opacity:1}.rich-note-editor{min-height:18rem;width:100%;padding:.8rem;background:#fff;border:1px solid #c9bdab;border-radius:0 0 8px 8px;outline:none;overflow-wrap:anywhere}.rich-note-editor:focus{border-color:#8d7b64;box-shadow:0 0 0 2px rgba(141,123,100,.12)}.rich-note-editor blockquote{margin:.7rem 0;padding-left:1rem;border-left:3px solid var(--ink)}.rich-note-editor ul,.rich-note-editor ol{padding-left:1.7rem}.formatted-post-body p{margin:.35rem 0}.formatted-post-body blockquote{margin:.7rem 0;padding-left:1rem;border-left:3px solid var(--ink)}.formatted-post-body ul,.formatted-post-body ol{margin:.45rem 0;padding-left:1.7rem}.formatted-post-body .text-indent{margin-left:1.5rem}.file-button-row{display:flex;align-items:center;gap:.75rem}.file-button-row input[type="file"]{width:auto;max-width:100%;padding:.55rem;border-radius:8px;background:#fff}
@media(max-width:700px){.site-header{grid-template-columns:1fr auto;gap:1rem}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:center;border-top:1px solid var(--rule);padding-top:1rem}.account{font-size:.78rem}.feed-heading{align-items:flex-start;gap:1rem}.heading-actions{flex-direction:column}.shell{margin-top:2rem}}

/* Simplified feed revision */
.site-header{display:flex;grid-template-columns:none;justify-content:space-between}
.account{justify-self:auto}
.comment{position:relative;border:0;border-left:5px solid var(--ink);border-radius:0 10px 10px 0;padding:1.1rem 6.5rem 1.1rem 1.25rem}
.comment::after{content:"Comment";position:absolute;right:1rem;top:1rem;padding:.25rem .65rem;border:1px solid var(--rule);border-radius:999px;background:var(--paper);font-family:Inter,sans-serif;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
@media(max-width:700px){.comment{padding-right:1.25rem;padding-top:3rem}.comment::after{left:1.25rem;right:auto;top:.8rem}}

/* Inline post controls */
.post-card{cursor:default}
.post-controls{display:flex;justify-content:flex-end;align-items:center;gap:.45rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(207,196,178,.7)}.post-controls .control-summary{margin-right:auto;min-width:0;min-height:1.3rem}.post-controls .like-summary{margin:0}.pin-card{position:relative}.pin-card .inline-comments{margin-left:-1.2rem;margin-right:-1.2rem;margin-bottom:-1rem}.pin-card .post-controls{margin-top:.9rem}
.icon-control{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.15rem;height:2.15rem;padding:.3rem .62rem;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:999px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:600}
.icon-control[aria-expanded="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.comment-icon{display:block;width:1.05rem;height:1rem;flex:0 0 1.05rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3.5h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-4l-3 3.5-3-3.5H5a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Z' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3.5h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-4l-3 3.5-3-3.5H5a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Z' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.comment-icon::after{content:none}
.like-symbol,.like-toggle>span:first-child{display:inline-block;width:1.18rem;height:1.18rem;flex:0 0 1.18rem;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23ff3657'/%3E%3Cpath d='M16 24.5 8.6 17.3C3.8 12.7 10.1 6.6 14.4 10.8L16 12.4l1.6-1.6c4.3-4.2 10.6 1.9 5.8 6.5Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat!important;font-size:0!important;color:transparent!important}.comment-like{display:inline-flex!important;align-items:center;gap:.35rem;font-size:0!important}.comment-like::before{content:"";display:inline-block;width:1.02rem;height:1.02rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23ff3657'/%3E%3Cpath d='M16 24.5 8.6 17.3C3.8 12.7 10.1 6.6 14.4 10.8L16 12.4l1.6-1.6c4.3-4.2 10.6 1.9 5.8 6.5Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat}.comment-like::after{content:"Like";font-family:Inter,sans-serif;font-size:.64rem;color:var(--ink)}
.expand-toggle{font-size:1.25rem;font-family:Inter,sans-serif;line-height:1}
.inline-comments{margin:1rem -1.4rem -1.25rem;padding:1.1rem 1.4rem 1.25rem;border-top:1px solid var(--rule);background:#f8f4eb;border-radius:0 0 12px 12px}
.inline-comment-form{display:grid;gap:.7rem;margin-top:1rem}.inline-comment-form label{display:grid;gap:.35rem}.inline-comment-form textarea{width:100%;resize:vertical;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:.75rem}
.admin-edit{display:block;margin-top:.75rem}.inline-admin-form{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--rule)}.inline-admin-form label{display:grid;gap:.3rem}.inline-admin-form label:first-child,.inline-admin-form label:nth-child(3),.inline-admin-form .inline-actions,.inline-admin-form .form-message{grid-column:1/-1}.inline-admin-form input,.inline-admin-form select{width:100%;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:.7rem}.inline-actions{display:flex;justify-content:flex-end;gap:.6rem}.empty-group-read button{margin-top:.6rem}
@media(max-width:600px){.inline-admin-form{grid-template-columns:1fr}.inline-admin-form>*{grid-column:1!important}.control-label{display:none}.inline-comments{margin-left:-1.15rem;margin-right:-1.15rem}}

/* Comment responses and linked group book */
.inline-comments-list .comment{width:75%;margin:.85rem 0 .85rem auto;background:#e9dfce;border-left-width:5px;border-radius:14px;padding-right:6.5rem;box-shadow:0 5px 16px rgba(54,43,29,.05)}
.inline-comments-list .comment::after{background:#f6f0e5}
.group-book-display{display:flex;align-items:center;gap:1.15rem}.group-book-cover-link{flex:0 0 auto}.group-book-cover-link[href="#"]{pointer-events:none}.group-book-cover{display:block}.group-book-cover-link img{display:block;width:76px;max-height:112px;object-fit:cover;border-radius:6px;box-shadow:0 8px 18px rgba(45,35,24,.16)}.book-title-link{color:var(--ink);text-decoration:none}.book-title-link[href="#"]{pointer-events:none}.book-title-link:hover{text-decoration:underline;text-underline-offset:4px}.inline-admin-form label:nth-child(4),.inline-admin-form label:nth-child(5){grid-column:auto}
@media(max-width:600px){.inline-comments-list .comment{width:88%;padding-right:1.2rem;padding-top:3rem}.group-book-display{align-items:flex-start}.group-book-cover-link img{width:62px}}

/* Post images and owner controls */
.post-thumbnail{display:block;width:100%;max-height:430px;object-fit:cover;margin:.8rem 0 1rem;border-radius:10px;background:#e9dfce}
.post-image-preview{display:grid;gap:.5rem}.post-image-preview img{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:10px;border:1px solid var(--rule)}.post-image-preview .text-button{justify-self:start}
.owner-controls{display:flex;justify-content:flex-end;gap:.8rem;margin-top:.7rem}.owner-controls .text-button{font-family:Inter,sans-serif;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.owner-controls .danger{color:#8a342c}
.edited-note{margin:.65rem 0 0;color:var(--muted);font-size:.82rem;font-style:italic}.pin-card .owner-controls{margin-top:.35rem}

/* Private access and working comment replies */
.access-gate{width:min(620px,calc(100% - 2rem));margin:8rem auto;text-align:center}.access-gate h1{font-size:clamp(2rem,7vw,3.6rem);font-weight:500;line-height:1.08;margin:.4rem 0 1rem}.access-gate p:last-child{color:var(--muted)}
.inline-comments-list .comment::after{display:none}.comment-reply{position:absolute;right:1rem;top:1rem;padding:.28rem .7rem;border:1px solid var(--rule);border-radius:999px;background:#f6f0e5;color:var(--ink);font-family:Inter,sans-serif;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.comment-reply:hover{background:var(--ink);color:#fff;opacity:1}
.mention-suggestions{display:grid;gap:0;max-height:220px;overflow-y:auto;background:#fff;border:1px solid var(--rule);border-radius:10px;box-shadow:0 12px 28px rgba(54,43,29,.12)}.mention-suggestions button{width:100%;padding:.65rem .8rem;background:#fff;color:var(--ink);border:0;border-bottom:1px solid #e7dfd1;border-radius:0;text-align:left;font-family:Inter,sans-serif;font-size:.72rem}.mention-suggestions button:last-child{border-bottom:0}.mention-suggestions button:hover,.mention-suggestions button:focus{background:#eee5d5;opacity:1}
@media(max-width:600px){.comment-reply{left:1.2rem;right:auto;top:.7rem}}

/* Feed sorting and filtering */
.feed-tools{display:flex;justify-content:flex-end;gap:1rem;margin:-.65rem 0 1.35rem}.feed-tools label{display:flex;align-items:center;gap:.45rem;font-family:Inter,sans-serif;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.feed-tools select{min-width:120px;padding:.42rem 1.8rem .42rem .65rem;border:1px solid var(--rule);border-radius:999px;background:rgba(255,253,248,.65);font-family:Inter,sans-serif;font-size:.7rem;text-transform:none;letter-spacing:0}
@media(max-width:540px){.feed-tools{justify-content:space-between;gap:.6rem}.feed-tools label{align-items:flex-start;flex-direction:column}.feed-tools select{min-width:135px}}

/* Member profile pictures */
.avatar-button{width:2.3rem;height:2.3rem;padding:0;border-radius:50%;overflow:hidden;background:#dfd4c1;color:var(--ink);border:1px solid var(--rule);display:grid;place-items:center;font-family:Inter,sans-serif;font-size:.72rem}.avatar-button img{width:100%;height:100%;object-fit:cover}.author-line{display:flex;align-items:center;gap:.55rem;margin-top:.7rem}.author-line .meta{margin:0}.member-avatar{width:1.75rem;height:1.75rem;flex:0 0 1.75rem;border-radius:50%;object-fit:cover;border:1px solid var(--rule)}.avatar-fallback{display:grid;place-items:center;background:#e5dac8;font-family:Inter,sans-serif;font-size:.62rem;font-weight:600}.toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:20;max-width:320px;padding:.7rem 1rem;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 12px 32px rgba(30,24,18,.2);font-family:Inter,sans-serif;font-size:.72rem}.toast.error{background:#8a342c}

/* Likes and post menu */
.post-card{position:relative}.post-card>h2{padding-right:2.5rem}.post-menu-wrap{position:absolute;right:.8rem;top:.65rem;z-index:3}.more-button{width:2.1rem;height:2.1rem;padding:0;border-radius:50%;background:transparent;color:var(--muted);font-family:Inter,sans-serif;font-weight:600;letter-spacing:.05em}.more-button:hover,.more-button[aria-expanded="true"]{background:var(--paper);color:var(--ink);opacity:1}.post-menu{position:absolute;right:0;top:2.25rem;min-width:135px;padding:.35rem;background:#fff;border:1px solid var(--rule);border-radius:10px;box-shadow:0 12px 30px rgba(35,28,20,.14)}.post-menu button{display:block;width:100%;padding:.5rem .65rem;text-align:left;background:transparent;color:var(--ink);border-radius:7px;font-family:Inter,sans-serif;font-size:.7rem}.post-menu button:hover{background:var(--paper);opacity:1}.post-menu .danger{color:#8a342c}.icon-control[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.like-toggle>span:first-child{font-size:1.05rem;line-height:1}.like-summary,.tagged-members{margin:.6rem 0 0;color:var(--muted);font-size:.83rem}.like-summary strong{color:var(--ink);font-weight:600}.tagged-members{font-style:italic}
.tag-member-list{display:grid;gap:.5rem;max-height:360px;overflow:auto}.tag-member-list>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.6rem .7rem;text-align:left;background:#f5efe4;color:var(--ink);border:1px solid var(--rule);border-radius:10px}.tag-member-list>button[aria-pressed="true"]{background:var(--ink);color:#fff}.tag-member-list strong{font-family:Inter,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}
.draft-counter{display:flex;justify-content:flex-start;margin-top:-.8rem;color:var(--muted);font-family:Inter,sans-serif;font-size:.68rem}

/* Current read study cell */
.group-read-content{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);align-items:stretch;min-height:230px}.group-book-panel{padding-right:1.75rem}.group-book-panel>.eyebrow,.next-study-cell>.eyebrow{margin-bottom:1.45rem}.group-book-display{padding-right:0;align-items:flex-start}.group-book-information{padding-top:0}.group-book-information h1{margin-top:0}.group-book-information>p{margin:.2rem 0 .75rem}.reading-file-pill,.calendar-pill{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .85rem;border:1px solid var(--rule);border-radius:999px;color:var(--ink);background:transparent;font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}.reading-file-pill:hover,.calendar-pill:hover{background:var(--ink);color:#fff}.next-study-cell{position:relative;min-height:230px;margin-left:.35rem;padding:0 0 0 2rem;display:flex;flex-direction:column;justify-content:flex-start}.next-study-cell::before{content:"";position:absolute;left:0;top:50%;width:1px;height:92%;background:var(--rule);transform:translateY(-50%)}.next-study-cell p{margin:.12rem 0}.next-study-cell .study-date{font-size:1.2rem;font-weight:600}.group-read-actions{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);align-items:center;margin-top:1rem}.group-read-actions .admin-edit{grid-column:1;justify-self:start}.group-read-actions .calendar-pill{grid-column:2;justify-self:start;margin-left:2.35rem}.admin-edit{margin:0;padding:.4rem .9rem;border-radius:999px;background:transparent;color:var(--ink);border:1px solid var(--rule);font-family:Inter,sans-serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.admin-edit:hover{background:var(--ink);color:#fff;opacity:1}
/* Comments and expired pins */
.comment-menu-wrap{position:absolute;right:.65rem;top:.5rem;z-index:4}.comment-menu-wrap .post-menu{right:0}.comment-reply{right:3.1rem}.comment-edit-form{display:grid;gap:.6rem}.comment-edit-form textarea{width:100%;padding:.65rem;border:1px solid var(--rule);border-radius:8px;background:#fff}.comment-edit-form>div{display:flex;justify-content:flex-end;gap:.5rem}.pin-actions{display:flex;justify-content:flex-start;margin-top:.65rem}.expired-pin-card{background:#f8f3e8}
@media(max-width:680px){.group-read-content{grid-template-columns:1fr}.group-book-panel{padding-right:0}.group-book-display{padding-right:0;padding-bottom:1.2rem}.next-study-cell{min-height:0;margin-left:0;padding:1.2rem 0 0}.next-study-cell::before{top:0;width:100%;height:1px;transform:none}.next-study-cell>.eyebrow{margin-bottom:.75rem}.group-read-actions{grid-template-columns:1fr;gap:.65rem}.group-read-actions .calendar-pill{margin-left:0}.comment-reply{right:auto}}

/* Tag index, maps, and book autofill */
.tag-index-section{margin-top:3.5rem}.section-heading{border-bottom:1px solid var(--rule);padding-bottom:1rem;margin-bottom:1.2rem}.section-heading h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:500;line-height:1.05;margin:0}.tag-index{display:flex;flex-wrap:wrap;gap:.55rem}.tag-index button{padding:.42rem .75rem;border:1px solid var(--rule);border-radius:999px;background:rgba(255,253,248,.65);color:var(--ink);font-family:Inter,sans-serif;font-size:.68rem}.tag-index button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.location-link{color:var(--ink);font-weight:600;text-underline-offset:3px}.location-link.disabled{pointer-events:none;text-decoration:none;color:var(--muted)}.book-link-field,.map-search-field{grid-column:1/-1}.field-with-action{display:grid;grid-template-columns:1fr auto;gap:.55rem}.field-with-action button{white-space:nowrap}.map-search-link{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:.65rem 1rem;white-space:nowrap;border-radius:8px}.map-search-link.disabled{pointer-events:none;opacity:.5}.inline-admin-form label:nth-child(4){grid-column:1/-1}
@media(max-width:560px){.field-with-action{grid-template-columns:1fr}.field-with-action button,.field-with-action .map-search-link{justify-self:start}}
.attachment-pill{display:inline-flex;align-items:center;margin:.55rem 0;padding:.38rem .75rem;border:1px solid var(--rule);border-radius:999px;background:#fff;color:var(--ink);font-family:Inter,sans-serif;font-size:.66rem;font-weight:600;text-decoration:none}.attachment-pill:hover{background:var(--ink);color:#fff}.comment-attachment-field{font-family:Inter,sans-serif;font-size:.68rem;color:var(--muted)}.comment-attachment-field input{width:100%;margin-top:.3rem;padding:.55rem;border:1px solid var(--rule);border-radius:8px;background:#fff}.comment-actions{display:flex;align-items:center;gap:.45rem;margin-top:.65rem}.comment-actions .comment-reply,.comment-actions .comment-like{position:static;padding:.3rem .7rem;border:1px solid var(--rule);border-radius:999px;background:#f6f0e5;color:var(--ink);font-family:Inter,sans-serif;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.comment-actions button[aria-pressed="true"]{background:var(--ink);color:#fff}.comment-like-summary{font-size:.78rem;color:var(--muted)}.reply-context{font-family:Inter,sans-serif;font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.inline-comments-list .comment.reply-comment{width:68%;margin-right:0;background:#f0e8da}
.comment-form-actions{display:flex;justify-content:flex-end;gap:.6rem}.comment-form-actions button{min-width:110px}
.post-thumbnail-link,.attachment-thumbnail-link{display:block;width:92px;height:92px;margin:.7rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--rule);background:#fff}.post-thumbnail,.attachment-thumbnail{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.compose-plus{display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;padding:0 0 .08rem;border-radius:50%;font-size:2.15rem;line-height:1;font-weight:300}
.image-gallery-dialog{max-width:min(900px,calc(100% - 2rem));background:transparent}.image-gallery-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:70vh;padding:2.8rem 4.5rem;background:rgba(25,22,18,.96);border-radius:14px}.image-gallery-card>img{display:block;max-width:100%;max-height:75vh;object-fit:contain}.gallery-close,.gallery-arrow{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:2rem}.gallery-close{right:1rem;top:1rem}.gallery-previous{left:1rem;top:50%;transform:translateY(-50%)}.gallery-next{right:1rem;top:50%;transform:translateY(-50%)}.gallery-position{position:absolute;bottom:.8rem;left:50%;transform:translateX(-50%);margin:0;color:#fff;font-family:Inter,sans-serif;font-size:.72rem}.post-thumbnail-link,.attachment-thumbnail-link{padding:0;cursor:pointer}
@media(max-width:600px){.inline-comments-list .comment.reply-comment{width:82%}}

/* Plain composer, drafts, and six-image rows */
.composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-right:2.25rem}.drafts-pill{align-self:center;padding:.45rem 1rem;border:1px solid var(--rule);border-radius:999px;background:transparent;color:var(--ink);font-family:Inter,sans-serif;font-size:.7rem;font-weight:600}.drafts-pill:hover{background:var(--ink);color:#fff;opacity:1}.composer-actions{display:flex;justify-content:flex-end;gap:.65rem}.drafts-list{display:grid;gap:.65rem}.draft-item{display:flex;align-items:center;gap:.65rem;padding:.7rem;border:1px solid var(--rule);border-radius:10px;background:#faf6ee}.draft-item>button:first-child{display:grid;flex:1;gap:.15rem;text-align:left;background:transparent;color:var(--ink);padding:.2rem}.draft-item span{font-family:Inter,sans-serif;font-size:.65rem;color:var(--muted)}
.post-thumbnail-row,.post-image-preview-list{display:flex;flex-flow:row wrap;align-items:center;gap:.65rem;margin:.7rem 0}.post-thumbnail-row .post-thumbnail-link{margin:0;flex:0 0 92px}.post-image-preview-list img{width:92px;height:92px;max-height:none;object-fit:cover;border-radius:8px}.post-image-preview{display:block}.post-image-preview .text-button{display:block;margin-top:.35rem}.expand-toggle{width:auto;min-width:auto;padding:.3rem .75rem;font-size:.66rem}

/* v17 heading scale, author rule, and centered compose control */
.brand{font-size:clamp(2rem,6vw,3.5rem);font-weight:500;line-height:1.05}.feed-heading h1,.section-heading h1{font-size:1.55rem;font-weight:600;line-height:1.1}.compose-plus{display:inline-grid;place-items:center;width:2.55rem;height:2.55rem;padding:0;border-radius:50%;font-size:2.15rem;line-height:1;font-weight:300}.post-card>.author-line,.pin-card>.author-line{padding-bottom:.75rem;margin-bottom:.65rem;border-bottom:1px solid var(--rule)}

/* v18 pinned layout and interaction polish */
.brand{font-size:clamp(calc(2rem - 1pt),6vw,calc(3.5rem - 1pt))}.feed-heading h1,.section-heading h1{font-size:calc(1.55rem + 1pt)}.pin-card .attachment-thumbnail-link{display:inline-block;margin:.7rem .65rem .7rem 0;vertical-align:top}.pins{position:relative}.pins>.eyebrow+#pinsList>.pin-card:first-child>.post-menu-wrap{top:-2.25rem;right:0}.icon-control,.more-button,.compose-plus,.tag-index button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .12s ease}.icon-control:active,.more-button:active,.compose-plus:active,.tag-index button:active{transform:scale(.96)}

/* v19 tag entry, popup scrolling, icon alignment, and header date */
.brand-block{display:grid;gap:.2rem}.header-date{font-family:Inter,sans-serif;font-size:.68rem;color:var(--muted);letter-spacing:.03em}.compose-plus,.more-button,.gallery-close,.gallery-arrow,.avatar-button{display:inline-grid!important;place-items:center!important;padding:0!important;line-height:1!important}.gallery-close,.gallery-arrow,.compose-plus{font-family:Arial,sans-serif}.tag-entry-control{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;min-height:3rem;padding:.45rem .55rem;border:1px solid #c9bdab;border-radius:8px;background:#fff}.post-tag-pills{display:contents}.post-tag-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .35rem .28rem .6rem;border:1px solid var(--rule);border-radius:999px;background:var(--paper);font-family:Inter,sans-serif;font-size:.68rem}.post-tag-pill button{display:grid;place-items:center;width:1.25rem;height:1.25rem;padding:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1rem;line-height:1;opacity:.15}.post-tag-pill:hover button,.post-tag-pill:focus-within button{opacity:1}.post-tag-pill button:hover{background:var(--ink);color:#fff}.tag-entry-control input{flex:1;min-width:120px;padding:.25rem;border:0;border-radius:0;outline:0;background:transparent}.book-cover-preview{display:block;margin-top:.45rem}.book-cover-preview img{display:block;width:76px;max-height:112px;object-fit:cover;border:1px solid var(--rule);border-radius:6px}dialog{overflow:hidden;max-height:calc(100dvh - 2rem)}dialog>.dialog-card,dialog>form.dialog-card{max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(75,68,59,.5) transparent}dialog>.dialog-card::-webkit-scrollbar,dialog>form.dialog-card::-webkit-scrollbar{width:7px}dialog>.dialog-card::-webkit-scrollbar-track,dialog>form.dialog-card::-webkit-scrollbar-track{background:transparent;margin:14px 0}dialog>.dialog-card::-webkit-scrollbar-thumb,dialog>form.dialog-card::-webkit-scrollbar-thumb{background:rgba(75,68,59,.48);border-radius:999px;border:2px solid transparent;background-clip:padding-box}body:has(dialog[open]){overflow:hidden}

/* Member notifications */
.notification-button{position:relative;display:grid;place-items:center;width:2.15rem;height:2.15rem;padding:0;border:1px solid var(--rule);border-radius:9px;background:transparent;color:var(--ink);font-size:1rem}.notification-button:hover{background:#ece4d5;opacity:1}.notification-count{position:absolute;right:-.32rem;top:-.32rem;display:grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border-radius:999px;background:#a83d3d;color:#fff;font-family:Inter,sans-serif;font-size:.55rem;font-weight:700}.notification-card{width:min(560px,calc(100% - 2rem))}.notification-list{display:grid;gap:.55rem;max-height:280px;overflow-y:auto;margin:.8rem 0}.notification-item{padding:.7rem .8rem;border:1px solid var(--rule);border-radius:9px;background:#faf7f0}.notification-item.unread{border-left:4px solid var(--ink);background:#f2eadb}.notification-item p{margin:0}.notification-item span{color:var(--muted);font-family:Inter,sans-serif;font-size:.62rem}.notification-preferences{display:grid;gap:.7rem}.notification-preferences label{display:flex!important;align-items:center;gap:.55rem}.notification-preferences input{width:auto!important}.notification-card hr{margin:1.2rem 0;border:0;border-top:1px solid var(--rule)}

/* Popup scrollbars: floating thumb without directional arrow buttons */
dialog>.dialog-card::-webkit-scrollbar-button,dialog>form.dialog-card::-webkit-scrollbar-button{display:none;width:0;height:0}

/* Compact account menu and private member directory */
.account{position:relative}.account-menu-button{display:grid;place-items:center;padding:.25rem;border:0;border-radius:50%;background:transparent;color:var(--ink)}.account-menu-button:hover{background:#ece4d5;opacity:1}.account-menu-button #accountName{display:none!important}.account-avatar-wrap{position:relative;display:inline-grid}.account-menu{position:absolute;right:0;top:calc(100% + .55rem);z-index:30;min-width:210px;padding:.4rem;border:1px solid var(--rule);border-radius:12px;background:#fffdf8;box-shadow:0 14px 36px rgba(40,31,22,.16)}.account-menu button{display:block;width:100%;padding:.62rem .75rem;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font-family:Inter,sans-serif;font-size:.68rem}.account-menu button:hover{background:var(--paper);opacity:1}.account-menu .danger{color:#8a342c;border-top:1px solid var(--rule);border-radius:0 0 8px 8px;margin-top:.25rem}.account-settings-card{width:min(500px,calc(100% - 2rem))}.directory-card{width:min(620px,calc(100% - 2rem))}.member-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.75rem;margin-top:1rem}.directory-member{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--rule);border-radius:10px;background:#faf7f0}.directory-member img,.directory-avatar-fallback{width:2.35rem;height:2.35rem;flex:0 0 2.35rem;border-radius:50%;object-fit:cover;border:1px solid var(--rule)}.directory-avatar-fallback{display:grid;place-items:center;background:#e5dac8;font-family:Inter,sans-serif;font-size:.72rem}.directory-member strong{font-family:"EB Garamond",Georgia,serif;font-size:1rem}.account-avatar-wrap .notification-count{right:-.38rem;top:-.3rem}

/* Rich composer and member mentions */
.post-body-editor{min-height:280px;width:100%;padding:.8rem .9rem;border:1px solid var(--rule);border-radius:9px;background:#fff;color:var(--ink);font:inherit;line-height:1.5;outline:none;overflow-wrap:anywhere}.post-body-editor:focus{border-color:#9f8f79;box-shadow:0 0 0 3px rgba(159,143,121,.12)}.post-body-editor:empty::before{content:"Write your note";color:#8c8275;pointer-events:none}.post-body-editor ul,.post-body-editor ol{padding-left:1.5rem}.post-body-editor blockquote{margin:.6rem 0;padding-left:1rem;border-left:3px solid var(--ink)}.mention-pill{display:inline-flex;align-items:center;padding:.16rem .42rem;border:1px solid #cfc2ae;border-radius:6px;background:#efe7d9;color:var(--ink);font-family:Inter,sans-serif;font-size:.74em;font-weight:600;line-height:1.3;vertical-align:baseline}.tagged-members{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}

/* Composer keyboard guidance */
.keyboard-hint{margin:-.7rem 0 .25rem;color:var(--muted);font-family:Inter,sans-serif;font-size:.62rem;line-height:1.45}

/* Click-to-expand posts */
.expandable-post{cursor:pointer}.expandable-post button,.expandable-post a,.expandable-post input,.expandable-post textarea,.expandable-post select{cursor:auto}.expandable-post[aria-expanded="true"]{box-shadow:0 12px 32px rgba(47,39,29,.08)}

/* Twitter-style previews for links included in post text. */
.link-preview-slot{margin:.9rem 0}.link-preview-card{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:118px;overflow:hidden;border:1px solid var(--rule);border-radius:12px;background:#faf7f0;color:var(--ink);text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.link-preview-card:hover{background:#f4eee3;border-color:#b9aa94;opacity:1}.link-preview-card>img{display:block;width:118px;height:118px;object-fit:cover}.link-preview-copy{display:flex;flex-direction:column;justify-content:center;gap:.18rem;min-width:0;padding:.75rem .9rem}.link-preview-site{font-family:Inter,sans-serif;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.link-preview-copy strong{font-family:"EB Garamond",Georgia,serif;font-size:1rem;line-height:1.15}.link-preview-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:.82rem;line-height:1.25}.formatted-post-body a{color:#304b64;text-decoration:underline;text-underline-offset:2px}@media(max-width:520px){.link-preview-card{grid-template-columns:88px minmax(0,1fr);min-height:96px}.link-preview-card>img{width:88px;height:96px}.link-preview-description{-webkit-line-clamp:1}}

/* Header date: three points larger than the previous setting. */
.header-date{font-size:calc(.78rem + 3pt)!important}

/* Refined reactions and quiet overflow menus */
.more-button,.more-button:hover,.more-button:focus-visible,.more-button[aria-expanded="true"]{width:2.1rem!important;min-width:2.1rem!important;border-radius:50%!important;background:transparent!important;color:var(--muted)!important}.more-button:hover,.more-button:focus-visible{background:#ece4d5!important;color:var(--ink)!important}.more-button::after{display:none!important;content:none!important}.like-toggle>span:first-child{font-family:"Arial Rounded MT Bold","Segoe UI Symbol",Arial,sans-serif;font-size:1.12rem!important;font-weight:700;line-height:1;transform-origin:center}.like-toggle:hover{background:#faf1ee;border-color:#d7bbb8}.comment-like{font-family:Inter,sans-serif}.comment-like::first-letter{font-family:"Arial Rounded MT Bold","Segoe UI Symbol",Arial,sans-serif}

/* Inline member sign-in gate */
.access-gate{width:min(460px,calc(100% - 2rem));margin:6rem auto;text-align:left}.access-gate>.eyebrow,.access-gate>h1{text-align:center}.access-gate h1{font-size:2rem;margin:.45rem 0 1.6rem}.access-signin-form{display:grid;gap:1rem}.access-signin-form label{display:grid;gap:.35rem}.access-signin-form input{width:100%;padding:.8rem .9rem;border:1px solid var(--rule);border-radius:9px;background:#fff;color:var(--ink);font:inherit}.access-signin-form button{width:100%;padding:.75rem}.access-signin-form .form-message{margin:0;color:#8a342c}

/* Keep the native hidden attribute authoritative over component display rules. */
[hidden]{display:none!important}

/* Profile cropper and stronger post-author hierarchy */
.group-book-publisher{font-style:italic;color:var(--muted);margin-top:-.45rem!important}.avatar-crop-card{width:min(520px,calc(100% - 2rem))}.avatar-crop-stage{position:relative;width:min(320px,75vw);aspect-ratio:1;margin:1rem auto;overflow:hidden;border-radius:50%;background:#ded5c6;box-shadow:0 0 0 1px var(--rule),0 0 0 999px rgba(38,31,24,.06)}.avatar-crop-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.avatar-crop-stage canvas:active{cursor:grabbing}.avatar-crop-card input[type="range"]{width:100%}.member-avatar{width:2.65rem;height:2.65rem;flex-basis:2.65rem;object-fit:cover}.author-line{align-items:center;gap:.75rem}.author-copy{display:grid;gap:.08rem}.author-name{font-family:"EB Garamond",Georgia,serif;font-size:1.08rem;font-weight:600;line-height:1.1}.author-meta{margin:0;color:var(--muted);font-family:Inter,sans-serif;font-size:.65rem;line-height:1.3}.avatar-button,.avatar-button img,img.avatar-button{object-fit:cover}

/* v20 responsiveness, optimistic likes, and compact controls */
.header-date{font-family:"EB Garamond",Georgia,serif;font-size:.78rem;letter-spacing:.01em}.compose-plus{width:2.05rem!important;height:2.05rem!important;font-size:1.65rem!important}.more-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:2.1rem;min-width:2.1rem;overflow:hidden;white-space:nowrap;transition:width .18s ease,background-color .16s ease,color .16s ease,transform .12s ease!important}.more-button::after{content:"Options";max-width:0;overflow:hidden;opacity:0;margin-left:0;font-size:.62rem;letter-spacing:.02em;transition:max-width .18s ease,opacity .12s ease,margin-left .18s ease}.more-button:hover,.more-button:focus-visible,.more-button[aria-expanded="true"]{width:5rem;border-radius:999px}.more-button:hover::after,.more-button:focus-visible::after,.more-button[aria-expanded="true"]::after{max-width:3.2rem;opacity:1;margin-left:.3rem}.like-toggle[aria-pressed="true"],.comment-like[aria-pressed="true"]{color:#c52d37!important;border-color:#d9a2a7!important;background:#fff5f5!important}.like-toggle[aria-pressed="true"]>span:first-child,.comment-like[aria-pressed="true"]{color:#c52d37!important}.heart-pop{display:inline-block;animation:heart-pop .28s cubic-bezier(.2,.9,.35,1.35)}@keyframes heart-pop{0%{transform:scale(1)}55%{transform:scale(1.42)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.heart-pop{animation:none}.more-button{transition:none!important}}label.comment-attachment-field{display:block}.comment-attachment-field .hint{display:inline}.comment-attachment-field input{display:block}

/* v25 PWA: native-feeling iPhone interaction without changing the desktop design. */
button,a,select,input,label{-webkit-touch-callout:none}button,.icon-control,.more-button,.compose-plus{touch-action:manipulation}.site-header{padding-top:max(1.2rem,env(safe-area-inset-top));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}dialog::backdrop{background:rgba(37,31,24,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.like-toggle,.comment-like{will-change:transform,color,background-color}.like-toggle:active,.comment-like:active,.compose-plus:active{transform:scale(.94)}.app-booting #appShell,.app-booting #accessGate{visibility:hidden;opacity:0}.shell,.access-gate{transition:opacity .14s ease}.app-booting{overflow:hidden}
@media(display-mode:standalone){html,body{overscroll-behavior-y:auto}body{min-height:100dvh}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem)}dialog>.dialog-card,dialog>form.dialog-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}
@media(max-width:600px){body{font-size:17px}.shell{width:100%;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.post-card,.pin-card{border-radius:14px}.icon-control{height:42px;min-height:42px}.like-toggle{width:auto;min-width:78px;padding:0 14px;border-radius:999px}.like-toggle .control-label{display:inline}.account-menu-button{min-height:44px}.feed-tools select{min-height:42px}.inline-comment-form textarea{font-size:16px}dialog{width:calc(100% - 1rem);margin:.5rem auto;border-radius:16px}.gallery-close,.gallery-arrow{min-width:44px;min-height:44px}}

/* Mobile reactions remain perfectly circular and cannot be compressed by the action row. */
@media(max-width:600px){.post-controls .like-toggle,.post-controls .comment-toggle,.pin-actions .like-toggle,.pin-actions .comment-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;flex:0 0 42px!important;padding:0!important;border-radius:50%!important}.post-controls .control-label,.pin-actions .control-label{display:none!important}.comment-icon{margin:0!important}.shell.pulling{will-change:transform}}

/* iPhone-style floating composer: anchored to the safe-area corner while the feed scrolls. */
@media(max-width:600px){.compose-plus{position:fixed!important;right:max(1rem,env(safe-area-inset-right))!important;bottom:max(1rem,env(safe-area-inset-bottom))!important;z-index:19!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:3.25rem!important;height:3.25rem!important;min-width:3.25rem!important;min-height:3.25rem!important;padding:0!important;border-radius:50%!important;box-shadow:0 8px 24px rgba(35,28,20,.24)!important;font-size:2rem!important;line-height:1!important}.compose-plus:hover,.compose-plus:focus-visible{transform:none}.compose-plus:active{transform:scale(.94)!important}}

/* Mobile post composer presented as a native-style bottom sheet. */
@media(max-width:600px){#writeDialog{inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;border-radius:20px 20px 0 0!important;overflow:visible!important;background:transparent}#writeDialog[open]{animation:composer-sheet-up .3s cubic-bezier(.2,.85,.3,1) both}#writeDialog.closing{animation:composer-sheet-down .22s ease-in both}#writeDialog::backdrop{animation:composer-backdrop-in .22s ease-out both}#writeDialog.closing::backdrop{animation:composer-backdrop-out .22s ease-in both}#writeDialog #writeForm{position:relative;width:100%;max-height:92dvh!important;padding:2rem 1.15rem max(1.2rem,env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;border-bottom:0;gap:.8rem;box-shadow:0 -18px 55px rgba(31,25,19,.2)}#writeDialog #writeForm::before{content:"";position:absolute;top:.55rem;left:50%;width:2.6rem;height:.28rem;border-radius:999px;background:#c8bdad;transform:translateX(-50%)}#writeDialog .composer-heading h2{font-size:1.55rem}#writeDialog .post-body-editor{min-height:180px}#writeDialog .close{top:.85rem;right:.8rem}@keyframes composer-sheet-up{from{transform:translate3d(0,105%,0)}to{transform:translate3d(0,0,0)}}@keyframes composer-sheet-down{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,105%,0)}}@keyframes composer-backdrop-in{from{background:rgba(35,29,22,0)}to{background:rgba(35,29,22,.45)}}@keyframes composer-backdrop-out{from{background:rgba(35,29,22,.45)}to{background:rgba(35,29,22,0)}}}

/* Centered mobile masthead and one rounded, fixed catchall tray. */
.mobile-catchall{display:none}
@media(max-width:600px){body{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.site-header{justify-content:center!important;text-align:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.site-header .brand-block{justify-items:center;width:100%;text-align:center}.site-header .account-menu-button{display:none!important}.site-header .account{position:absolute;right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top))}#writeButton{display:none!important}.mobile-catchall:not([hidden]){position:fixed;left:50%;bottom:max(.8rem,env(safe-area-inset-bottom));z-index:28;display:grid;grid-template-columns:2.75rem 3.15rem 2.75rem;align-items:center;justify-items:center;gap:.55rem;padding:.48rem .62rem;border:1px solid rgba(184,169,148,.82);border-radius:1.65rem;background:rgba(255,253,248,.92);box-shadow:0 10px 30px rgba(35,28,20,.2);transform:translateX(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tray-control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;min-width:2.7rem;min-height:2.7rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink)}.mobile-tray-control:active{transform:scale(.92)}.mobile-tray-control svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-tray-compose{width:3.05rem;height:3.05rem;min-width:3.05rem;min-height:3.05rem;background:var(--ink);color:#fff;font-family:Arial,sans-serif;font-size:2rem;font-weight:300;line-height:1}.mobile-profile-control img,.mobile-avatar-fallback{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--rule);border-radius:50%;background:#e6dccb;object-fit:cover;font-family:Inter,sans-serif;font-size:.72rem}.mobile-catchall .notification-count{right:-.05rem;top:-.05rem}.account-menu{position:fixed!important;right:max(1rem,env(safe-area-inset-right))!important;top:auto!important;bottom:calc(5.3rem + env(safe-area-inset-bottom))!important}.compose-plus{display:none!important}}

/* All catchall destinations rise from the bottom and occupy more of the phone screen. */
@media(max-width:600px){#writeDialog,#notificationDialog{inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:97dvh!important;margin:0!important;border-radius:22px 22px 0 0!important;overflow:visible!important;background:transparent}#writeDialog #writeForm,#notificationDialog>.dialog-card{width:100%;min-height:90dvh;max-height:97dvh!important;padding:2.15rem 1.15rem max(1.35rem,env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;border-bottom:0;overflow-y:auto;box-shadow:0 -20px 60px rgba(31,25,19,.22)}#notificationDialog[open]{animation:composer-sheet-up .3s cubic-bezier(.2,.85,.3,1) both}#notificationDialog>.dialog-card::before{content:"";position:absolute;top:.6rem;left:50%;width:2.8rem;height:.28rem;border-radius:999px;background:#c8bdad;transform:translateX(-50%)}.account-menu:not([hidden]){left:0!important;right:0!important;top:auto!important;bottom:0!important;z-index:46!important;display:grid!important;gap:.25rem;width:100%!important;min-width:0!important;min-height:55dvh;padding:2.25rem 1rem max(1.25rem,env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;border-bottom:0;background:rgba(255,253,248,.98)!important;box-shadow:0 -20px 60px rgba(31,25,19,.23)!important;animation:composer-sheet-up .3s cubic-bezier(.2,.85,.3,1) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-menu:not([hidden])::before{content:"";position:absolute;top:.65rem;left:50%;width:2.8rem;height:.28rem;border-radius:999px;background:#c8bdad;transform:translateX(-50%)}.account-menu button{padding:.85rem 1rem!important;border-radius:10px!important;font-size:.78rem!important}.account-menu .danger{margin-top:auto!important}.mobile-catchall{transition:opacity .18s ease,transform .18s ease}body:has(#writeDialog[open]) .mobile-catchall,body:has(#notificationDialog[open]) .mobile-catchall{opacity:0;pointer-events:none}}

/* Phone image strips stay inside their cards; the viewer pages and dismisses by gesture. */
@media(max-width:600px){.post-thumbnail-row{display:flex!important;flex-flow:row nowrap!important;width:100%;max-width:100%;gap:.55rem;overflow-x:auto;overflow-y:hidden;padding:.1rem 0 .45rem;margin:.7rem 0;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}.post-thumbnail-row::-webkit-scrollbar{display:none}.post-thumbnail-row{scrollbar-width:none}.post-thumbnail-row .post-thumbnail-link{flex:0 0 92px!important;scroll-snap-align:start}.comment .attachment-thumbnail-link,.pin-card .attachment-thumbnail-link{display:inline-block;margin-right:.5rem}.image-gallery-card{touch-action:none!important;background:#151310;transition:background-color .12s linear}.image-gallery-card>img{touch-action:none}.image-gallery-dialog .gallery-close{display:none!important}.image-gallery-dialog .gallery-position{pointer-events:none}}

/* Compact media picker beside the post type. */
.type-media-row{display:grid;grid-template-columns:minmax(0,1fr) 3.25rem;align-items:end;gap:.7rem}.post-type-field{min-width:0}.post-media-picker{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:3.25rem;height:3.25rem;padding:0!important;border:1px solid #c9bdab;border-radius:.8rem;background:#fff;color:var(--ink);cursor:pointer;font-family:Arial,sans-serif;font-size:1.75rem;font-weight:300;line-height:1;transition:background-color .15s ease,transform .12s ease}.post-media-picker:hover,.post-media-picker:focus-within{background:var(--paper)}.post-media-picker:active{transform:scale(.95)}@media(max-width:600px){.type-media-row{grid-template-columns:minmax(0,1fr) 3.5rem;gap:.65rem}.post-media-picker{width:3.5rem;height:3.5rem;border-radius:.9rem;font-size:2rem}}

/* The mobile sheet handle replaces corner close controls. */
@media(max-width:600px){#writeDialog .close,#notificationDialog .close{display:none!important}#writeDialog::backdrop,#notificationDialog::backdrop{background:rgba(35,29,22,var(--sheet-dim,.45))!important}#writeDialog #writeForm,#notificationDialog>.dialog-card,.account-menu:not([hidden]){touch-action:pan-y;will-change:transform}#writeDialog .post-body-editor{font-size:20px!important;line-height:1.55}}

/* v33: calm mobile composer opening and native-feeling profile-sheet scrolling */
@media(max-width:600px){
  #writeForm:focus{outline:0}
  #writeDialog .post-body-editor{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
  .account-menu:not([hidden]){
    height:88dvh!important;
    min-height:88dvh!important;
    max-height:88dvh!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(8rem + env(safe-area-inset-bottom))!important;
  }
  .account-menu:not([hidden])::after{
    content:"";
    display:block;
    grid-column:1/-1;
    min-height:18dvh;
    pointer-events:none;
  }
}

/* v43 composer and conversation repair */
#writeDialog{max-width:min(960px,calc(100% - 2rem))!important}
#writeDialog .close{display:none!important}
#writeDialog #writeForm{width:100%!important;gap:.8rem!important}
#writeDialog .composer-heading{display:flex!important;align-items:center!important;justify-content:space-between!important}
#writeDialog .composer-drafts-button{position:static!important;display:grid!important;place-items:center!important;width:2.6rem!important;height:2.6rem!important;min-width:2.6rem!important;padding:0!important;border:1px solid var(--rule)!important;border-radius:50%!important;background:transparent!important}
#writeDialog .composer-drafts-button svg{display:block!important;width:1.35rem!important;height:1.35rem!important;fill:none!important;stroke:currentColor!important;stroke-width:1.55!important}
#writeDialog .post-compose-primary{position:relative!important;width:100%!important;min-width:0!important}
#writeDialog .post-note-field{width:100%!important;min-width:0!important}
#writeDialog .unified-post-editor{box-sizing:border-box!important;width:100%!important;min-height:9.5rem!important;max-height:48dvh!important;padding:1rem 1rem 2.45rem!important}
#writeDialog .composer-body-line{min-height:4.75rem!important}
#writeDialog .draft-counter{position:absolute!important;z-index:2!important;right:1rem!important;bottom:.65rem!important;margin:0!important;padding:0!important;pointer-events:none!important}
#writeDialog #postWordCount{font-family:Lato,Arial,sans-serif!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.07em!important;color:var(--muted)!important}
.comment-toggle .control-label,[data-pin-comments] .control-label{display:none!important}
.comment-toggle{display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:50%!important;font-size:0!important}
.comment-toggle .comment-icon{display:block!important;width:1.22rem!important;height:1.16rem!important;margin:0!important;background-color:currentColor!important}

@media(max-width:600px){
  #writeDialog #writeForm{min-height:0!important;height:auto!important;max-height:94dvh!important;padding-inline:.85rem!important}
  #writeDialog .unified-post-editor{min-height:8.5rem!important;max-height:42dvh!important;padding:.8rem .8rem 2.25rem!important;font-size:20px!important}
  #writeDialog .composer-title-line{min-height:2rem!important;padding-bottom:.4rem!important}
  #writeDialog .composer-body-line{min-height:4rem!important;padding-top:.55rem!important}
  #writeDialog .draft-counter{right:.8rem!important;bottom:.55rem!important}
  .inline-comments:not([hidden]),.pin-inline-comments:not([hidden]){position:fixed!important;inset:auto 0 0 0!important;z-index:70!important;display:flex!important;flex-direction:column!important;width:100%!important;height:72dvh!important;max-height:88dvh!important;margin:0!important;padding:2.35rem .85rem calc(.8rem + env(safe-area-inset-bottom))!important;border:1px solid var(--rule)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:#f8f4eb!important;box-shadow:0 -20px 60px rgba(31,25,19,.25)!important;overflow:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important}
  .inline-comments:not([hidden])::before,.pin-inline-comments:not([hidden])::before{content:""!important;position:absolute!important;top:.72rem!important;left:50%!important;width:3.25rem!important;height:.34rem!important;border-radius:999px!important;background:#938a7c!important;transform:translateX(-50%)!important}
  .inline-comments-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .inline-comment-form,[data-pin-comment-form]{flex:0 0 auto!important;margin:0!important;padding:.7rem 0 0!important;border-top:1px solid var(--rule)!important;background:#f8f4eb!important}
  .inline-comment-form textarea,[data-pin-comment-form] textarea{height:3.2rem!important;min-height:3.2rem!important;max-height:9rem!important;border-radius:18px!important;font-size:18px!important;resize:none!important}
  body.comment-sheet-open .mobile-catchall{opacity:0!important;pointer-events:none!important}
}

/* v63: paragraph spacing and a counter that follows the growing editor. */
.formatted-post-body .paragraph-space{display:block!important;min-height:.9em!important;margin:0!important}
#writeDialog .post-compose-primary{position:relative!important}
#writeDialog .draft-counter{position:static!important;z-index:auto!important;align-self:auto!important;justify-self:stretch!important;display:flex!important;justify-content:flex-end!important;margin:.25rem 0 0!important;padding:0 .15rem!important;background:transparent!important;pointer-events:none!important}

/* v42: unified sheets, compact composer, and transparent typography. */
:where(h1,h2,h3,h4,h5,h6,p,time,span,strong,em,small,blockquote,li,.author-line,.author-meta,.meta,.eyebrow,.formatted-post-body,.formatted-post-body *){background-color:transparent!important}
.post-card.pin-card>h2,.post-card.pin-card>.author-line,.post-card.pin-card .author-name,.post-card.pin-card .author-meta{background:transparent!important;background-color:transparent!important}

body.overlay-scroll-locked{position:fixed!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}

#writeDialog .composer-heading{align-items:center;padding-right:0}
#writeDialog .composer-drafts-button{display:grid;place-items:center;flex:0 0 2.7rem;width:2.7rem;height:2.7rem;min-width:2.7rem;padding:0;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink)}
#writeDialog .composer-drafts-button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#writeDialog .composer-actions{display:block!important;position:sticky;bottom:-1.35rem;z-index:4;padding:.8rem 0 1rem;background:linear-gradient(to bottom,rgba(255,253,248,0),#fffdf8 18%)}
#writeDialog #publishButton{display:block;width:100%;min-height:3.3rem;border-radius:999px!important;font-family:Lato,Arial,sans-serif!important;font-weight:700!important;letter-spacing:.09em;text-transform:uppercase}
#writeDialog .unified-post-editor{height:auto;min-height:11.75rem!important;max-height:52dvh!important;overflow-y:hidden;padding:1rem!important}
#writeDialog .composer-body-line{min-height:7rem!important;font-weight:500!important}
#writeDialog .unified-post-editor:focus [data-placeholder]:empty::before,#writeDialog .unified-post-editor:focus [data-placeholder]:has(>br:only-child)::before{opacity:0}

@media(max-width:600px){
  #writeDialog .unified-post-editor{min-height:11.75rem!important;max-height:52dvh!important;font-size:20px!important}
  #writeDialog #writeForm,#notificationDialog>.dialog-card,.account-menu:not([hidden]),.inline-comments:not([hidden]){will-change:transform;transform:translate3d(0,0,0)}
  #writeDialog #writeForm::before,#notificationDialog>.dialog-card::before,.account-menu:not([hidden])::before,.inline-comments:not([hidden])::before{content:""!important;position:absolute!important;top:.72rem!important;left:50%!important;display:block!important;width:3.25rem!important;height:.34rem!important;min-height:.34rem!important;margin:0!important;border:0!important;border-radius:999px!important;background:#aaa092!important;transform:translateX(-50%)!important;pointer-events:none!important}
  #writeDialog #writeForm,.account-menu:not([hidden]),#notificationDialog>.dialog-card,.inline-comments:not([hidden]){padding-top:2.35rem!important}
  .sheet-is-dragging{transition:none!important;user-select:none!important;-webkit-user-select:none!important}

  .inline-comments:not([hidden]){position:fixed!important;inset:auto 0 0 0!important;z-index:70!important;display:flex!important;flex-direction:column!important;width:100%!important;height:min(82dvh,720px)!important;max-height:90dvh!important;margin:0!important;padding:2.4rem 1rem calc(1rem + env(safe-area-inset-bottom))!important;border:1px solid var(--rule)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:#f8f4eb!important;box-shadow:0 -20px 60px rgba(31,25,19,.25)!important;overflow:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .inline-comments:not([hidden]) .inline-comments-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.2rem .1rem 1rem;-webkit-overflow-scrolling:touch}
  .inline-comments:not([hidden]) .inline-comment-form{flex:0 0 auto;display:grid;gap:.55rem;padding-top:.75rem;border-top:1px solid var(--rule);background:#f8f4eb}
  .inline-comments:not([hidden]) .inline-comment-form label:first-child{font-size:0}
  .inline-comments:not([hidden]) .inline-comment-form textarea{display:block;width:100%;height:3.35rem;min-height:3.35rem;max-height:11.25rem;padding:.8rem 1rem;border:1px solid var(--rule);border-radius:18px;background:#fff;font-size:18px!important;line-height:1.35;resize:none;overflow-y:auto}
  .inline-comments:not([hidden]) .comment-form-actions{display:flex;justify-content:flex-end;gap:.55rem}
  .inline-comments:not([hidden]) .comment-form-actions button{min-height:2.75rem;border-radius:999px;padding:.55rem 1.15rem}
  body.comment-sheet-open .mobile-catchall{opacity:0!important;pointer-events:none!important}
}

/* A quiet, consistent response system for taps, publishing, and newly revealed content. */
button,.button,.secondary,.icon-control,.more-button,.compose-plus,.tag,[role="button"],a.calendar-button{
  transform:translateZ(0);
  transition:transform .15s cubic-bezier(.2,.8,.2,1),background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease!important;
  -webkit-tap-highlight-color:transparent;
}
button:active,.button:active,.secondary:active,.icon-control:active,.more-button:active,.compose-plus:active,.tag:active,[role="button"]:active,a.calendar-button:active{transform:scale(.94)!important}
.ui-pressed{animation:ui-control-pop .28s cubic-bezier(.2,.85,.25,1)}
.ui-reveal{animation:ui-content-reveal .34s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
dialog[open] .dialog-card{animation:ui-sheet-reveal .28s cubic-bezier(.2,.82,.2,1) both}
.account-menu:not([hidden]),.inline-comments:not([hidden]){animation:ui-sheet-reveal .28s cubic-bezier(.2,.82,.2,1) both}
@keyframes ui-control-pop{0%{transform:scale(1)}42%{transform:scale(.92)}100%{transform:scale(1)}}
@keyframes ui-content-reveal{0%{opacity:0;transform:translateY(10px) scale(.992)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ui-sheet-reveal{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Final mobile account sheet: anchored, immediately scrollable, and clear of the tray. */
@media(max-width:600px){
  .account-menu-scrim:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:58!important;background:rgba(35,29,22,.28)!important}
  .account-menu:not([hidden]){
    position:fixed!important;
    inset:auto 0 0 0!important;
    z-index:59!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    height:82dvh!important;
    min-height:82dvh!important;
    max-height:92dvh!important;
    gap:.75rem!important;
    padding:2.75rem 1.25rem calc(2rem + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:1px solid var(--rule)!important;
    border-bottom:0!important;
    border-radius:24px 24px 0 0!important;
    background:#fffdf8!important;
    box-shadow:0 -18px 55px rgba(31,25,19,.24)!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  .account-menu:not([hidden])::before{
    content:""!important;
    position:sticky!important;
    top:0!important;
    display:block!important;
    flex:0 0 .32rem!important;
    width:3.2rem!important;
    height:.32rem!important;
    min-height:.32rem!important;
    margin:-1.8rem auto 1rem!important;
    border-radius:999px!important;
    background:#bdb4a6!important;
    transform:none!important;
    pointer-events:none!important;
  }
  .account-menu:not([hidden]) button{flex:0 0 auto!important;width:min(100%,32rem)!important;min-height:3.55rem!important;border-radius:999px!important;text-align:center!important;touch-action:manipulation!important}
  .account-menu:not([hidden]) .danger{margin-top:auto!important;background:var(--ink)!important;color:#fff!important}
  body.account-sheet-open .mobile-catchall{display:none!important}
}

/* v42 final cascade lock */
:where(h1,h2,h3,h4,h5,h6,p,time,span,strong,em,small,blockquote,li,.author-line,.author-meta,.meta,.eyebrow,.formatted-post-body,.formatted-post-body *){background-color:transparent!important}
.post-card.pin-card>h2,.post-card.pin-card>.author-line,.post-card.pin-card .author-name,.post-card.pin-card .author-meta{background:transparent!important}
body.overlay-scroll-locked{position:fixed!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
#writeDialog .composer-heading{align-items:center!important;padding-right:0!important}
#writeDialog .composer-drafts-button{display:grid!important;place-items:center!important;flex:0 0 2.7rem!important;width:2.7rem!important;height:2.7rem!important;min-width:2.7rem!important;padding:0!important;border:1px solid var(--rule)!important;border-radius:50%!important;background:transparent!important;color:var(--ink)!important}
#writeDialog .composer-drafts-button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#writeDialog .composer-actions{display:block!important;position:sticky!important;bottom:-1.35rem!important;z-index:4!important;padding:.8rem 0 1rem!important;background:linear-gradient(to bottom,rgba(255,253,248,0),#fffdf8 18%)!important}
#writeDialog #publishButton{display:block!important;width:100%!important;min-height:3.3rem!important;border-radius:999px!important;font-family:Lato,Arial,sans-serif!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important}
#writeDialog .unified-post-editor{height:auto;min-height:11.75rem!important;max-height:52dvh!important;overflow-y:hidden;padding:1rem!important}
#writeDialog .composer-body-line{min-height:7rem!important;font-weight:500!important}
#writeDialog .unified-post-editor:focus [data-placeholder]:empty::before,#writeDialog .unified-post-editor:focus [data-placeholder]:has(>br:only-child)::before{opacity:0!important}
@media(max-width:600px){
  #writeDialog .unified-post-editor{min-height:11.75rem!important;max-height:52dvh!important;font-size:20px!important}
  #writeDialog #writeForm,#notificationDialog>.dialog-card,.account-menu:not([hidden]),.inline-comments:not([hidden]){will-change:transform!important;transform:translate3d(0,0,0)}
  #writeDialog #writeForm::before,#notificationDialog>.dialog-card::before,.account-menu:not([hidden])::before,.inline-comments:not([hidden])::before{content:""!important;position:absolute!important;top:.72rem!important;left:50%!important;display:block!important;width:3.25rem!important;height:.34rem!important;min-height:.34rem!important;margin:0!important;border:0!important;border-radius:999px!important;background:#aaa092!important;transform:translateX(-50%)!important;pointer-events:none!important}
  #writeDialog #writeForm,.account-menu:not([hidden]),#notificationDialog>.dialog-card,.inline-comments:not([hidden]){padding-top:2.35rem!important}
  .sheet-is-dragging{transition:none!important;user-select:none!important;-webkit-user-select:none!important}
  .inline-comments:not([hidden]){position:fixed!important;inset:auto 0 0 0!important;z-index:70!important;display:flex!important;flex-direction:column!important;width:100%!important;height:min(82dvh,720px)!important;max-height:90dvh!important;margin:0!important;padding:2.4rem 1rem calc(1rem + env(safe-area-inset-bottom))!important;border:1px solid var(--rule)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:#f8f4eb!important;box-shadow:0 -20px 60px rgba(31,25,19,.25)!important;overflow:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .inline-comments:not([hidden]) .inline-comments-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:.2rem .1rem 1rem!important;-webkit-overflow-scrolling:touch!important}
  .inline-comments:not([hidden]) .inline-comment-form{flex:0 0 auto!important;display:grid!important;gap:.55rem!important;padding-top:.75rem!important;border-top:1px solid var(--rule)!important;background:#f8f4eb!important}
  .inline-comments:not([hidden]) .inline-comment-form label:first-child{font-size:0!important}
  .inline-comments:not([hidden]) .inline-comment-form textarea{display:block!important;width:100%!important;height:3.35rem;min-height:3.35rem!important;max-height:11.25rem!important;padding:.8rem 1rem!important;border:1px solid var(--rule)!important;border-radius:18px!important;background:#fff!important;font-size:18px!important;line-height:1.35!important;resize:none!important;overflow-y:auto!important}
  .inline-comments:not([hidden]) .comment-form-actions{display:flex!important;justify-content:flex-end!important;gap:.55rem!important}
  .inline-comments:not([hidden]) .comment-form-actions button{min-height:2.75rem!important;border-radius:999px!important;padding:.55rem 1.15rem!important}
  body.comment-sheet-open .mobile-catchall{opacity:0!important;pointer-events:none!important}
}

/* Keep the v42 interaction rules last so legacy declarations cannot override them. */
:where(h1,h2,h3,h4,h5,h6,p,time,span,strong,em,small,blockquote,li,.author-line,.author-meta,.meta,.eyebrow,.formatted-post-body,.formatted-post-body *){background-color:transparent!important}
.post-card.pin-card>h2,.post-card.pin-card>.author-line,.post-card.pin-card .author-name,.post-card.pin-card .author-meta{background:transparent!important}
body.overlay-scroll-locked{position:fixed!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
#writeDialog .composer-heading{align-items:center!important;padding-right:0!important}
#writeDialog .composer-drafts-button{display:grid!important;place-items:center!important;flex:0 0 2.7rem!important;width:2.7rem!important;height:2.7rem!important;min-width:2.7rem!important;padding:0!important;border:1px solid var(--rule)!important;border-radius:50%!important;background:transparent!important;color:var(--ink)!important}
#writeDialog .composer-drafts-button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#writeDialog .composer-actions{display:block!important;position:sticky!important;bottom:-1.35rem!important;z-index:4!important;padding:.8rem 0 1rem!important;background:linear-gradient(to bottom,rgba(255,253,248,0),#fffdf8 18%)!important}
#writeDialog #publishButton{display:block!important;width:100%!important;min-height:3.3rem!important;border-radius:999px!important;font-family:Lato,Arial,sans-serif!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important}
#writeDialog .unified-post-editor{height:auto;min-height:11.75rem!important;max-height:52dvh!important;overflow-y:hidden;padding:1rem!important}
#writeDialog .composer-body-line{min-height:7rem!important;font-weight:500!important}
#writeDialog .unified-post-editor:focus [data-placeholder]:empty::before,#writeDialog .unified-post-editor:focus [data-placeholder]:has(>br:only-child)::before{opacity:0!important}
@media(max-width:600px){
  #writeDialog .unified-post-editor{min-height:11.75rem!important;max-height:52dvh!important;font-size:20px!important}
  #writeDialog #writeForm,#notificationDialog>.dialog-card,.account-menu:not([hidden]),.inline-comments:not([hidden]){will-change:transform!important;transform:translate3d(0,0,0)}
  #writeDialog #writeForm::before,#notificationDialog>.dialog-card::before,.account-menu:not([hidden])::before,.inline-comments:not([hidden])::before{content:""!important;position:absolute!important;top:.72rem!important;left:50%!important;display:block!important;width:3.25rem!important;height:.34rem!important;min-height:.34rem!important;margin:0!important;border:0!important;border-radius:999px!important;background:#aaa092!important;transform:translateX(-50%)!important;pointer-events:none!important}
  #writeDialog #writeForm,.account-menu:not([hidden]),#notificationDialog>.dialog-card,.inline-comments:not([hidden]){padding-top:2.35rem!important}
  .sheet-is-dragging{transition:none!important;user-select:none!important;-webkit-user-select:none!important}
  .inline-comments:not([hidden]){position:fixed!important;inset:auto 0 0 0!important;z-index:70!important;display:flex!important;flex-direction:column!important;width:100%!important;height:min(82dvh,720px)!important;max-height:90dvh!important;margin:0!important;padding:2.4rem 1rem calc(1rem + env(safe-area-inset-bottom))!important;border:1px solid var(--rule)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:#f8f4eb!important;box-shadow:0 -20px 60px rgba(31,25,19,.25)!important;overflow:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .inline-comments:not([hidden]) .inline-comments-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:.2rem .1rem 1rem!important;-webkit-overflow-scrolling:touch!important}
  .inline-comments:not([hidden]) .inline-comment-form{flex:0 0 auto!important;display:grid!important;gap:.55rem!important;padding-top:.75rem!important;border-top:1px solid var(--rule)!important;background:#f8f4eb!important}
  .inline-comments:not([hidden]) .inline-comment-form label:first-child{font-size:0!important}
  .inline-comments:not([hidden]) .inline-comment-form textarea{display:block!important;width:100%!important;height:3.35rem;min-height:3.35rem!important;max-height:11.25rem!important;padding:.8rem 1rem!important;border:1px solid var(--rule)!important;border-radius:18px!important;background:#fff!important;font-size:18px!important;line-height:1.35!important;resize:none!important;overflow-y:auto!important}
  .inline-comments:not([hidden]) .comment-form-actions{display:flex!important;justify-content:flex-end!important;gap:.55rem!important}
  .inline-comments:not([hidden]) .comment-form-actions button{min-height:2.75rem!important;border-radius:999px!important;padding:.55rem 1.15rem!important}
  body.comment-sheet-open .mobile-catchall{opacity:0!important;pointer-events:none!important}
}

/* Final mobile account-sheet sizing: comfortable controls with room to scroll and rebound. */
@media(max-width:600px){
  .account-menu:not([hidden]){
    height:84dvh!important;
    min-height:84dvh!important;
    gap:.9rem!important;
    padding:2.6rem 1rem calc(1.35rem + env(safe-area-inset-bottom))!important;
    scroll-padding-block:2rem!important;
  }
  .account-menu:not([hidden]) button{
    width:min(88%,26rem)!important;
    min-height:2.8rem!important;
    padding:.55rem 1rem!important;
    font-size:.82rem!important;
    line-height:1.15!important;
  }
  .account-menu:not([hidden]) .danger{
    margin-top:auto!important;
    margin-bottom:.35rem!important;
  }
  #signOutDialog .confirmation-card{width:min(90%,22rem)!important;padding:1.35rem!important}
  #signOutDialog .dialog-actions{display:flex!important;justify-content:center!important;gap:.8rem!important}
  #signOutDialog .dialog-actions button{width:auto!important;min-width:7rem!important;min-height:2.7rem!important;padding:.5rem 1rem!important}
}

/* The title is a movable layout object rather than an inline-only link. */
.layout-mode .brand,
.layout-preview-mode .brand{display:inline-block!important;position:relative!important}

/* One restrained mobile type step larger, comparable to one Safari text-size step. */
@media(max-width:600px){
  html{font-size:17.333px}
  body{font-size:19.333px}
}

/* Improve legibility while composing without changing published-post styling. */
#writeDialog .composer-body-line{font-weight:500!important}

.optimistic-pin-card{opacity:0;transform:translateY(14px) scale(.985);transition:opacity .2s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.optimistic-pin-card.is-visible{opacity:1;transform:translateY(0) scale(1)}
.pin-saving-status{margin-right:auto;color:var(--muted);font-family:Lato,sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}

/* Phone comments use a focused bottom sheet instead of stretching the feed card. */
@media(max-width:600px){
  body.comment-sheet-open{overflow:hidden!important;touch-action:none!important}
  body.comment-sheet-open .mobile-catchall{opacity:0!important;pointer-events:none!important}
  .inline-comments:not([hidden]){
    position:fixed!important;
    inset:auto 0 0 0!important;
    z-index:72!important;
    width:100%!important;
    max-width:none!important;
    max-height:86dvh!important;
    margin:0!important;
    padding:2.35rem 1.15rem calc(1.2rem + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:1px solid var(--rule)!important;
    border-bottom:0!important;
    border-radius:24px 24px 0 0!important;
    background:#f8f4eb!important;
    box-shadow:0 -20px 60px rgba(31,25,19,.24)!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    animation:composer-sheet-up .28s cubic-bezier(.2,.85,.3,1) both;
  }
  .inline-comments:not([hidden])::before{
    content:"";
    position:sticky;
    top:0;
    z-index:3;
    display:block;
    width:3.2rem;
    height:.32rem;
    margin:-1.7rem auto 1.25rem;
    border-radius:999px;
    background:#8f867a;
  }
  .inline-comments-list .comment{width:92%!important}
  .inline-comment-form textarea{min-height:8rem;font-size:1rem}
}

/* v34: draft-on-dismiss, mirrored pins, and immediate account-sheet controls */
.pins{padding:0;border:0;background:transparent}
.pins-list{display:grid;gap:1rem}
.pin-card{position:relative;width:100%;padding:1.25rem 1.4rem;border:1px solid #c7b89f;border-radius:12px;background:#e8deca;box-shadow:var(--shadow)}
.pin-card+.pin-card{margin-top:0;padding-top:1.25rem;border-top:1px solid #c7b89f}
.pin-card .pin-label{margin:0 0 .65rem}
.pin-card h2{font-size:1.45rem;line-height:1.15;margin:.35rem 0 .5rem}
.pin-card .excerpt{font-size:1.02rem;margin:.35rem 0;color:#494239;font-family:"EB Garamond",Georgia,serif}
.pin-card .post-menu-wrap{top:.8rem}
.account-menu-scrim{display:none;position:fixed;inset:0;z-index:45;padding:0;border:0;border-radius:0;background:rgba(35,29,22,.22);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}
.confirmation-card{text-align:center}.confirmation-card .dialog-actions{justify-content:center}.confirmation-card h2{margin:.2rem 0 .7rem}
@media(max-width:600px){
  body.account-sheet-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}
  body.account-sheet-open .account-menu,body.account-sheet-open .account-menu *{touch-action:pan-y}
  body.account-sheet-open .mobile-catchall{opacity:0!important;pointer-events:none!important;transform:translateX(-50%) translateY(1rem)!important}
  .account-menu:not([hidden]){z-index:46!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.7rem!important;padding-inline:1.25rem!important}
  .account-menu:not([hidden])::before{position:sticky!important;top:.55rem!important;flex:0 0 auto;margin:0 auto 1rem!important}
  .account-menu:not([hidden])::after{min-height:7rem!important;flex:0 0 7rem}
  .account-menu button{width:min(100%,32rem)!important;min-height:3.35rem!important;padding:.8rem 1.2rem!important;border:1px solid var(--rule)!important;border-radius:999px!important;background:#fffdf8!important;text-align:center!important;font-size:.92rem!important;font-weight:600!important;touch-action:manipulation}
  .account-menu button:active{transform:scale(.98);background:#f1eadf!important}
  .account-menu .danger{order:99;margin-top:auto!important;border:0!important;border-radius:999px!important;background:var(--ink)!important;color:#fff!important}
  .account-menu-scrim:not([hidden]){display:block!important}
  .toast{left:50%;right:auto;bottom:calc(5.8rem + env(safe-area-inset-bottom));transform:translateX(-50%);white-space:nowrap}
  .pin-card{border-radius:14px}
}

/* One iOS writing control: the first line is the title; the remaining block is the note. */
#writeDialog .post-compose-primary{display:block}
#writeDialog .post-note-field{display:block!important}
#writeDialog .unified-post-editor{display:block;min-height:24rem;padding:1rem;border:1px solid #aaa49a;border-radius:1.25rem;background:#fff;overflow-y:auto;outline:0}
#writeDialog .unified-post-editor:focus{border-color:#8d7b64;box-shadow:0 0 0 2px rgba(141,123,100,.1)}
#writeDialog .composer-title-line{min-height:2.5rem;padding:0 0 .55rem;border-bottom:1px solid #c9c4bc;font-family:"EB Garamond",Georgia,serif;font-size:1.5rem;font-weight:600;line-height:1.2}
#writeDialog .composer-body-line{min-height:18rem;padding-top:.7rem;font-family:"EB Garamond",Georgia,serif;font-size:1.12rem;line-height:1.55}
#writeDialog [data-placeholder]:empty::before,#writeDialog [data-placeholder]:has(>br:only-child)::before{content:attr(data-placeholder);color:#aaa49a;pointer-events:none}
#writeDialog .post-title-field{display:none!important}
@media(max-width:600px){#writeDialog .unified-post-editor{min-height:31rem;font-size:20px!important}#writeDialog .composer-title-line{font-size:1.6rem}#writeDialog .composer-body-line{min-height:25rem;font-size:20px;line-height:1.55}.post-compose-primary .draft-counter{margin-top:.25rem}}

/* Mobile composer arranged as one calm writing surface. */
.post-compose-primary{display:contents}
@media(max-width:600px){#writeDialog #writeForm{gap:1rem!important}.composer-heading{align-items:center;margin:.25rem .2rem .4rem}.composer-heading h2{font-size:2rem!important;line-height:1.05}.composer-heading .eyebrow{margin-bottom:.35rem}.drafts-pill{display:inline-grid!important;place-items:center!important;width:3.05rem!important;height:3.05rem!important;min-width:3.05rem!important;padding:0!important;border:0!important;border-radius:.75rem!important;background:transparent!important;font-size:0!important}.drafts-pill::before{content:"";width:1.65rem;height:1.65rem;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4M9 11h6M9 15h6M9 19h4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m14.5 17.5 5-5 2 2-5 5-3 .8z' fill='white' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4M9 11h6M9 15h6M9 19h4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m14.5 17.5 5-5 2 2-5 5-3 .8z' fill='white' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat}.post-compose-primary{display:grid;grid-template-rows:auto minmax(19rem,1fr) auto;gap:0;min-height:31rem;padding:.75rem 1rem .8rem;border:1px solid #aaa49a;border-radius:1.25rem;background:#fff}.post-compose-primary label{display:block!important}.post-title-field>span,.post-note-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#writeDialog .post-title-field input{height:auto;padding:.25rem .15rem .65rem!important;border:0!important;border-bottom:1px solid #c9c4bc!important;border-radius:0!important;background:transparent!important;font-family:"EB Garamond",Georgia,serif;font-size:1.45rem!important;box-shadow:none!important;outline:0}#writeDialog .post-body-editor{min-height:19rem!important;padding:.7rem .15rem!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-y:auto}.post-compose-primary .draft-counter{display:flex;justify-content:flex-end;align-items:center;padding:.2rem .15rem 0;color:var(--muted);font-family:Inter,sans-serif;font-size:.64rem;font-weight:600;letter-spacing:.12em}.keyboard-hint{margin:-.35rem .75rem .45rem!important;text-align:center;font-size:.57rem!important;line-height:1.35}.type-media-row{margin:.1rem 0}.post-link-field,.post-tags-field{gap:.45rem!important;font-size:1rem}.post-link-field>.hint,.post-tags-field>.hint{display:inline;margin-left:.18rem;color:var(--muted);font-size:.9rem}.post-link-field input,.post-tags-field .tag-entry-control{min-height:3.25rem;border-color:#aaa49a!important;border-radius:.8rem!important}.post-tags-field .post-tag-pills{display:flex!important;align-items:center;flex-wrap:wrap;gap:.4rem;min-height:0;margin-top:.45rem}.post-tag-pill{background:#f0f0ee!important;border:0!important;border-radius:999px!important;padding:.28rem .65rem!important}.composer-actions{position:sticky;bottom:calc(-1.35rem - env(safe-area-inset-bottom));z-index:4;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;margin-top:auto;padding:.8rem 0 max(.1rem,env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(255,253,248,0),#fffdf8 18%)}#publishButton{grid-column:1;grid-row:1;min-height:3.25rem;font-size:1.05rem}#saveDraftButton{grid-column:2;grid-row:1;min-height:3.25rem;padding-inline:1rem;font-size:1rem}}

@media(max-width:600px){.image-gallery-dialog{inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#151310!important}.image-gallery-card{width:100%;height:100%;min-height:100dvh;padding:max(3.5rem,env(safe-area-inset-top)) 0 max(3rem,env(safe-area-inset-bottom));border-radius:0;background:#151310;overflow:hidden;touch-action:pan-y}.image-gallery-card>img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;will-change:transform,opacity;user-select:none;-webkit-user-drag:none}.image-gallery-dialog .gallery-arrow{display:none!important}.image-gallery-dialog .gallery-close{position:fixed;right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top));width:2.7rem;height:2.7rem;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-gallery-dialog .gallery-position{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));padding:.28rem .65rem;border-radius:999px;background:rgba(0,0,0,.4);font-size:.7rem}}

.pull-refresh{position:fixed;z-index:45;left:50%;top:max(.4rem,env(safe-area-inset-top));display:flex;align-items:center;gap:.38rem;min-height:2.15rem;padding:.35rem .72rem;border:1px solid var(--rule);border-radius:999px;background:rgba(255,253,248,.96);color:var(--muted);box-shadow:0 8px 24px rgba(35,28,20,.14);font-family:Inter,sans-serif;font-size:.62rem;font-weight:600;opacity:0;pointer-events:none;transform:translate3d(-50%,-130%,0);will-change:transform,opacity;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pull-refresh-symbol{display:grid;place-items:center;width:1.05rem;height:1.05rem;font-family:Arial,sans-serif;font-size:1rem;line-height:1;transform-origin:center}.pull-refresh.ready{color:var(--ink)}.pull-refresh.refreshing .pull-refresh-symbol{animation:refresh-spin .7s linear infinite}.pull-refresh.complete .pull-refresh-symbol{animation:none}.pull-refresh.complete .pull-refresh-symbol::before{content:"✓"}.pull-refresh.complete .pull-refresh-symbol{font-size:0}.pull-refresh.complete .pull-refresh-symbol::before{font-size:.85rem}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media(min-width:701px){.pull-refresh{display:none}}

/* Administrator layout editor */
.layout-inspector{position:fixed;z-index:10000;inset:0 0 0 auto;width:min(370px,94vw);overflow-y:auto;overscroll-behavior:contain;padding:1.1rem 1rem calc(1.2rem + env(safe-area-inset-bottom));background:#fffdf8;border-left:1px solid var(--rule);box-shadow:-18px 0 50px rgba(39,32,23,.16);font-family:Lato,Arial,sans-serif;font-size:13px;line-height:1.35;color:var(--ink)}
.layout-inspector-header{position:sticky;z-index:2;top:-1.1rem;display:flex;justify-content:space-between;align-items:center;margin:-1.1rem -1rem .8rem;padding:1.1rem 1rem .8rem;background:rgba(255,253,248,.96);border-bottom:1px solid var(--rule);backdrop-filter:blur(12px)}.layout-inspector-header h2{margin:0;font-family:"EB Garamond",Georgia,serif;font-size:1.65rem}.layout-inspector-header .eyebrow{margin:0}.layout-close{display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border-radius:50%;font-size:1.45rem;line-height:1}.layout-help{margin:.5rem 0 1rem;color:var(--muted)}
.layout-inspector>label,.layout-grid label{display:grid;gap:.35rem;font-weight:700}.layout-inspector select,.layout-inspector input[type="number"]{width:100%;min-height:2.45rem;padding:.45rem .55rem;border:1px solid var(--rule);border-radius:9px;background:#fff;color:var(--ink);font-family:Lato,Arial,sans-serif}.layout-inspector input[type="color"]{width:100%;height:2.45rem;padding:.18rem;border:1px solid var(--rule);border-radius:9px;background:#fff}.layout-inspector details{margin-top:.85rem;border-top:1px solid var(--rule);padding-top:.75rem}.layout-inspector summary{cursor:pointer;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.75rem}.layout-grid label{position:relative}.layout-grid label>span{position:absolute;right:.55rem;top:1.75rem;color:var(--muted);font-weight:400;pointer-events:none}.layout-span{grid-column:1/-1}.layout-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;justify-content:flex-start;gap:.5rem!important}.layout-segment{display:flex;flex-wrap:wrap;gap:.55rem;margin:.85rem 0 0;padding:.65rem;border:1px solid var(--rule);border-radius:10px}.layout-segment legend{padding:0 .3rem;font-weight:900}.layout-segment label{display:flex;align-items:center;gap:.3rem}.layout-status{min-height:1.4rem;margin:.8rem 0 0;color:#48643c}.layout-status.error{color:#9b322a}.layout-actions{position:sticky;bottom:calc(-1.2rem - env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto 1fr;gap:.45rem;margin:1rem -1rem calc(-1.2rem - env(safe-area-inset-bottom));padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));background:rgba(255,253,248,.97);border-top:1px solid var(--rule);backdrop-filter:blur(12px)}.layout-actions button{padding:.62rem .7rem;font-size:.75rem}
body.layout-mode{padding-right:370px}.layout-mode .brand,.layout-mode .header-date,.layout-mode .group-read,.layout-mode .group-book-panel>.eyebrow,.layout-mode #groupBookTitle,.layout-mode #groupBookMeta,.layout-mode #groupBookPublisher,.layout-mode #nextStudyCell,.layout-mode .feed-heading h1,.layout-mode .feed-tools,.layout-mode .pin-card,.layout-mode .post-card,.layout-mode .author-name,.layout-mode .author-meta,.layout-mode .formatted-post-body,.layout-mode .comment,.layout-mode .tag-index-section .section-heading h1,.layout-mode .icon-control,.layout-mode .secondary,.layout-mode .calendar-button,.layout-mode .dialog-card{cursor:crosshair;outline:1px dashed rgba(127,76,161,.48);outline-offset:3px}.layout-mode .layout-selected{outline:3px solid #8c4caf!important;outline-offset:4px!important;box-shadow:0 0 0 7px rgba(140,76,175,.12)!important}.layout-mode .layout-grabbed{outline:4px solid #d33f85!important;outline-offset:5px!important;box-shadow:0 0 0 9px rgba(211,63,133,.2),0 12px 30px rgba(54,35,47,.2)!important;cursor:grabbing!important}.layout-mode .layout-grabbed[data-drag-axis="x"]{filter:drop-shadow(10px 0 0 rgba(211,63,133,.16))}.layout-mode .layout-grabbed[data-drag-axis="y"]{filter:drop-shadow(0 10px 0 rgba(211,63,133,.16))}.layout-scope-indicator input:disabled{opacity:1}.layout-scope-indicator label{cursor:default}
.layout-snap-guide{position:fixed;z-index:2147483646;top:0;bottom:0;width:2px;background:#d33f85;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.75)}.layout-snap-guide span{position:absolute;top:12px;left:50%;translate:-50% 0;white-space:nowrap;border-radius:999px;background:#d33f85;color:#fff;padding:5px 10px;font:700 11px/1 Lato,Arial,sans-serif;letter-spacing:.04em}
.layout-preview-mode .brand,.layout-preview-mode .header-date,.layout-preview-mode .group-read,.layout-preview-mode .group-book-panel>.eyebrow,.layout-preview-mode #groupBookTitle,.layout-preview-mode #groupBookMeta,.layout-preview-mode #groupBookPublisher,.layout-preview-mode #nextStudyCell,.layout-preview-mode .feed-heading h1,.layout-preview-mode .feed-tools,.layout-preview-mode .pin-card,.layout-preview-mode .post-card,.layout-preview-mode .author-name,.layout-preview-mode .author-meta,.layout-preview-mode .formatted-post-body,.layout-preview-mode .comment,.layout-preview-mode .tag-index-section .section-heading h1,.layout-preview-mode .icon-control,.layout-preview-mode .secondary,.layout-preview-mode .calendar-button,.layout-preview-mode .dialog-card{cursor:crosshair;outline:1px dashed rgba(127,76,161,.48);outline-offset:3px}.layout-preview-mode .layout-selected{outline:3px solid #8c4caf!important;outline-offset:4px!important;box-shadow:0 0 0 7px rgba(140,76,175,.12)!important}.layout-preview-mode .layout-grabbed{outline:4px solid #d33f85!important;outline-offset:5px!important;box-shadow:0 0 0 9px rgba(211,63,133,.2),0 12px 30px rgba(54,35,47,.2)!important;cursor:grabbing!important}
@media(max-width:700px){body.layout-mode{padding-right:0;padding-bottom:min(76dvh,650px)}.layout-inspector{inset:auto 0 0;width:100%;height:min(76dvh,650px);border-left:0;border-top:1px solid var(--rule);border-radius:22px 22px 0 0;box-shadow:0 -20px 60px rgba(39,32,23,.18)}.layout-inspector::before{content:"";display:block;position:sticky;z-index:4;top:-.8rem;width:42px;height:5px;margin:-.6rem auto .45rem;border-radius:99px;background:#b8b0a4}.layout-inspector-header{top:-.55rem}}

.layout-preview-control{margin-bottom:.85rem}.layout-preview-control button{flex:1;padding:.48rem .65rem;border:1px solid var(--rule);border-radius:999px;background:#fff;color:var(--ink);font-size:.72rem}.layout-preview-control button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.layout-preview-stage{position:fixed;z-index:9998;inset:0 370px 0 0;display:grid;place-items:start center;padding:18px;background:#d9d5cf;overflow:auto}.layout-preview-device{width:100%;height:100%;min-height:600px;overflow:hidden;background:var(--paper);box-shadow:0 12px 40px rgba(31,25,19,.18);transition:width .28s ease,border-radius .28s ease}.layout-preview-stage iframe{display:block;width:100%;height:100%;min-height:600px;border:0;background:var(--paper)}.layout-preview-stage.phone{padding:28px}.layout-preview-stage.phone .layout-preview-device{width:390px;max-width:100%;height:min(844px,calc(100vh - 56px));min-height:600px;border:8px solid #24211d;border-radius:34px}.layout-preview-stage.phone iframe{min-height:0}@media(max-width:700px){.layout-preview-stage{inset:0 0 min(76dvh,650px);padding:0}.layout-preview-stage .layout-preview-device,.layout-preview-stage.phone .layout-preview-device{width:100%;height:100%;min-height:0;border:0;border-radius:0}.layout-preview-stage iframe{min-height:0}}

/* Structured custom sections and blocks */
.custom-sections-host{display:grid;gap:1.4rem;margin:2rem 0}.custom-layout-section{position:relative;min-height:var(--section-height,auto);padding:clamp(1rem,3vw,2rem);background-color:var(--section-bg,transparent);background-position:center;background-size:cover;color:var(--section-text,inherit);border-radius:14px}.custom-layout-section.has-divider{border-bottom:1px solid var(--rule);border-radius:14px 14px 0 0}.custom-layout-section.full-width{width:100vw;margin-left:calc(50% - 50vw);border-radius:0}.custom-layout-grid{display:grid;grid-template-columns:repeat(var(--section-columns,12),minmax(0,1fr));align-items:var(--section-align,center);gap:var(--section-gap,16px);min-height:inherit;max-width:1100px;margin:auto}.custom-block{grid-column:span min(var(--block-span,12),var(--section-columns,12));min-width:0}.custom-block img{display:block;width:100%;height:auto;border-radius:10px}.custom-placeholder{display:grid;place-items:center;min-height:120px;padding:1rem;border:1px dashed currentColor;border-radius:10px;opacity:.65}.custom-button{display:inline-flex;padding:.65rem 1rem;border-radius:999px;background:var(--section-accent,var(--accent));color:#fff;text-decoration:none}.custom-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px}.custom-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.custom-form{display:flex;align-items:end;gap:.6rem}.custom-form label{display:grid;flex:1;gap:.35rem}.custom-form input{width:100%;padding:.65rem;border:1px solid var(--rule);border-radius:8px}.custom-accordion{padding:.8rem 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.custom-accordion summary{cursor:pointer;font-weight:600}.custom-shape{width:min(180px,100%);aspect-ratio:1;margin-inline:auto;border-radius:24%;background:var(--section-accent,var(--accent))}.custom-scrolling{display:flex;gap:4rem;overflow:hidden;white-space:nowrap}.custom-scrolling span{flex:none;animation:custom-scroll 16s linear infinite}.custom-line{border:0;border-top:2px solid var(--section-accent,var(--accent));margin:1rem 0}@keyframes custom-scroll{to{transform:translateX(calc(-100% - 4rem))}}@media(max-width:700px){.custom-layout-grid{grid-template-columns:1fr}.custom-block{grid-column:1!important}.custom-layout-section.full-width{padding-inline:1rem}}

/* Section builder controls */
.layout-builder{margin:1rem 0;padding:1rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.layout-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.layout-builder-heading>strong{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.layout-builder-heading button{padding:.48rem .65rem;font-size:.7rem}.layout-section-list{display:grid;gap:.35rem;margin:.7rem 0}.layout-section-list>button{display:flex;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);text-align:left;font-size:.72rem}.layout-section-list>button span{color:var(--muted);font-weight:400}.layout-section-list>button[aria-pressed="true"]{border-color:#8c4caf;box-shadow:0 0 0 2px rgba(140,76,175,.12)}.layout-section-editor{padding:.75rem;border:1px solid var(--rule);border-radius:10px;background:#f8f4eb}.layout-tab-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-bottom:.65rem}.layout-tab-list button{padding:.45rem .25rem;border-radius:6px;background:transparent;color:var(--muted);font-size:.68rem}.layout-tab-list button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:inset 0 -2px #29251f}.layout-section-actions{display:grid;grid-template-columns:1fr auto auto 1fr;gap:.3rem;margin:.75rem 0}.layout-section-actions button{padding:.45rem;font-size:.66rem}.layout-block-picker{border-top:1px solid var(--rule);padding-top:.65rem}.layout-block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin-top:.55rem}.layout-block-grid button{padding:.55rem;border:1px solid #ded6ca;background:#fff;color:var(--ink);text-align:left;font-size:.7rem}.layout-block-editor{display:grid;gap:.6rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--rule)}.layout-block-editor label{display:grid;gap:.3rem;font-weight:700}.layout-inspector input[type="url"],.layout-inspector textarea{width:100%;padding:.55rem;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);font:inherit;resize:vertical}

.layout-inspector input[type="text"]{width:100%;padding:.55rem;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.layout-inspector small{color:var(--muted);font-weight:400}.layout-drag-help{margin:0;color:var(--muted);font-size:.7rem;font-weight:400}

/* Calm, rounded inspector presentation */
.layout-inspector{background:#f5f5f7;border-left:0;box-shadow:-20px 0 60px rgba(0,0,0,.16)}.layout-inspector-header{background:rgba(245,245,247,.9);border:0}.layout-inspector>label,.layout-inspector details,.layout-builder,.layout-segment{margin-top:.72rem;padding:.85rem;border:0;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}.layout-inspector details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between}.layout-inspector details>summary::-webkit-details-marker{display:none}.layout-inspector details>summary::after{content:"+";font-size:1rem;font-weight:500;color:#8e8e93}.layout-inspector details[open]>summary::after{content:"−"}.layout-inspector select,.layout-inspector input[type="number"],.layout-inspector input[type="text"],.layout-inspector input[type="url"],.layout-inspector textarea,.layout-inspector input[type="color"]{border-color:#dedee3!important;border-radius:12px!important;background:#f9f9fb!important;box-shadow:none!important}.layout-inspector button{border-radius:12px}.layout-segment{border-radius:16px!important}.layout-preview-control{display:grid;grid-template-columns:1fr 1fr;padding:4px!important;background:#e9e9ed!important;gap:3px!important}.layout-preview-control legend{grid-column:1/-1}.layout-preview-control button{border:0!important;border-radius:11px!important;background:transparent!important}.layout-preview-control button[aria-pressed="true"]{background:#fff!important;color:#111!important;box-shadow:0 1px 5px rgba(0,0,0,.12)}.layout-actions{background:rgba(245,245,247,.92);border:0}.layout-actions button{border-radius:12px}.layout-status{padding-inline:.35rem}.layout-builder{border:0}.layout-section-editor{border:0;border-radius:14px;background:#f2f2f7}.layout-block-grid button,.layout-section-list>button{border:0;border-radius:12px;background:#f2f2f7}.layout-insert-point{display:grid;width:2.25rem;height:2.25rem;min-width:2.25rem;margin:.55rem auto;padding:0;place-items:center;border:1px solid #a4a4aa;border-radius:50%;background:#fff;color:#444;font:400 1.45rem/1 Arial,sans-serif;box-shadow:0 3px 12px rgba(0,0,0,.1);cursor:pointer}.layout-add-element{grid-column:1/-1;display:grid;width:2.5rem;height:2.5rem;min-width:2.5rem;margin:.5rem auto;padding:0;place-items:center;border:1px dashed #8c4caf;border-radius:12px;background:#fff;color:#8c4caf;font:400 1.5rem/1 Arial,sans-serif}.layout-insert-point:hover,.layout-add-element:hover{background:#8c4caf;color:#fff;opacity:1}

/* Rollout: consistent reading, compact controls, and Apple-like interactions */
.brand-block{display:grid}.header-time{display:block;margin-top:.08rem;color:var(--muted);font-family:"EB Garamond",Georgia,serif;font-size:.82rem;line-height:1.05}.account-menu #editGroupReadButton:not([hidden]){display:block}.group-read-actions{grid-template-columns:1fr!important}.group-read-actions .calendar-pill{justify-self:end}
.expandable-post .post-body-content{position:relative;transition:max-height .32s cubic-bezier(.2,.8,.2,1);will-change:max-height}.expandable-post:not([aria-expanded="true"]) .post-body-content{max-height:12.2em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 2.2em),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 2.2em),transparent 100%)}.expandable-post[aria-expanded="true"] .post-body-content{max-height:5000px;-webkit-mask-image:none;mask-image:none}.expandable-post{cursor:pointer}.expandable-post button,.expandable-post a,.expandable-post input,.expandable-post textarea,.expandable-post select{cursor:auto}
.feed-tools{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.6rem!important}.feed-tools label{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;gap:.35rem!important}.feed-tools select{width:auto!important;min-width:0!important;padding-right:2rem!important}
.notification-preferences label{position:relative;display:grid!important;grid-template-columns:1fr 3rem!important;align-items:center!important;gap:1rem!important;min-height:2.7rem;padding:.25rem 0}.notification-preferences label input{grid-column:2;appearance:none;-webkit-appearance:none;width:2.9rem!important;height:1.72rem!important;margin:0!important;border:0!important;border-radius:999px!important;background:#d1d1d6!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important;transition:background .18s ease}.notification-preferences label input::after{content:"";display:block;width:1.42rem;height:1.42rem;margin:.15rem;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.28);transition:translate .2s cubic-bezier(.2,.9,.3,1.2)}.notification-preferences label input:checked{background:#34c759!important}.notification-preferences label input:checked::after{translate:1.18rem 0}.notification-preferences label:has(input){font-family:Lato,Arial,sans-serif;font-size:.78rem}
.drafts-pill,#saveDraftButton{display:inline-grid!important;place-items:center!important;width:2.7rem!important;height:2.7rem!important;min-width:2.7rem!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:0!important;box-shadow:none!important}.drafts-pill::before,#saveDraftButton::before{content:"";width:1.55rem;height:1.55rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4M9 11h6M9 15h6M9 19h4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m14.5 17.5 5-5 2 2-5 5-3 .8z' fill='white' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4M9 11h6M9 15h6M9 19h4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m14.5 17.5 5-5 2 2-5 5-3 .8z' fill='white' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat}.drafts-pill:hover,#saveDraftButton:hover{color:var(--ink)!important;opacity:1!important}
@media(max-width:600px){#openLayoutEditorButton{display:none!important}.header-time{font-size:.9rem}.feed-tools{flex-wrap:nowrap!important}.feed-tools label{font-size:0!important}.feed-tools select{font-size:.75rem!important;min-height:2.4rem!important;max-width:9rem!important;padding:.4rem 1.75rem .4rem .75rem!important}.mobile-catchall{left:50%;transition:left .42s cubic-bezier(.2,.9,.25,1.15),right .42s cubic-bezier(.2,.9,.25,1.15),width .32s ease,grid-template-columns .32s ease,padding .32s ease,transform .2s ease!important;translate:var(--tray-drag-x,0) 0}.mobile-catchall[data-dock="left"],.mobile-catchall[data-dock="right"]{width:3.9rem;grid-template-columns:3.05rem;padding:.4rem;overflow:visible}.mobile-catchall[data-dock="left"]{left:max(.75rem,env(safe-area-inset-left));transform:none!important}.mobile-catchall[data-dock="right"]{left:auto;right:max(.75rem,env(safe-area-inset-right));transform:none!important}.mobile-catchall[data-dock="left"]>:not(.mobile-tray-compose),.mobile-catchall[data-dock="right"]>:not(.mobile-tray-compose){display:none!important}.mobile-catchall[data-dock="left"] .mobile-tray-compose,.mobile-catchall[data-dock="right"] .mobile-tray-compose{display:grid!important}.mobile-tray-compose.has-notifications::after{content:attr(data-notification-count);position:absolute;right:-.18rem;top:-.18rem;display:grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;border-radius:99px;background:#b73535;color:#fff;font:700 .55rem/1 Lato,Arial,sans-serif}.rubberband-sheet{overscroll-behavior:contain}.rubberband-sheet::before{cursor:grab}.rubberband-sheet:active::before{cursor:grabbing}}
.layout-mode .header-time,.layout-preview-mode .header-time{cursor:crosshair;outline:1px dashed rgba(127,76,161,.48);outline-offset:3px}

/* v31.1 sheet, switch, tray, calendar, and composer corrections */
.notification-card{position:relative}
.notification-preferences label{display:grid!important;grid-template-columns:minmax(0,1fr) 3.15rem!important;align-items:center!important;gap:.9rem!important;min-height:3rem!important}
.notification-preferences label>span{grid-column:1;grid-row:1;min-width:0}
.notification-preferences label>input{grid-column:2!important;grid-row:1!important;justify-self:end;width:3.05rem!important;height:1.8rem!important;min-width:3.05rem!important;padding:0!important;cursor:pointer}
.notification-preferences label>input::after{width:1.5rem!important;height:1.5rem!important;margin:.15rem!important}
.notification-preferences label>input:checked::after{translate:1.25rem 0!important}
.layout-mode #addStudyToCalendar,.layout-preview-mode #addStudyToCalendar{cursor:crosshair;outline:1px dashed rgba(127,76,161,.48);outline-offset:3px}

/* The phone composer is also the standard desktop composer. */
#writeDialog{inset:auto 0 0!important;width:min(760px,100%)!important;max-width:none!important;max-height:94dvh!important;margin:0 auto!important;border-radius:24px 24px 0 0!important;overflow:visible!important;background:transparent!important}
#writeDialog[open]{animation:composer-sheet-up .3s cubic-bezier(.2,.85,.3,1) both}
#writeDialog #writeForm{position:relative;width:100%;max-height:94dvh!important;padding:2.25rem clamp(1.15rem,4vw,2.2rem) 1.35rem!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;gap:1rem!important;overflow-y:auto;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch;box-shadow:0 -20px 60px rgba(31,25,19,.22)}
#writeDialog #writeForm::before{content:"";position:absolute;top:.65rem;left:50%;width:3rem;height:.3rem;border-radius:999px;background:#c8bdad;transform:translateX(-50%)}
#writeDialog .composer-heading{align-items:center;margin:.15rem .15rem .3rem}
#writeDialog .composer-heading h2{font-size:2rem;line-height:1.05}
#writeDialog .post-compose-primary{display:grid;grid-template-rows:auto minmax(15rem,1fr) auto;gap:0;min-height:27rem;padding:.8rem 1rem;border:1px solid #aaa49a;border-radius:1.25rem;background:#fff}
#writeDialog .post-compose-primary label{display:block!important}
#writeDialog .post-title-field>span,#writeDialog .post-note-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#writeDialog .post-title-field input{height:auto;padding:.25rem .15rem .65rem!important;border:0!important;border-bottom:1px solid #c9c4bc!important;border-radius:0!important;background:transparent!important;font-family:"EB Garamond",Georgia,serif;font-size:1.45rem!important;box-shadow:none!important;outline:0}
#writeDialog .post-body-editor{min-height:15rem!important;padding:.7rem .15rem!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-y:auto;font-size:1.2rem;line-height:1.5}
#writeDialog .draft-counter{display:flex;justify-content:flex-end;padding:.2rem .15rem 0;color:var(--muted);font-family:Lato,Arial,sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.1em}
#writeDialog .keyboard-hint{text-align:center;font-size:.62rem;line-height:1.35}
#writeDialog .composer-actions{position:sticky;bottom:-1.35rem;z-index:4;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;margin-top:auto;padding:.8rem 0 1rem;background:linear-gradient(to bottom,rgba(255,253,248,0),#fffdf8 18%)}
#writeDialog #publishButton{grid-column:1;grid-row:1;min-height:3.25rem;font-size:1.05rem}
#writeDialog #saveDraftButton{grid-column:2;grid-row:1;min-height:3.25rem;padding-inline:1rem}

@media(max-width:600px){
  .mobile-catchall[data-dock="left"],.mobile-catchall[data-dock="right"]{width:3.15rem!important;height:3.15rem!important;min-width:3.15rem!important;grid-template-columns:3.15rem!important;gap:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  #notificationDialog>.dialog-card,.account-menu:not([hidden]){overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}
  #notificationDialog>.dialog-card{position:relative;min-height:90dvh!important;padding-top:2.35rem!important;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))!important}
  #notificationDialog>.dialog-card::before,.account-menu:not([hidden])::before,#writeDialog #writeForm::before{display:block!important;width:3rem!important;height:.3rem!important;background:#bdb4a6!important}
  .account-menu:not([hidden]){min-height:78dvh!important;max-height:92dvh!important;overflow-y:auto!important;padding-top:2.4rem!important;padding-bottom:calc(7rem + env(safe-area-inset-bottom))!important}
  #writeDialog #writeForm{min-height:90dvh;max-height:97dvh!important;padding-bottom:calc(1.35rem + env(safe-area-inset-bottom))!important}
  #writeDialog .post-body-editor{font-size:20px!important;line-height:1.55!important}
}

/* Quiet heart-only reactions. Color appears only after selection. */
.like-toggle{width:2.35rem!important;min-width:2.35rem!important;padding:0!important;border-radius:999px!important;background:var(--paper)!important;color:var(--ink)!important}.like-toggle .control-label{display:none!important}.like-symbol,.like-toggle>span:first-child{display:block!important;width:1.08rem!important;height:1rem!important;flex:0 0 1.08rem!important;border-radius:0!important;background:currentColor!important;color:inherit!important;font-size:0!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}.like-toggle[aria-pressed="true"]{background:var(--paper)!important;color:#d72f48!important;border-color:var(--rule)!important}.like-toggle[aria-pressed="true"] .like-symbol,.like-toggle[aria-pressed="true"]>span:first-child{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important}.comment-like{width:2.15rem;min-width:2.15rem;height:2rem;padding:0!important;justify-content:center;font-size:0!important;color:var(--ink)!important;background:#f6f0e5!important}.comment-like::before{width:1rem!important;height:.94rem!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat!important}.comment-like::after{content:none!important}.comment-like[aria-pressed="true"]{color:#d72f48!important;background:#f6f0e5!important;border-color:var(--rule)!important}.comment-like[aria-pressed="true"]::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15.6 3 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 9 2.5C21 15.6 12 21 12 21Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important}

/* Open sheets own all touch and wheel input; the page behind them stays fixed. */
html:has(dialog[open]),
body:has(dialog[open]),
body.account-sheet-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
dialog[open],dialog[open] .dialog-card,dialog[open] form,
.account-menu:not([hidden]){
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
}
dialog[open] input,dialog[open] textarea,dialog[open] select,
dialog[open] button,dialog[open] [contenteditable="true"],
.account-menu:not([hidden]) button{
  touch-action:manipulation!important;
}
#pinsList{display:grid;gap:1rem}

/* The site title alone uses the EB Garamond 08 optical cut. */
.site-header .brand{
  font-family:"EB Garamond 08","EB Garamond",Georgia,serif!important;
}

/* Date and time are one selectable layout cell beneath the title. */
.brand-block{display:grid;justify-content:start}
.header-date-time{display:block;width:max-content;margin:0;color:var(--muted);font-family:"EB Garamond",Georgia,serif;font-size:.82rem;line-height:1.15;letter-spacing:.01em;white-space:nowrap;cursor:inherit}

/* A pinned card mirrors a standard post on mobile, with only its paper color changed. */
.pins>.eyebrow{display:none}
.post-card.pin-card{background:#e3d6bd!important;border-color:#b9a889!important}
.pin-card .post-menu-wrap,
.pins>.eyebrow+#pinsList>.pin-card:first-child>.post-menu-wrap{top:.65rem;right:.8rem}
.pin-card .inline-comments{margin:1rem -1.4rem -1.25rem}
@media(max-width:600px){
  .brand-block{justify-content:center;justify-items:center}
  .pins,#pinsList,.pin-card{width:100%;max-width:100%;min-width:0}
  .pin-card{padding:1.25rem 1.4rem;overflow:visible}
  .pin-card .post-menu-wrap{top:.65rem!important;right:.8rem!important}
  .pin-card .post-thumbnail-row{display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}
  .pin-card .inline-comments{margin:1rem -1.4rem -1.25rem!important;border-radius:0 0 14px 14px}
  .pin-card .post-controls{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}
  .pin-card .control-summary{margin-right:auto}
}

/* Keep this final so earlier legacy account-menu rules cannot override the mobile sheet. */
@media(max-width:600px){
  .account-menu-scrim:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:58!important;background:rgba(35,29,22,.28)!important}
  .account-menu:not([hidden]){position:fixed!important;inset:auto 0 0 0!important;z-index:59!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;height:82dvh!important;min-height:82dvh!important;max-height:92dvh!important;gap:.75rem!important;padding:2.75rem 1.25rem calc(2rem + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid var(--rule)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:#fffdf8!important;box-shadow:0 -18px 55px rgba(31,25,19,.24)!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
  .account-menu:not([hidden])::before{content:""!important;position:sticky!important;top:0!important;display:block!important;flex:0 0 .32rem!important;width:3.2rem!important;height:.32rem!important;min-height:.32rem!important;margin:-1.8rem auto 1rem!important;border-radius:999px!important;background:#bdb4a6!important;transform:none!important;pointer-events:none!important}
  .account-menu:not([hidden]) button{flex:0 0 auto!important;width:min(100%,32rem)!important;min-height:3.55rem!important;border-radius:999px!important;text-align:center!important;touch-action:manipulation!important}
  .account-menu:not([hidden]) .danger{margin-top:auto!important;background:var(--ink)!important;color:#fff!important}
  body.account-sheet-open .mobile-catchall{display:none!important}
}

/* v42 true final overrides */
:where(h1,h2,h3,h4,h5,h6,p,time,span,strong,em,small,blockquote,li,.author-line,.author-meta,.meta,.eyebrow,.formatted-post-body,.formatted-post-body *){background-color:transparent!important}
.post-card.pin-card>h2,.post-card.pin-card>.author-line,.post-card.pin-card .author-name,.post-card.pin-card .author-meta{background:transparent!important}
body.overlay-scroll-locked{position:fixed!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
#writeDialog .composer-heading{align-items:center!important;padding-right:0!important}
#writeDialog .composer-drafts-button{display:grid!important;place-items:center!important;flex:0 0 2.7rem!important;width:2.7rem!important;height:2.7rem!important;min-width:2.7rem!important;padding:0!important;border:1px solid var(--rule)!important;border-radius:50%!important;background:transparent!important;color:var(--ink)!important}
#writeDialog .composer-drafts-button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#writeDialog .composer-actions{display:block!important;position:sticky!important;bottom:-1.35rem!important;z-index:4!important;padding:.8rem 0 1rem!important;background:linear-gradient(to bottom,rgba(255,253,248,0),#fffdf8 18%)!important}
#writeDialog #publishButton{display:block!important;width:100%!important;min-height:3.3rem!important;border-radius:999px!important;font-family:Lato,Arial,sans-serif!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important}
#writeDialog .unified-post-editor{height:auto;min-height:11.75rem!important;max-height:52dvh!important;overflow-y:hidden;padding:1rem!important}
#writeDialog .composer-body-line{min-height:7rem!important;font-weight:500!important}
#writeDialog .unified-post-editor:focus [data-placeholder]:empty::before,#writeDialog .unified-post-editor:focus [data-placeholder]:has(>br:only-child)::before{opacity:0!important}
@media(max-width:600px){
  #writeDialog .unified-post-editor{min-height:11.75rem!important;max-height:52dvh!important;font-size:20px!important}
  #writeDialog #writeForm,#notificationDialog>.dialog-card,.account-menu:not([hidden]),.inline-comments:not([hidden]){will-change:transform!important;transform:translate3d(0,0,0)}
  #writeDialog #writeForm::before,#notificationDialog>.dialog-card::before,.account-menu:not([hidden])::before,.inline-comments:not([hidden])::before{content:""!important;position:absolute!important;top:.72rem!important;left:50%!important;display:block!important;width:3.25rem!important;height:.34rem!important;min-height:.34rem!important;margin:0!important;border:0!important;border-radius:999px!important;background:#aaa092!important;transform:translateX(-50%)!important;pointer-events:none!important}
  #writeDialog #writeForm,.account-menu:not([hidden]),#notificationDialog>.dialog-card,.inline-comments:not([hidden]){padding-top:2.35rem!important}
  .sheet-is-dragging{transition:none!important;user-select:none!important;-webkit-user-select:none!important}
  .inline-comments:not([hidden]){position:fixed!important;inset:auto 0 0 0!important;z-index:70!important;display:flex!important;flex-direction:column!important;width:100%!important;height:min(82dvh,720px)!important;max-height:90dvh!important;margin:0!important;padding:2.4rem 1rem calc(1rem + env(safe-area-inset-bottom))!important;border:1px solid var(--rule)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:#f8f4eb!important;box-shadow:0 -20px 60px rgba(31,25,19,.25)!important;overflow:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .inline-comments:not([hidden]) .inline-comments-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:.2rem .1rem 1rem!important;-webkit-overflow-scrolling:touch!important}
  .inline-comments:not([hidden]) .inline-comment-form{flex:0 0 auto!important;display:grid!important;gap:.55rem!important;padding-top:.75rem!important;border-top:1px solid var(--rule)!important;background:#f8f4eb!important}
  .inline-comments:not([hidden]) .inline-comment-form label:first-child{font-size:0!important}
  .inline-comments:not([hidden]) .inline-comment-form textarea{display:block!important;width:100%!important;height:3.35rem;min-height:3.35rem!important;max-height:11.25rem!important;padding:.8rem 1rem!important;border:1px solid var(--rule)!important;border-radius:18px!important;background:#fff!important;font-size:18px!important;line-height:1.35!important;resize:none!important;overflow-y:auto!important}
  .inline-comments:not([hidden]) .comment-form-actions{display:flex!important;justify-content:flex-end!important;gap:.55rem!important}
  .inline-comments:not([hidden]) .comment-form-actions button{min-height:2.75rem!important;border-radius:999px!important;padding:.55rem 1.15rem!important}
  body.comment-sheet-open .mobile-catchall{opacity:0!important;pointer-events:none!important}
}
