/* Corner refresh: editorial proportions, fast tasks and accessible interactions.
   Keep existing brand typography and black/off-white palette. */
:root { --cr-ink:#0b0b0b; --cr-paper:#fff; --cr-canvas:#f8f7f3; --cr-border:#dcd8d0; --cr-accent:#b16e53; --cr-ease:cubic-bezier(.2,.8,.2,1); }
[hidden] { display:none!important; }

/* Content-first cards. No blank full-height card beside a photo story. */
.corner-comfort .stories { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.7vw,24px);align-items:start; }
.corner-comfort .stories>.story,
.corner-comfort .stories>.story:nth-child(n) { grid-column:span 1!important;min-height:0;height:auto;align-self:start;max-width:100%;padding:clamp(17px,1.9vw,26px); }
.corner-comfort .stories>.story.story-featured {grid-column:1/-1!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:18px 26px;padding:clamp(20px,2.3vw,32px);}
.corner-comfort .stories>.story.story-featured>.story-top {grid-column:1/-1;}
.corner-comfort .stories>.story.story-featured>.story-copy {grid-column:1;grid-row:2;}
.corner-comfort .stories>.story.story-featured>.card-media,
.corner-comfort .stories>.story.story-featured>.story-art {grid-column:2;grid-row:2;align-self:center;margin:0;}
.corner-comfort .story .story-copy {flex:0 1 auto;min-height:0;gap:0;}
.corner-comfort .story .story-top {margin-bottom:clamp(12px,1.4vw,18px);}
.corner-comfort .story .story-count {margin-bottom:clamp(7px,.9vw,12px);}
.corner-comfort .story .story-copy h2 {margin-bottom:clamp(10px,1.1vw,15px);line-height:1.2;letter-spacing:-.035em;}
.corner-comfort .story .story-excerpt {display:block;-webkit-line-clamp:unset;overflow:visible;margin:0;color:#444;line-height:1.58;text-wrap:pretty;}
.corner-comfort .story .story-bottom {margin-top:clamp(20px,2vw,31px);padding-top:16px;}
.corner-comfort .story .card-media {aspect-ratio:16/10;width:100%;margin:0 0 18px;min-height:0;border-radius:14px;}
.corner-comfort .story .card-media :is(img,video) {display:block;width:100%;height:100%;object-fit:cover;}
.corner-comfort .story-featured .card-media {aspect-ratio:16/10;}
.corner-comfort .story-featured .card-media img {height:100%;}
.corner-comfort .stories>.story:not(.story-featured) .story-art {min-height:145px;margin-bottom:18px;}
.corner-comfort .stories>.story .read-link {align-items:center;}
.corner-comfort .stories>.story .read-link span {transition:transform .25s var(--cr-ease);}
.corner-comfort .stories>.story:is(:hover,:focus-within) .read-link span {transform:translate(3px,-3px) rotate(8deg);}
.corner-comfort .stories>.story:focus-within {outline:2px solid #215caf;outline-offset:3px;}
.corner-comfort .post-gallery-item img {max-width:100%;object-position:center;}

/* A quote is an editorial opening, not an oversized spacer. */
.corner-quote,.preview-story-quote {
  position:relative;max-width:760px;margin:22px auto 28px;
  padding:clamp(20px,3vw,38px);border:1px solid #e5ddd1;
  border-left:4px solid var(--cr-accent);border-radius:16px;
  background:linear-gradient(120deg,#f9f3ec,#fff 95%);
  color:#2e2723;box-shadow:0 12px 30px -26px #392d2799;
}
.corner-quote>span {display:block;height:26px;font:700 3.8rem/1 var(--serif);color:var(--cr-accent);opacity:.85;}
.corner-quote blockquote,.preview-story-quote {font:500 clamp(1.25rem,2.1vw,1.95rem)/1.45 var(--serif);letter-spacing:-.025em;text-wrap:balance;}
.corner-quote blockquote {margin:6px 0 0;}
.preview-story-quote {font-size:1.15rem;margin:10px 0 12px;padding:15px 18px;border-radius:12px;}

/* Less visual weight and sharper hierarchy in Studio. */
.corner-comfort .admin-shell .admin-main {min-width:0;}
.corner-comfort .admin-shell .admin-top {padding-block:8px;}
.corner-comfort .admin-shell .admin-top .studio-owner-link {display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:680;color:var(--cr-ink);text-decoration:underline;text-underline-offset:4px;}
.corner-comfort .studio-owner-link:hover {color:var(--cr-accent)!important;}
.corner-comfort .editor.admin-surface {padding:clamp(18px,2vw,26px);gap:13px;border-color:var(--cr-border);box-shadow:0 14px 32px -32px #0005;}
.corner-comfort .editor.admin-surface label {font-size:.84rem;font-weight:650;}
.corner-comfort .editor.admin-surface :is(input,textarea,select) {padding:11px 13px;font-size:.92rem;color:var(--cr-ink);}
.corner-comfort .editor.admin-surface textarea {line-height:1.6;}
.corner-comfort .editor.admin-surface textarea[name="body"] {min-height:170px;resize:vertical;}
.corner-comfort .editor.admin-surface textarea[name="quote"] {min-height:74px;background:#fbf7f2;}
.corner-comfort .editor .editor-topline {margin-bottom:4px;}
.corner-comfort .admin-two-col {align-items:start;gap:clamp(14px,1.7vw,22px);}
.corner-comfort .preview-panel {scrollbar-width:thin;max-width:100%;}
.corner-comfort .preview-panel .admin-surface {padding:clamp(15px,1.8vw,24px);}
.corner-comfort .preview-devices {gap:7px;}
.corner-comfort .preview-devices button {border:1px solid var(--cr-border);border-radius:10px;min-height:40px;}
.corner-comfort .preview-devices button.is-active {background:var(--cr-ink)!important;color:#fff!important;border-color:var(--cr-ink)!important;}
.corner-comfort .editor-actions {position:sticky;bottom:0;z-index:4;display:flex;align-items:center;flex-wrap:wrap;padding:12px 0 0;background:linear-gradient(180deg,#fff0,#fff 14px);}
.corner-comfort .admin-shell :is(.admin-primary,.editor-actions button:not(.secondary):not(.warn),.admin-form button[type=submit],.corner-schedule-form button[type=submit],.v3w-form button[type=submit]) {
  background:#0b0b0b!important;color:#fff!important;-webkit-text-fill-color:#fff;border-color:#0b0b0b!important;
}
.corner-comfort .admin-shell :is(.admin-primary,.editor-actions button:not(.secondary):not(.warn),.admin-form button[type=submit],.corner-schedule-form button[type=submit],.v3w-form button[type=submit]):hover {background:#272727!important;}

/* True, accessible switch appearance on top of native checkbox semantics. */
.corner-comfort .editor-checks {display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-block:4px;}
.corner-comfort .editor-checks label,.corner-comfort .v3w-check {
  display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:7px 10px;
  border:1px solid var(--cr-border);border-radius:11px;background:#faf9f6;
  cursor:pointer;font-size:.8rem;font-weight:600;
}
.corner-comfort .editor-checks input[type=checkbox],.corner-comfort .v3w-check input[type=checkbox] {
  appearance:none;position:relative;flex:none;width:39px;height:23px;margin:0;border:1px solid #9e9a94!important;border-radius:30px;background:#d4d2ce!important;
  cursor:pointer;transition:background-color .2s,border-color .2s;
}
.corner-comfort .editor-checks input[type=checkbox]::after,.corner-comfort .v3w-check input[type=checkbox]::after {
  content:"";position:absolute;left:2px;top:2px;width:17px;height:17px;
  border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s var(--cr-ease);
}
.corner-comfort .editor-checks input[type=checkbox]:checked,.corner-comfort .v3w-check input[type=checkbox]:checked {background:var(--cr-ink)!important;border-color:var(--cr-ink)!important;}
.corner-comfort .editor-checks input[type=checkbox]:checked::after,.corner-comfort .v3w-check input[type=checkbox]:checked::after {transform:translateX(16px);}
.corner-comfort .editor-checks input[type=checkbox]:focus-visible,.corner-comfort .v3w-check input[type=checkbox]:focus-visible {outline:3px solid #225faa;outline-offset:3px;}

/* Simple scheduling is a modal; advanced options are subordinate. */
.corner-schedule-modal,.corner-crop-dialog,.corner-auth-dialog {
  position:fixed;inset:0;margin:auto;border:1px solid var(--cr-border);
  border-radius:22px;background:#fff;color:var(--cr-ink);box-shadow:0 24px 80px #0003;
  max-height:min(94dvh,920px);overflow:auto;overscroll-behavior:contain;
}
.corner-schedule-modal::backdrop,.corner-crop-dialog::backdrop,.corner-auth-dialog::backdrop {background:rgba(9,9,9,.64);backdrop-filter:blur(5px);}
.corner-schedule-modal {width:min(92vw,560px);padding:0;}
.corner-schedule-inner {padding:clamp(20px,3.5vw,31px);}
.corner-schedule-inner header,.corner-crop-inner header,.corner-auth-head {display:flex;justify-content:space-between;align-items:start;gap:18px;}
.corner-schedule-inner header h2,.corner-crop-inner header h2,.corner-auth-head h2 {margin:2px 0 9px;font-size:clamp(1.4rem,2.5vw,1.85rem);letter-spacing:-.045em;}
.corner-schedule-inner header p:not(.eyebrow),.corner-crop-inner header p:not(.eyebrow) {font-size:.88rem;color:#5c5650;}
.corner-schedule-inner button[data-schedule-cancel],.corner-crop-inner button[data-crop-cancel],.corner-close {min-width:40px;min-height:40px;border:1px solid var(--cr-border);border-radius:11px;background:#fff;color:#111;font-size:1.3rem;}
.corner-schedule-form {display:grid;gap:13px;margin-top:20px;}
.corner-schedule-form label,.corner-crop-controls label,.corner-auth-form label {display:grid;gap:7px;font-size:.84rem;font-weight:650;}
.corner-schedule-form :is(input,select),.corner-auth-form input {
  display:block;min-height:48px;width:100%;min-width:0;padding:10px 13px;border:1px solid #aaa59c;border-radius:11px;background:#fff;color:#111;font-size:.95rem;
}
.corner-schedule-timezone {margin:0;font-size:.75rem;color:#5a554f;}
.corner-schedule-form details {border-top:1px solid #e7e4df;padding-block:13px;}
.corner-schedule-form details summary {font-size:.83rem;font-weight:650;cursor:pointer;}
.corner-schedule-advanced {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px;}
.corner-schedule-advanced label:first-child {grid-column:1/-1;}
.corner-schedule-message {margin:0;min-height:1.5em;color:#514a42;font-size:.83rem;}
.corner-schedule-actions,.corner-crop-actions {display:flex;gap:10px;justify-content:end;align-items:center;flex-wrap:wrap;}
.corner-schedule-actions button,.corner-crop-actions button {min-height:45px;padding:10px 17px;border:1px solid var(--cr-ink);border-radius:12px;font-weight:700;}
.corner-schedule-actions [type=submit],.corner-crop-actions [data-crop-save] {background:var(--cr-ink);color:white;}
.corner-schedule-actions .corner-schedule-secondary,.corner-crop-actions .corner-crop-secondary {background:#fff;color:#111;border-color:var(--cr-border);}

/* Media crop editor: native dialog, no dependency, responsive canvas. */
.corner-crop-dialog {width:min(94vw,780px);padding:0;}
.corner-crop-inner {display:grid;gap:14px;padding:clamp(17px,3vw,27px);}
.corner-crop-inner canvas {display:block;width:100%;height:auto;max-height:44dvh;object-fit:contain;border-radius:14px;background:#efede8;touch-action:auto;}
.corner-crop-ratios {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;}
.corner-crop-ratios legend {margin-bottom:10px;font-size:.83rem;font-weight:700;}
.corner-crop-ratios label {display:flex;align-items:center;gap:5px;padding:9px 11px;border:1px solid var(--cr-border);border-radius:12px;font-size:.78rem;cursor:pointer;}
.corner-crop-controls {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.corner-crop-controls input {width:100%;accent-color:#111;}
.corner-crop-message {margin:0;min-height:1.3em;color:#4c4640;font-size:.78rem;}
.corner-crop-trigger {justify-self:start;margin-top:9px;padding:8px 12px;border:1px solid #c7b7a8;border-radius:9px;background:#faf3e9;color:#2d2824;font-size:.8rem;font-weight:700;}

/* Unified reporting: basic actual events first, optional deeper reading metrics on demand. */
.corner-insights-intro {display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 22px;}
.corner-insights-intro h2 {margin:4px 0 7px;font-size:clamp(1.35rem,2vw,1.85rem);}
.corner-insights-intro p:last-child {margin:0;color:#56514a;font-size:.88rem;max-width:66ch;}
.corner-insights-intro>button {min-height:44px;padding:10px 16px;border:1px solid #111;border-radius:11px;background:#111;color:#fff;white-space:nowrap;}
.corner-insights-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.corner-insights-cards article {display:grid;gap:12px;min-height:118px;padding:18px;border:1px solid var(--cr-border);border-radius:18px;background:#fff;}
.corner-insights-cards small {font-size:.85rem;color:#56514e;}
.corner-insights-cards strong {font:650 clamp(1.7rem,3vw,2.4rem)/1 var(--sans);letter-spacing:-.05em;}
.corner-reading-details {margin-top:20px;padding:18px;border:1px solid var(--cr-border);border-radius:18px;background:#fff;}
.corner-reading-details>summary {cursor:pointer;display:flex;flex-wrap:wrap;gap:5px 20px;justify-content:space-between;font-weight:680;}
.corner-reading-details>summary small {font-size:.76rem;color:#68635c;font-weight:400;}
.corner-reading-details [data-reading-report] {margin-top:20px;}

/* Single-page auth and comments access. */
.corner-auth-dialog {width:min(93vw,480px);padding:0;}
.corner-auth-shell {padding:clamp(20px,4vw,32px);}
.corner-auth-head .eyebrow {margin:0 0 7px;}
.corner-auth-description {font-size:.88rem;color:#56514a;line-height:1.6;margin:0 0 18px;}
.corner-auth-tabs {display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px;border-radius:12px;background:#f3f2ef;margin-bottom:18px;}
.corner-auth-tabs button {min-height:42px;border:0;border-radius:9px;background:transparent;color:#46413b;font-weight:670;}
.corner-auth-tabs button[aria-pressed=true] {background:#111;color:#fff;box-shadow:0 3px 9px #0001;}
.corner-auth-form {display:grid;gap:13px;}
.corner-auth-form input {margin-top:2px;}
.corner-auth-form .corner-auth-primary {display:flex;justify-content:space-between;align-items:center;min-height:47px;padding:11px 15px;margin-top:7px;border:0;border-radius:10px;background:#0b0b0b;color:white;font-weight:700;}
.corner-auth-form p {margin:0;font-size:.8rem;}
.corner-auth-form a {text-decoration:underline;text-underline-offset:3px;}
.corner-auth-message {min-height:1.4em;margin:13px 0 0;color:#175640;font-size:.85rem;}
.corner-auth-message[data-error=true] {color:#a72c25;}
.corner-auth-fine {margin:10px 0 0;font-size:.73rem;line-height:1.55;color:#676059;}
.corner-comment-identity {font-size:.82rem;color:#56514a;margin:0;}
.comment-gate {padding:22px;border:1px solid var(--cr-border);border-radius:14px;background:#faf9f6;margin-top:20px;}
.comment-gate p {margin:0 0 13px;color:#4a4540;}
.comment-gate button {min-height:42px;padding:9px 16px;border:0;border-radius:10px;background:#111;color:#fff;font-weight:700;}
.category-tabs a[hidden],.footer-links a[hidden] {display:none!important;}

/* Hide analytics controls in the reading/footer chrome; retain both controls on privacy page. */
body:not(.corner-privacy) .reading-preferences:not(.reading-feedback),
body:not(.corner-privacy) .site-preferences-slot {display:none!important;}
.corner-privacy .reading-preferences,.corner-privacy .site-preferences-slot {max-width:min(90vw,920px);margin:18px auto;border-radius:14px;}
.corner-privacy .site-footer {row-gap:20px;}

/* Functional motion: reveal small changes; never block usability. */
@media (prefers-reduced-motion:no-preference) {
  .corner-comfort .studio-icon,.corner-comfort .story-bottom .read-link span {transition:transform 240ms var(--cr-ease);}
  .corner-comfort .admin-nav :is(a,button):hover .studio-icon {transform:translate(2px,-1px);}
  .corner-comfort .editor-checks input[type=checkbox],.corner-comfort .v3w-check input[type=checkbox] {transition:background-color 180ms,transform 180ms;}
  .corner-auth-dialog[open],.corner-schedule-modal[open],.corner-crop-dialog[open] {animation:cr-dialog-in 240ms var(--cr-ease);}
  .corner-comfort .story .card-media {overflow:hidden;}
  .corner-comfort .story .card-media img {transition:transform 450ms var(--cr-ease);}
  .corner-comfort .story:hover .card-media img {transform:scale(1.025);}
}
@keyframes cr-dialog-in {from {opacity:0;transform:translateY(10px) scale(.985)}to {opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) {
  .corner-comfort .story *,.corner-auth-dialog *, .corner-schedule-modal *, .corner-crop-dialog * {animation:none!important;transition:none!important;}
}
html[data-studio-motion=off] .corner-comfort .admin-shell * {animation:none!important;transition:none!important;}

/* Responsive, content-first layouts. */
@media (min-width:1240px) { .corner-comfort .stories {gap:20px;} }
@media (max-width:1100px) {
  .corner-comfort .admin-two-col {grid-template-columns:1fr;}
  .corner-comfort .preview-panel {position:static;max-height:none;overflow:visible;}
  .corner-comfort .preview-stage {max-width:680px;margin:auto;}
  .corner-comfort .stories>.story.story-featured {grid-template-columns:1fr;}
  .corner-comfort .stories>.story.story-featured>.story-top,
  .corner-comfort .stories>.story.story-featured>.card-media,
  .corner-comfort .stories>.story.story-featured>.story-art,
  .corner-comfort .stories>.story.story-featured>.story-copy {grid-column:1;grid-row:auto;}
}
@media (max-width:700px) {
  .corner-comfort .stories {grid-template-columns:minmax(0,1fr);gap:15px;}
  .corner-comfort .stories>.story,.corner-comfort .stories>.story:nth-child(n),.corner-comfort .stories>.story.story-featured {grid-column:1!important;}
  .corner-comfort .story .card-media {aspect-ratio:16/10;}
  .corner-comfort .story .story-copy h2 {font-size:clamp(1.25rem,5vw,1.6rem);}
  .corner-comfort .story .story-bottom {margin-top:20px;}
  .corner-comfort .admin-shell .admin-main {padding:14px 13px;}
  .corner-comfort .admin-two-col {min-width:0;}
  .corner-comfort .editor.admin-surface {padding:14px;}
  .corner-comfort .editor-inline {grid-template-columns:1fr;}
  .corner-comfort .editor-actions {position:static;}
  .corner-comfort .preview-devices {flex-wrap:wrap;}
  .corner-schedule-advanced,.corner-crop-controls {grid-template-columns:1fr;}
  .corner-crop-inner canvas {max-height:30dvh;}
  .corner-insights-intro {align-items:start;flex-direction:column;}
  .corner-insights-cards {grid-template-columns:1fr;}
  .corner-insights-cards article {min-height:94px;}
  .corner-schedule-modal,.corner-auth-dialog,.corner-crop-dialog {width:min(96vw,600px);border-radius:16px;}
  .corner-schedule-inner,.corner-auth-shell,.corner-crop-inner {padding:17px;}
  .corner-quote {margin:18px 0 25px;}
}

/* Verified member profile image controls */
.account-shell .account-avatar-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:18px;margin:0 0 18px;border:1px solid #dedad3;border-radius:17px;background:#f8f7f4;align-items:center}
.account-avatar-visual{width:80px;height:80px;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:#111;color:#fff}
.account-avatar-visual img{width:100%;height:100%;object-fit:cover;display:block}
.account-avatar-monogram{font:650 2.4rem/1 var(--sans);color:white;text-transform:uppercase}
.account-avatar-info{min-width:0;display:grid;gap:5px}
.account-avatar-info>strong{font-size:.93rem;font-weight:750}
.account-avatar-info>p{margin:0 0 6px;font-size:.75rem;color:#58534d;line-height:1.55}
.account-avatar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.account-avatar-picker,.account-avatar-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;cursor:pointer;border:1px solid #141414;border-radius:10px;background:#111;color:white;font:.7rem/1.35 var(--sans);font-weight:730;white-space:nowrap}
.account-avatar-actions button{background:white;color:#111;border-color:#bbb5ac}
.account-avatar-status{min-height:1.2em;line-height:1.5;color:#444;font-size:.73rem}
.corner-comfort .category-tabs [data-profile-link]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:7px}
.corner-comfort .category-tabs [data-profile-link] img{width:26px;height:26px;flex:none;border-radius:50%;object-fit:cover;border:1px solid #ddd}
@media(max-width:550px){.account-shell .account-avatar-card{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:13px}.account-avatar-visual{width:54px;height:54px;border-radius:16px}.account-avatar-monogram{font-size:1.7rem}.account-avatar-actions{flex-wrap:wrap}}

.corner-diagnostic{display:grid;gap:12px;margin:17px 0 8px;padding:18px;border:1px solid #dedad3;border-radius:17px;background:#faf9f7}
.corner-diagnostic strong{font-size:.96rem}
.corner-diagnostic p{font-size:.83rem;color:#514c46;margin:7px 0 0}
.corner-diagnostic dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.corner-diagnostic dl>div{display:grid;gap:7px;min-width:0;padding:12px;border-radius:11px;background:#fff;border:1px solid #e7e3dc}
.corner-diagnostic dt{font-size:.72rem;color:#59534c}
.corner-diagnostic dd{font-size:.85rem;font-weight:650;margin:0;overflow-wrap:anywhere}
.corner-diagnostic .corner-diagnostic-help{margin:0;font-size:.75rem}
@media(max-width:850px){.corner-diagnostic dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.corner-diagnostic dl{grid-template-columns:1fr}}

/* Expanded reading Insights become a focused workspace, not a report far below basic cards. */
#admin-view.corner-insights-focus>.corner-insights-intro,
#admin-view.corner-insights-focus>.corner-insights-cards,
#admin-view.corner-insights-focus>.corner-diagnostic{display:none!important}
#admin-view.corner-insights-focus>.corner-reading-details{margin:0;padding:8px 0 0;border:0;border-radius:0;background:transparent}
#admin-view.corner-insights-focus>.corner-reading-details>summary{min-height:36px;justify-content:start;gap:8px;align-items:center;font-size:.79rem}
#admin-view.corner-insights-focus>.corner-reading-details [data-reading-report]{margin-top:8px}

/* Photo attachment area: a purposeful input rather than a bare browser file control. */
.corner-comfort .admin-shell .post-media-editor{padding:clamp(17px,2vw,26px)}
.corner-comfort .admin-shell .post-media-editor .post-media-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
.corner-comfort .admin-shell .post-media-editor .upload-field{display:grid;gap:15px;margin-top:18px;padding:clamp(14px,2vw,19px);border:1px dashed #bbb3a8;border-radius:17px;background:#fbfaf8}
.corner-comfort .admin-shell .post-media-editor .upload-field>label{display:grid;gap:12px;font-size:.89rem;font-weight:700;color:#1b1916}
.corner-comfort .admin-shell .post-media-editor input[type=file]{display:block;width:100%;min-width:0;padding:16px;border:1px solid #e5ded5;border-radius:13px;background:#fff;color:#59534d;font:.84rem var(--sans)}
.corner-comfort .admin-shell .post-media-editor input[type=file]::file-selector-button{margin-right:12px;padding:11px 16px;background:#0b0b0b;color:#fff;border:0;border-radius:9px;font:.8rem var(--sans);font-weight:700;cursor:pointer}
.corner-comfort .admin-shell .post-media-editor input[type=file]:hover::file-selector-button{background:#333}
.corner-comfort .admin-shell .post-media-editor .upload-preview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:13px}
.corner-comfort .admin-shell .post-media-editor .upload-preview-card{min-width:0;padding:12px;border:1px solid #e8e3db;border-radius:14px;background:white}
.corner-comfort .admin-shell .post-media-editor .upload-preview-card figure{margin:0}
.corner-comfort .admin-shell .post-media-editor .upload-preview-card :is(img,video){max-height:230px;object-fit:cover;border-radius:11px}
.corner-comfort .admin-shell .post-media-editor .upload-preview-card label{font-size:.81rem}
.corner-comfort .admin-shell .post-media-editor .upload-field>button[type=submit]{justify-self:start;min-height:45px;padding:10px 19px;border:1px solid #0b0b0b;border-radius:11px;background:#0b0b0b;color:white!important;font-weight:700}
.corner-comfort .admin-shell .post-media-editor .upload-field>button[type=submit]:disabled{opacity:.48}
@media(max-width:600px){.corner-comfort .admin-shell .post-media-editor .upload-field{padding:12px}.corner-comfort .admin-shell .post-media-editor input[type=file]{padding:10px}.corner-comfort .admin-shell .post-media-editor input[type=file]::file-selector-button{margin-bottom:6px}}
@media(prefers-reduced-motion:no-preference){.corner-comfort .admin-sidebar-footer .studio-icon-button .studio-icon{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.corner-comfort .admin-sidebar-footer .studio-icon-button:is(:hover,:focus-visible) .studio-icon{transform:translateY(-2px) rotate(-7deg)}}

/* Preserve first-fold access to analysis while keeping the Collapse control keyboard reachable. */
#admin-view.corner-insights-focus{position:relative}
#admin-view.corner-insights-focus>.corner-reading-details{padding-top:0}
#admin-view.corner-insights-focus>.corner-reading-details>summary{
 position:absolute;top:-37px;right:0;z-index:8;display:inline-flex;min-height:30px;
 padding:5px 10px;border:1px solid #ddd5c9;border-radius:9px;background:#fff;
 font-size:.72rem;cursor:pointer
}
#admin-view.corner-insights-focus>.corner-reading-details>summary small{display:none}
#admin-view.corner-insights-focus>.corner-reading-details [data-reading-report]{margin-top:0}
@media(max-width:767px){#admin-view.corner-insights-focus>.corner-reading-details>summary{top:-34px;padding:4px 9px;min-height:28px}}


/* Attachments live in a focused modal, never in a bottom-of-editor card. */
.corner-comfort .admin-shell .editor-actions button.corner-media-trigger {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:140px;flex:1 1 145px;padding:11px 16px;
  border:1px solid #101010!important;border-radius:11px;
  background:#101010!important;color:#fff!important;font-weight:750;
}
.corner-comfort .admin-shell .editor-actions button.corner-media-trigger:is(:hover,:focus-visible) {background:#303030!important;color:#fff!important;}
.corner-media-trigger-mark {display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff65;border-radius:7px;font-size:1.06rem;font-weight:450;line-height:1;}
.corner-media-count {display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:8px;background:#ffffff26;color:#fff;font-size:.72rem;font-weight:700;}
.corner-media-modal {
  position:fixed;inset:0;margin:auto;padding:0;width:min(94vw,850px);
  max-width:850px;max-height:min(94dvh,940px);overflow:auto;overscroll-behavior:contain;
  border:1px solid #d9d3ca;border-radius:22px;background:#fff;color:#151515;
  box-shadow:0 30px 100px #0005;
}
.corner-media-modal::backdrop {background:rgba(12,12,12,.68);backdrop-filter:blur(6px);}
.corner-media-shell {min-width:0;display:flex;flex-direction:column;}
.corner-media-loading {margin:0;padding:34px;font-size:.9rem;color:#5d574f;}
.corner-media-header {
  position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:start;
  gap:20px;padding:24px 27px 20px;border-bottom:1px solid #ebe7e0;background:#fff;
}
.corner-media-heading {min-width:0;}
.corner-media-heading .eyebrow {margin:0 0 5px;color:#77736d;}
.corner-media-heading h2 {margin:0 0 5px;font-size:clamp(1.5rem,3vw,2.06rem);line-height:1.2;letter-spacing:-.055em;font-weight:720;}
.corner-media-heading h2 span {color:#bb7557;}
.corner-media-heading p:last-child {margin:0;color:#625d56;font-size:.83rem;line-height:1.5;}
.corner-media-modal .corner-media-close {
  display:grid;place-items:center;flex:none;min-width:41px;min-height:41px;padding:0;
  border:1px solid #dcd5cb;border-radius:12px;background:#fff;color:#111;font-size:1.5rem;
}
.corner-media-modal .corner-media-close:hover {background:#f4f2ee;}
.corner-comfort .admin-shell .corner-media-modal .post-media-editor {
  display:grid;gap:17px;padding:22px 27px 25px;border:0;border-radius:0;background:#fff;
}
.corner-media-modal .post-media-head {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.corner-media-modal .post-media-head h3 {margin:0;font-size:1rem;letter-spacing:-.025em;}
.corner-media-total {padding:5px 11px;border:1px solid #e5e1da;border-radius:100px;color:#57534c;background:#faf9f7;white-space:nowrap;font-size:.72rem;font-weight:700;}
.corner-media-empty {margin:0!important;padding:16px 18px;border:1px dashed #ddd7ce;border-radius:13px;background:#fbfaf7;color:#625e56;font-size:.82rem;}
.corner-media-modal .media-gallery {grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px;}
.corner-media-modal .media-thumb {min-width:0;background:#faf9f7;}
.corner-media-modal .media-quick-edit input {min-width:0;max-width:100%;width:100%;}
.corner-comfort .admin-shell .corner-media-modal .post-media-editor .upload-field {margin:2px 0 0;min-width:0;}
.corner-media-modal .upload-preview-list {min-width:0;}
.corner-media-footer {
  position:sticky;bottom:0;z-index:1;display:flex;justify-content:space-between;align-items:center;
  gap:15px;padding:15px 27px;border-top:1px solid #e8e2da;background:#f9f8f5;
}
.corner-media-footer span {color:#68635c;font-size:.75rem;}
.corner-media-footer .corner-media-done {flex:none;min-height:44px;padding:10px 22px;border:1px solid #101010;border-radius:11px;background:#101010;color:#fff!important;font-size:.82rem;font-weight:730;}
.corner-media-footer .corner-media-done:hover {background:#303030;}
@media (max-width:600px) {
  .corner-media-modal {width:calc(100vw - 18px);max-height:calc(100dvh - 24px);border-radius:17px;}
  .corner-media-header {padding:18px 16px 15px;gap:9px;}
  .corner-media-heading h2 {font-size:1.53rem;}
  .corner-media-heading p:last-child {font-size:.76rem;}
  .corner-comfort .admin-shell .corner-media-modal .post-media-editor {padding:16px 15px 19px;gap:13px;}
  .corner-media-modal .media-gallery {grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));}
  .corner-media-footer {padding:12px 15px;gap:8px;}
  .corner-media-footer span {max-width:185px;font-size:.69rem;line-height:1.5;}
  .corner-media-footer .corner-media-done {min-height:41px;padding:9px 16px;}
}


/* Corner public navigation: invisible scrollbar, glass rail, mobile drawer, profile card. */
/* Scroll remains enabled for wheel, touch, keyboard and assistive technology. */
html, body, body.corner-comfort, body.corner-comfort * { scrollbar-width:none!important; -ms-overflow-style:none; }
html::-webkit-scrollbar, body::-webkit-scrollbar, body.corner-comfort *::-webkit-scrollbar {display:none!important;width:0!important;height:0!important;background:transparent!important}
html:has(dialog[open]),html.corner-drawer-open {overflow:hidden!important;overscroll-behavior:none}
body.corner-comfort .corner-public-header {overflow:visible;border-bottom:1px solid rgba(25,25,25,.08)}
body.corner-comfort .corner-public-header .header-row {position:relative;min-width:0;min-height:82px;gap:12px}
.corner-brand-group {display:flex;align-items:center;gap:11px;min-width:0}
.corner-brand-group .brand {min-width:0}
.corner-brand-group .brand-type {min-width:0}
body.corner-comfort .corner-rail-toggle {display:none;place-items:center;flex:none;min-width:43px;min-height:43px;padding:0;border:1px solid #121212;border-radius:13px;background:#111;color:#fff!important;cursor:pointer}
.corner-rail-toggle svg,.corner-profile-toggle svg {display:block}
.corner-profile-wrap {position:relative;flex:none;z-index:60}
body.corner-comfort .corner-profile-toggle {display:grid;place-items:center;flex:none;min-width:43px;min-height:43px;padding:0;border:1px solid #111;border-radius:14px;background:#111;color:white!important;box-shadow:0 9px 20px -15px #0008}
.corner-profile-toggle[aria-expanded=true] {outline:2px solid #bd805d;outline-offset:3px}
body.corner-comfort .corner-profile-card {position:absolute;top:calc(100% + 13px);right:0;z-index:65;display:grid;gap:4px;width:min(300px,calc(100vw - 26px));min-width:238px;padding:19px;border:1px solid #ddd8ce;border-radius:19px;background:rgba(255,255,255,.96);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:0 20px 68px #0003}
.corner-profile-card[hidden] {display:none!important}
.corner-profile-kicker {margin:0 0 3px!important;font:750 .65rem/1.4 var(--mono);letter-spacing:.1em;color:#7b6e63}
.corner-profile-heading {display:block;margin:0 0 9px;font-size:1rem;font-weight:720;letter-spacing:-.025em}
body.corner-comfort .corner-profile-card a {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:10px 11px;border-radius:10px;color:#222;font-size:.88rem;font-weight:630;line-height:1.3;text-decoration:none}
body.corner-comfort .corner-profile-card a:is(:hover,:focus-visible) {background:#f1eee8}
.corner-profile-card a img {width:27px;height:27px;flex:none;object-fit:cover;border-radius:50%;border:1px solid #ddd}
.corner-profile-card a span {min-width:0;overflow-wrap:anywhere}
.corner-profile-divider {height:1px;margin:6px 0;background:#e8e2db}
body.corner-comfort .corner-public-header .category-tabs.corner-rail {
  position:fixed;top:clamp(124px,20vh,170px);left:clamp(12px,1.5vw,22px);bottom:auto;right:auto;
  display:flex;flex-direction:column;align-items:stretch;justify-content:start;
  width:64px;min-width:0;max-width:none;min-height:0;max-height:calc(100dvh - 190px);
  margin:0;padding:8px;gap:5px;overflow-x:hidden;overflow-y:auto;
  border:1px solid rgba(80,72,65,.19);border-radius:20px;
  background:rgba(255,255,255,.69);-webkit-backdrop-filter:blur(25px) saturate(160%);
  backdrop-filter:blur(25px) saturate(160%);
  box-shadow:0 18px 48px -24px rgba(10,10,10,.31),inset 0 1px rgba(255,255,255,.92);
  z-index:48;transition:width .28s cubic-bezier(.19,1,.22,1),background .24s,box-shadow .24s;
  scrollbar-width:none!important;
}
body.corner-comfort .corner-public-header .corner-rail:is(:hover,:focus-within) {width:217px;background:rgba(255,255,255,.87);box-shadow:0 20px 60px -22px #0004}
body.corner-comfort .corner-public-header .corner-rail .corner-rail-link {
  display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:0 0 auto;
  width:100%;min-width:0;min-height:47px;height:47px;margin:0;padding:4px 9px;
  border:0;border-radius:13px;background:transparent;color:#302e2b;font-size:.85rem;
  font-weight:650;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;
  transition:background .18s,color .18s;
}
body.corner-comfort .corner-rail .corner-rail-link::after {display:none!important;content:none!important}
body.corner-comfort .corner-rail .corner-rail-link:is(:hover,:focus-visible) {background:rgba(20,20,20,.085);color:#111}
body.corner-comfort .corner-rail .corner-rail-link.is-active {background:#111!important;color:#fff!important}
.corner-rail-icon {display:grid;place-items:center;flex:none;width:28px;height:31px;color:inherit}
.corner-rail-icon svg {display:block;flex:none}
.corner-rail-label {display:block;min-width:0;max-width:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateX(-5px);transition:opacity .18s,transform .18s}
body.corner-comfort .corner-rail:is(:hover,:focus-within) .corner-rail-label {max-width:155px;opacity:1;visibility:visible;transform:translateX(0)}
.corner-rail-heading,.corner-rail-foot {display:none}
.corner-rail-backdrop[hidden] {display:none!important}
body.corner-comfort .corner-rail-backdrop {display:none}
@media (min-width:901px) and (max-width:1519px) {
  body.corner-comfort:has(.corner-public-header) .shell,
  body.corner-comfort:has(.corner-public-header) .site-footer,
  body.corner-comfort .corner-public-header {
    width:min(calc(100% - 137px),var(--page));
    margin-left:max(89px,calc((100vw - var(--page))/2));
    margin-right:auto;
  }
}
/* On touch devices the glass navigation becomes a dedicated off-canvas drawer. */
@media (max-width:900px) {
  body.corner-comfort .corner-rail-toggle {display:grid}
  body.corner-comfort .corner-public-header .header-row {min-height:74px;gap:8px}
  body.corner-comfort .corner-public-header .header-right {gap:7px}
  body.corner-comfort .corner-public-header .category-tabs.corner-rail,
  body.corner-comfort .corner-public-header .category-tabs.corner-rail:is(:hover,:focus-within) {
    position:fixed;top:0;bottom:0;left:0;right:auto;
    width:min(84vw,320px);max-width:min(84vw,320px);height:100dvh;max-height:100dvh;
    display:flex;visibility:hidden;pointer-events:none;
    padding:calc(18px + env(safe-area-inset-top)) 15px max(20px,env(safe-area-inset-bottom));
    gap:6px;overflow-y:auto;overscroll-behavior:contain;
    border:0;border-right:1px solid rgba(80,72,65,.22);
    border-radius:0 24px 24px 0;background:rgba(250,248,245,.91);
    -webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);
    box-shadow:16px 0 65px -20px rgba(0,0,0,.3);z-index:101;
    transform:translateX(calc(-100% - 22px));
    transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility .32s;
  }
  body.corner-comfort .corner-public-header .category-tabs.corner-rail.is-open {
    visibility:visible;pointer-events:auto;transform:translateX(0);
  }
  body.corner-comfort .corner-public-header .corner-rail .corner-rail-link {min-height:54px;height:54px;gap:15px;padding:8px 12px;border-radius:15px;font-size:.98rem}
  body.corner-comfort .corner-public-header .corner-rail .corner-rail-label,
  body.corner-comfort .corner-public-header .corner-rail:is(:hover,:focus-within) .corner-rail-label {
    display:block;max-width:none;opacity:1;visibility:visible;transform:none;
  }
  .corner-rail-heading {display:flex;align-items:start;justify-content:space-between;gap:10px;margin:0 0 21px;padding:9px 4px 19px;border-bottom:1px solid #ded8cf}
  .corner-rail-heading small {display:block;margin-bottom:7px;color:#746b63;font:700 .64rem/1.4 var(--mono);letter-spacing:.12em}
  .corner-rail-heading strong {display:block;color:#111;font-size:1.07rem;letter-spacing:-.03em;white-space:normal}
  body.corner-comfort .corner-rail-heading button {display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #d8d2c8;border-radius:13px;background:white;color:#111;font-size:1.65rem;line-height:1;cursor:pointer}
  .corner-rail-foot {display:block;margin:auto 0 0;padding:18px 9px 10px;color:#7e7369;font:650 .68rem/1.5 var(--mono);letter-spacing:.03em}
  body.corner-comfort .corner-rail-backdrop:not([hidden]) {position:fixed;inset:0;display:block;z-index:100;background:rgba(15,15,15,.44);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
  html.corner-drawer-open .corner-welcome-card {display:none!important}
}
@media (max-width:600px) {
  body.corner-comfort .corner-public-header .header-row {min-height:69px}
  body.corner-comfort .corner-public-header .header-right :is(.icon-button,.corner-profile-toggle) {width:40px;height:40px;min-width:40px;min-height:40px;border-radius:13px}
  body.corner-comfort .corner-rail-toggle {min-width:40px;min-height:40px}
  body.corner-comfort .corner-brand-group {gap:7px}
  body.corner-comfort .corner-brand-group .brand {gap:8px}
  body.corner-comfort .corner-brand-group .brand-mark {width:37px;height:37px;font-size:1.55rem}
  body.corner-comfort .corner-brand-group .brand strong {font-size:1.1rem;line-height:1.1}
  body.corner-comfort .corner-brand-group .brand small {font-size:.45rem;letter-spacing:.07em}
}
@media (max-width:385px) {
  body.corner-comfort .corner-brand-group {gap:5px}
  body.corner-comfort .corner-brand-group .brand {gap:4px}
  body.corner-comfort .corner-brand-group .brand-mark {display:grid;width:29px;height:29px;font-size:1.22rem;border-radius:9px}
  body.corner-comfort .corner-brand-group .brand small {display:none}
  body.corner-comfort .corner-brand-group .brand strong {font-size:.94rem;white-space:nowrap}
  body.corner-comfort .corner-public-header .header-row {gap:4px}
  body.corner-comfort .corner-public-header .header-right {gap:4px}
  body.corner-comfort .corner-public-header .header-right :is(.icon-button,.corner-profile-toggle) {width:44px;height:44px;min-width:44px;min-height:44px}
  body.corner-comfort .corner-rail-toggle {min-width:44px;min-height:44px}
}
.corner-welcome-card {
  position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));
  width:min(355px,calc(100vw - 28px));padding:24px 21px 19px;border:1px solid #ded6ca;
  border-radius:23px;background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);
  box-shadow:0 24px 65px -25px #0005;z-index:90;color:#171614;
  animation:corner-welcome-arrive .35s cubic-bezier(.2,.8,.2,1) both;
}
.corner-welcome-close {position:absolute;top:10px;right:12px;display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:10px;background:#f0ece6;color:#151515;font-size:1.4rem;cursor:pointer}
.corner-welcome-kicker {margin:0 0 10px;color:#a55d41;font:750 .65rem/1.5 var(--mono);letter-spacing:.1em}
body.corner-comfort .corner-welcome-card h2 {margin:0 22px 9px;font-size:1.24rem!important;letter-spacing:-.04em!important;color:#161616}
.corner-welcome-card>p:not(.corner-welcome-kicker) {margin:0;color:#4e4842;font-size:.83rem;line-height:1.62}
.corner-welcome-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.corner-welcome-actions a,.corner-welcome-actions button {display:inline-flex;align-items:center;justify-content:space-between;gap:9px;min-height:43px;padding:10px 13px;border:1px solid #111;border-radius:11px;background:#111;color:white!important;font-size:.77rem;font-weight:710;text-decoration:none;cursor:pointer}
.corner-welcome-actions button {background:white;color:#111!important;border-color:#d6cec4}
@keyframes corner-welcome-arrive {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .corner-welcome-card {left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:17px 17px 14px;border-radius:19px}
 body.corner-comfort .corner-welcome-card h2 {margin-left:0;font-size:1.12rem!important}
 .corner-welcome-card>p:not(.corner-welcome-kicker) {font-size:.78rem;line-height:1.5}
 .corner-welcome-actions {margin-top:10px}
 .corner-welcome-actions a,.corner-welcome-actions button {min-height:42px}
}
@media(prefers-reduced-motion:reduce){
 body.corner-comfort .corner-public-header .category-tabs.corner-rail,
 body.corner-comfort .corner-public-header .corner-rail .corner-rail-link,.corner-rail-label,.corner-welcome-card {transition:none!important;animation:none!important}
}


/* Corner's quiet luminous-paper background.
 * Inspired by React Bits light-mode Aurora, but CSS-only and restrained to
 * avoid shader downloads, intrusive particles and excessive contrast.
 * Private Studio and every dialog keep their normal solid background. */
body.corner-comfort:has(.corner-public-header) {
  --corner-canvas:#faf9f6;
  background-color:#faf9f6!important;
  background-image:
    radial-gradient(ellipse at 12% 10%,rgba(194,135,102,.045),transparent 38%),
    radial-gradient(ellipse at 92% 22%,rgba(177,170,202,.045),transparent 44%);
  background-repeat:no-repeat;background-attachment:scroll;
}
body.corner-comfort:has(.corner-public-header) #content {
  position:relative;isolation:isolate;
}
body.corner-comfort:has(.corner-public-header) #content::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  top:0;left:0;right:0;height:clamp(300px,49vw,650px);
  background:
    radial-gradient(ellipse 50% 54% at 24% 20%,rgba(236,196,164,.19),transparent 84%),
    radial-gradient(ellipse 48% 49% at 75% 16%,rgba(209,205,226,.15),transparent 82%),
    radial-gradient(ellipse 48% 40% at 54% 76%,rgba(207,220,209,.09),transparent 86%);
  filter:blur(36px);opacity:.7;
  transform:translate3d(0,0,0);
  animation:corner-paper-glow 22s ease-in-out infinite alternate;
}
@keyframes corner-paper-glow {
  from {transform:translate3d(-1.2%,0,0);opacity:.56}
  to {transform:translate3d(1.2%,1.3%,0);opacity:.78}
}
/* A familiar compact search window, centered instead of pinned to the left edge.
   Do not blur the entire page or turn mobile search into a full-screen sheet. */
body.corner-comfort #search-dialog.search-dialog[open] {
  position:fixed!important;inset:0!important;top:0!important;left:0!important;
  right:0!important;bottom:0!important;margin:auto!important;transform:none!important;
  display:block;width:min(570px,calc(100vw - 28px))!important;max-width:570px!important;
  min-height:0!important;height:max-content;max-height:min(77dvh,520px)!important;
  overflow-y:auto;padding:clamp(17px,2.5vw,25px)!important;
  border:1px solid #ded8cf;border-radius:19px!important;
  background:#fff!important;color:#171717;box-shadow:0 18px 72px -23px #0006;
}
body.corner-comfort #search-dialog.search-dialog::backdrop {
  background:rgba(17,19,21,.30)!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.corner-comfort #search-dialog .search-dialog-head {gap:12px;align-items:center;margin-bottom:12px}
body.corner-comfort #search-dialog .search-dialog-head p {margin:0;font-size:.73rem;letter-spacing:.1em}
body.corner-comfort #search-dialog .search-dialog-head button {min-width:43px;min-height:43px;flex:none;border-radius:12px}
body.corner-comfort #search-dialog .search-field {padding:7px 0 12px}
body.corner-comfort #search-dialog .search-field input {width:100%;min-height:46px;font-size:1rem}
body.corner-comfort #search-dialog .search-results {min-height:62px;max-height:min(36dvh,235px);padding:10px 0}
body.corner-comfort #search-dialog .search-results>p {padding:12px 0;font-size:.88rem}
body.corner-comfort #search-dialog .search-footer {gap:8px;font-size:.68rem}
@media(max-width:767px) {
  body.corner-comfort:has(.corner-public-header) #content::before {
    height:clamp(230px,58vh,430px);filter:blur(25px);opacity:.52;
  }
  body.corner-comfort #search-dialog.search-dialog[open] {
    width:calc(100vw - 24px)!important;max-width:570px!important;
    max-height:calc(100dvh - 32px)!important;min-height:0!important;
    border-radius:16px!important;padding:18px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.corner-comfort:has(.corner-public-header) #content::before {animation:none!important;transform:none!important;opacity:.55}
}
@media(forced-colors:active) {
  body.corner-comfort:has(.corner-public-header) #content::before {display:none}
  body.corner-comfort #search-dialog.search-dialog[open] {border:2px solid CanvasText}
}


/* User-provided VM. brand artwork. All Corner navigation, Studio and
   account marks share the exact image; no generated/re-drawn symbol. */
.corner-comfort .corner-brand-image {
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:cover;border-radius:inherit;pointer-events:none;
}
.corner-comfort :is(.brand-mark--vm,.studio-brand-mark--vm,.account-brand-mark--vm,.admin-signin-mark--vm) {
  padding:0!important;overflow:hidden;flex:none;isolation:isolate;
  border-radius:13px;background:#242226;
}
.corner-comfort .brand .brand-mark.brand-mark--vm {
  transform:none!important;border-radius:13px;
  -webkit-text-fill-color:initial;
}
.corner-comfort .brand:is(:hover,:focus-within) .brand-mark.brand-mark--vm {
  transform:scale(1.025)!important;
}
.corner-comfort .admin-brand .studio-brand-mark--vm {border-radius:10px}
.corner-comfort .account-brand .account-brand-mark--vm {border-radius:11px}
.corner-comfort .admin-signin-mark.admin-signin-mark--vm {border-radius:11px}
@media (prefers-reduced-motion:reduce){
  .corner-comfort .brand .brand-mark.brand-mark--vm {transition:none!important;transform:none!important}
  .corner-comfort .brand:is(:hover,:focus-within) .brand-mark.brand-mark--vm {transform:none!important}
}

/* 2026-10-28 LOCAL REVIEW: resilient, compact mobile header + profile controls. */
body.corner-comfort .corner-public-header .header-row{width:100%;display:flex;align-items:center;flex-wrap:nowrap;min-width:0}
body.corner-comfort .corner-public-header .corner-brand-group{flex:1 1 auto;min-width:0;max-width:100%}
body.corner-comfort .corner-public-header .brand{flex:1 1 auto;min-width:0;max-width:100%}
body.corner-comfort .corner-public-header .brand-type{flex:1 1 auto;min-width:0;overflow:hidden}
body.corner-comfort .corner-public-header .brand strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.corner-comfort .corner-public-header .header-right{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-width:0}
body.corner-comfort .corner-public-header .corner-brand-image{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
body.corner-comfort .corner-public-header .header-right :is(.icon-button,.corner-profile-toggle){display:grid!important;place-items:center;flex:none;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px;max-height:44px;padding:0!important;overflow:hidden}
body.corner-comfort .corner-public-header .header-right :is(.icon-button,.corner-profile-toggle) svg{display:block;width:21px!important;height:21px!important;flex:none}
body.corner-comfort .corner-public-header .corner-profile-toggle svg[hidden]{display:none!important}
body.corner-comfort .corner-public-header .corner-profile-trigger-avatar{display:grid;place-items:center;overflow:hidden;width:31px;height:31px;min-width:31px;min-height:31px;max-width:31px;max-height:31px;border-radius:50%;background:#242226;color:white;font-size:.83rem;line-height:1}
body.corner-comfort .corner-public-header .corner-profile-trigger-avatar[hidden]{display:none!important}
body.corner-comfort .corner-public-header .corner-profile-trigger-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
body.corner-comfort .corner-public-header .brand-mark.brand-mark--vm{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;border-radius:13px}
body.corner-comfort .corner-public-header .brand-mark--vm img{width:100%;height:100%}
body.corner-comfort .corner-profile-card .corner-profile-dismiss{position:sticky;top:0;z-index:4;display:grid;place-items:center;justify-self:end;margin:0 0 -27px auto;width:36px;height:36px;min-width:36px;min-height:36px;border:1px solid #d8d0c9;background:#fff;border-radius:11px;color:#29211d;font-size:1.35rem;line-height:1;cursor:pointer}
body.corner-comfort .corner-profile-card :is(.corner-menu-member,.corner-menu-guest){min-width:0}
body.corner-comfort .corner-profile-card .corner-menu-identity{display:flex;align-items:center;gap:11px;min-width:0;padding-right:37px;margin:2px 0 8px}
body.corner-comfort .corner-profile-card .corner-menu-identity>div{min-width:0;flex:1 1 auto}
body.corner-comfort .corner-profile-card [data-profile-menu-name]{display:block;font-size:.98rem;line-height:1.3;overflow-wrap:anywhere}
body.corner-comfort .corner-profile-card .corner-menu-identity small{display:block;font-size:.73rem;line-height:1.4;color:#70645c}
body.corner-comfort .corner-profile-card .corner-menu-avatar{display:grid;place-items:center;width:37px;height:37px;min-width:37px;min-height:37px;max-width:37px;max-height:37px;border-radius:50%;background:#eae2dc;color:#222;font-weight:700;overflow:hidden}
body.corner-comfort .corner-profile-card .corner-menu-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
body.corner-comfort .corner-profile-card [data-profile-notice]:empty{display:none}
body.corner-comfort .corner-profile-card .corner-menu-signout{min-height:44px;border:1px solid #d7d0c8;border-radius:11px;padding:9px 13px;background:#f6f3ef;color:#241d19;font-size:.86rem;font-weight:700}
@media(max-width:900px){
 body.corner-comfort .corner-public-header .header-row{min-height:68px;gap:7px}
 body.corner-comfort .corner-public-header .header-right{gap:7px}
 body.corner-comfort .corner-public-header .brand strong{font-size:clamp(.9rem,4.5vw,1.12rem);letter-spacing:-.045em}
 body.corner-comfort .corner-public-header .brand small{font-size:.52rem;line-height:1.4;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.corner-comfort .corner-profile-card{
  position:fixed!important;top:75px!important;right:max(11px,env(safe-area-inset-right,0px))!important;left:auto!important;bottom:auto!important;
  width:min(340px,calc(100vw - 22px))!important;min-width:0!important;max-width:calc(100vw - 22px)!important;
  max-height:calc(100dvh - 191px - env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain;
  gap:3px!important;padding:13px!important;border-radius:18px!important;scrollbar-width:thin!important;
  box-shadow:0 26px 66px #0003!important;
 }
 body.corner-comfort .corner-profile-card a{min-height:44px!important;padding:9px 10px!important;font-size:.87rem!important}
 body.corner-comfort .corner-profile-card .corner-profile-kicker{font-size:.64rem}
}
@media(max-width:385px){
 body.corner-comfort .corner-public-header .brand-mark.brand-mark--vm{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px}
 body.corner-comfort .corner-public-header .corner-brand-group .brand{gap:6px}
 body.corner-comfort .corner-public-header .header-right{gap:5px}
 body.corner-comfort .corner-public-header .header-right :is(.icon-button,.corner-profile-toggle){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}
/* Keep iOS controls >=16px so focusing an input never scales the entire page. */
@supports(-webkit-touch-callout:none){
 body.corner-comfort :is(#search-input,.corner-auth-dialog input,.corner-profile-card input){font-size:16px!important}
}
@media(prefers-reduced-motion:no-preference){
 body.corner-comfort .corner-public-header .brand-mark--vm img{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
 body.corner-comfort .corner-public-header .brand:is(:hover,:focus-visible) .brand-mark--vm img{transform:scale(1.08) rotate(-4deg)}
 body.corner-comfort .corner-public-header :is([data-search-open],[data-corner-profile-toggle]) svg{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
 body.corner-comfort .corner-public-header [data-search-open]:is(:hover,:focus-visible) svg{transform:rotate(-9deg) scale(1.1)}
 body.corner-comfort .corner-public-header [data-corner-profile-toggle][aria-expanded=true] svg{transform:translateY(-2px) scale(1.07)}
 body.corner-comfort .corner-profile-card:not([hidden]){animation:corner-profile-in .22s cubic-bezier(.2,.8,.2,1) both}
 @keyframes corner-profile-in{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
}
@media(prefers-reduced-motion:reduce){
 body.corner-comfort .corner-profile-card,body.corner-comfort .corner-public-header :is(svg,img){animation:none!important;transition:none!important;transform:none!important}
}
@media(prefers-reduced-motion:no-preference){
 body.corner-comfort .corner-public-header .corner-profile-trigger-avatar{transition:transform .28s cubic-bezier(.2,.85,.22,1),box-shadow .28s}
 body.corner-comfort .corner-public-header [data-corner-profile-toggle][aria-expanded=true] .corner-profile-trigger-avatar{transform:scale(1.07) rotate(3deg);box-shadow:0 0 0 3px rgba(193,122,91,.36)}
}
@media(forced-colors:active){body.corner-comfort .corner-profile-card{background:Canvas!important;color:CanvasText!important;border:2px solid CanvasText!important}}