:root{--coffee-ink:#302724;--coffee-paper:#efebe1;--coffee-orange:#e45a00;--coffee-pink:#e693c5;--coffee-blue:#6ccaff}
.coffee-page{background:var(--coffee-paper)}.coffee-page .track{height:auto;display:block;overflow:visible;min-height:calc(100svh - 85px)}.coffee-page .coffee-shell{height:auto;min-height:calc(100svh - 85px);display:block;padding:120px 6vw 70px;overflow:visible;background:var(--coffee-paper)}.coffee-page footer .controls,.coffee-page footer .progress{display:none}.coffee-page footer{position:relative;inset:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:28px 6vw;background:var(--coffee-paper);border-top:1px solid #30272425}.coffee-page footer .legal-links{position:static;transform:none;margin:0}
.coffee-eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.7}.coffee-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--coffee-ink);background:var(--coffee-ink);color:var(--coffee-paper);border-radius:99px;padding:14px 22px;font:500 12px Poppins,sans-serif;cursor:pointer;transition:background .25s,transform .25s;line-height:1.5}.coffee-button:hover{background:var(--coffee-orange);color:var(--coffee-ink);transform:translateY(-2px)}.coffee-button.secondary{background:transparent;color:var(--coffee-ink)}
.coffee-gallery-page,.coffee-gallery-page .coffee-gallery-shell,.coffee-gallery-page footer{background:var(--coffee-pink)}.coffee-gallery-page>header{background:transparent}.coffee-gallery-page .coffee-gallery-shell{padding:115px 5vw 75px}.coffee-gallery-page .coffee-hero{position:relative;isolation:isolate;min-height:min(650px,72svh);display:flex;flex-direction:column;justify-content:center;padding:35px 0 90px}.coffee-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important}.coffee-headlines{display:grid;gap:0;width:100%;text-align:center;user-select:none;pointer-events:none}.coffee-headlines span{display:block;font-size:clamp(60px,11.6vw,180px);line-height:.92;font-weight:900;letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap}.coffee-hero-product{position:absolute;left:50%;top:46%;width:min(40vw,530px);aspect-ratio:1;margin:0;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.coffee-hero-product img{display:block;width:100%;height:100%;object-fit:contain;animation:coffeeFloat 10s ease-in-out infinite;filter:drop-shadow(0 28px 20px #30272424)}.coffee-hero-caption{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;gap:25px;font-size:13px;line-height:1.8}.coffee-hero-caption p{margin:0}.coffee-hero-caption a{display:flex;gap:25px;align-items:center;border-bottom:1px solid;padding:8px 0;font-size:12px}.coffee-browser{padding-top:50px;scroll-margin-top:110px}.coffee-section-heading{margin-bottom:30px}.coffee-section-heading .coffee-eyebrow{margin:0 0 10px}.coffee-page .coffee-section-heading h2{font-size:clamp(28px,3.8vw,52px);line-height:1.15;letter-spacing:-.05em;margin:0;animation:none}
.coffee-search{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:none}.coffee-search label{font-size:14px;font-weight:500}.coffee-search>div{display:flex;border-bottom:1px solid;width:45%;gap:15px}.coffee-search input{width:100%;font:inherit;border:0;background:transparent;padding:12px 0;font-size:13px;min-width:0}.coffee-search button{background:none;border:0;font:inherit;font-size:12px;cursor:pointer}.coffee-filter{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 35px}.coffee-filter a,.coffee-tags a{border:1px solid #30272470;border-radius:99px;padding:7px 12px;font-size:11px;transition:background .2s,color .2s}.coffee-filter .selected,.coffee-filter a:hover,.coffee-tags a:hover{background:var(--coffee-ink);color:var(--coffee-paper)}.coffee-result{font-size:12px;margin-bottom:25px}.coffee-result a{margin-left:15px;text-decoration:underline}
.coffee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.coffee-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--coffee-ink);border-radius:8px;padding:10px;background:#efebe112;transition:background .25s}.coffee-card:hover{background:#efebe145}.coffee-card>a{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.coffee-cover{aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:var(--coffee-paper)}.coffee-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.coffee-card:hover .coffee-cover img{transform:scale(1.045)}.coffee-placeholder{display:grid;place-items:center;font-size:60px;font-weight:800}.coffee-page .coffee-card h2{font-size:clamp(18px,1.5vw,24px);line-height:1.2;letter-spacing:-.045em;margin:16px 0 10px;animation:none}.coffee-card .coffee-excerpt{font-size:11px;line-height:1.75;margin:0 0 22px;max-width:none}.coffee-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:12px;font-weight:600}.coffee-card-open{display:grid;place-items:center;width:29px;height:29px;border:1px solid;border-radius:3px}.coffee-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.coffee-tags a{font-size:10px;padding:4px 9px}.coffee-card .coffee-tags{border-top:1px solid #30272440;padding-top:10px;margin-top:13px}.coffee-card .coffee-tags:empty{display:none}.coffee-empty{text-align:center;padding:65px 20px 50px;max-width:700px;margin:auto}.empty-cup{font-size:90px;font-weight:800;letter-spacing:-.1em;color:var(--coffee-ink)}.coffee-page .coffee-empty h2,.coffee-page .related-empty h2{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.05em}.coffee-empty p,.related-empty p{font-size:14px;line-height:1.9}.coffee-page .coffee-pagination{position:static;display:flex;gap:12px;inset:auto;clip-path:none;background:none;color:inherit;padding:0;margin:45px 0 0;overflow:visible}.coffee-pagination a{padding:10px 16px;border:1px solid;border-radius:50%}.coffee-pagination a[aria-current]{background:var(--coffee-ink);color:var(--coffee-paper)}
@keyframes coffeeFloat{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-14px) rotate(9deg)}}
.coffee-page .article-heading{position:static;display:block;padding:0;pointer-events:auto;z-index:auto}.article-heading>a{font-size:12px}.article-heading .coffee-eyebrow{margin-top:35px}.coffee-page .article-heading h1{font-size:clamp(40px,6vw,90px);line-height:1.05;letter-spacing:-.06em;margin:20px 0;max-width:1050px;overflow-wrap:anywhere}.article-cover{margin:40px 0 50px;aspect-ratio:16/9;background:var(--coffee-orange);overflow:hidden;border-radius:4px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-prose{font-family:Poppins,sans-serif;max-width:760px;margin:0 auto;color:var(--coffee-ink);font-size:16px;line-height:1.95;overflow-wrap:anywhere}.article-prose p{margin:0 0 25px;max-width:none}.coffee-page .article-prose h2,.article-prose h2{font-size:32px;letter-spacing:-.04em;line-height:1.3;margin:45px 0 20px}.coffee-page .article-prose h3,.article-prose h3{font-size:25px;line-height:1.4;margin:35px 0 15px}.article-prose h4{font-size:20px}.article-prose ul{padding-left:22px;list-style:disc;max-width:none}.article-prose li{font-size:inherit;border:0;padding:6px 0}.article-prose li:before{content:none}.article-prose blockquote{border-left:3px solid var(--coffee-orange);padding:12px 25px;margin:30px 0;font-size:21px;line-height:1.7}.article-prose a{text-decoration:none;color:var(--coffee-orange);font-weight:700}.article-signoff{max-width:760px;margin:50px auto;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #30272440;padding-top:25px;font-size:12px}.article-signoff a{text-decoration:underline}.related-section{margin-top:85px;padding-top:35px;border-top:1px solid #30272440}.related-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.coffee-page .related-heading h2{font-size:clamp(30px,4vw,50px);line-height:1.15;letter-spacing:-.05em;max-width:70%;margin:10px 0 30px}.related-heading>div{display:flex;gap:10px}.related-heading button{background:transparent;border:1px solid;border-radius:50%;width:42px;height:42px;font-size:23px;cursor:pointer}.related-carousel{display:flex;overflow-x:auto;gap:26px;scroll-snap-type:x proximity;padding-bottom:20px}.related-carousel .coffee-card{flex:0 0 31%;scroll-snap-align:start}.related-empty{margin-top:70px;padding:40px;border-top:1px solid #30272440}.related-empty a{text-decoration:underline}

/* Administrador independiente del CSS de la web pública. */
.admin-body{margin:0;background:var(--coffee-paper);color:var(--coffee-ink);font-family:Poppins,sans-serif}.admin-body *{box-sizing:border-box}.admin-body a{color:inherit}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 5vw;border-bottom:1px solid #30272430}.coffee-wordmark{font-size:30px;font-weight:800;letter-spacing:-.06em;text-decoration:none;line-height:1}.coffee-wordmark span{font-size:11px;display:block;font-weight:400;letter-spacing:.04em;margin-top:8px}.admin-account{display:flex;align-items:center;gap:25px;font-size:11px}.admin-account form{margin:0}.admin-account button{background:transparent;border:1px solid;border-radius:99px;padding:8px 16px;font:inherit;cursor:pointer}.admin-main{padding:40px 5vw 80px;max-width:1550px;margin:auto}.login-card{max-width:460px;margin:25px auto;background:var(--coffee-orange);padding:38px;border-radius:5px}.admin-body h1{font-size:clamp(32px,4vw,54px);letter-spacing:-.06em;line-height:1.1;margin:15px 0 25px}.login-card p{font-size:12px;line-height:1.8}.admin-body label{font-size:12px;font-weight:500;display:block;margin:18px 0}.admin-body input,.admin-body select,.admin-body textarea{font:400 14px Poppins,sans-serif;display:block;width:100%;padding:12px;border:1px solid #30272470;background:var(--coffee-paper);color:var(--coffee-ink);border-radius:3px;margin-top:7px}.admin-body button{font-family:inherit;cursor:pointer}.admin-body input:focus,.admin-body textarea:focus,.admin-body select:focus{outline:2px solid var(--coffee-orange);outline-offset:2px}.login-card input:focus,.login-card select:focus{outline-color:var(--coffee-ink)}.login-card>a{font-size:11px}.admin-hint{font-size:10px!important;line-height:1.8!important;color:#302724c9}.admin-alert,.admin-success{padding:18px;margin-bottom:25px;border-radius:4px;font-size:13px;line-height:1.7}.admin-alert{border:1px solid #b63816;background:#ffded4}.admin-success{border:1px solid #376b49;background:#e0f2e4}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:25px}.admin-title h1{margin:10px 0 20px}.admin-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 30px}.admin-filters a{font-size:11px;border:1px solid #30272460;padding:8px 13px;border-radius:99px;text-decoration:none}.admin-post{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 0;border-top:1px solid #30272440}.admin-post h2{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:12px 0}.admin-post p{font-size:11px}.status-badge{font-size:9px;letter-spacing:.08em;border-radius:99px;padding:5px 10px;background:var(--coffee-blue)}.status-badge.pending{background:var(--coffee-pink)}.status-badge.published{background:#b7d0b3}.status-badge.trash{background:#d1c7be}.post-actions{display:flex;gap:20px;align-items:center;font-size:12px}.post-actions button{border:0;background:transparent;text-decoration:underline;font-size:12px;color:var(--coffee-ink)}.admin-empty{text-align:center;padding:70px 25px;border:1px dashed #30272460}.admin-empty h2{font-size:25px;letter-spacing:-.04em}.admin-empty p,.admin-empty a{font-size:13px}.editor-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:25px}.post-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}.editor-settings{border-left:1px solid #30272430;padding-left:25px}.admin-body .title-input{font-size:25px;letter-spacing:-.03em}.editor-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.editor-toolbar button{border:1px solid #30272450;background:transparent;padding:7px 12px;font-size:11px;border-radius:3px}.admin-body #post-body{min-height:480px;resize:vertical;font-size:15px;line-height:1.9;padding:20px}.editor-cover{width:100%;aspect-ratio:8/5;object-fit:cover}.editor-settings .coffee-button{width:100%;margin:20px 0}.editor-settings>a{display:inline-block;font-size:12px}#editor-preview{background:white;border:1px solid #30272430;padding:30px;margin-top:25px;font-size:14px}.password-settings{margin-top:55px;border-top:1px solid #30272430;padding-top:25px;font-size:12px}.password-settings form{max-width:450px}.admin-body :focus-visible{outline:2px solid var(--coffee-orange);outline-offset:3px}

@media(max-width:1000px){.coffee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-editor{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.related-carousel .coffee-card{flex-basis:44%}.coffee-page .coffee-card h2{font-size:24px}}
@media(max-width:760px){.coffee-page .coffee-shell{padding:110px 7vw 65px}.coffee-gallery-page .coffee-gallery-shell{padding:105px 6vw 65px}.coffee-gallery-page .coffee-hero{min-height:460px;padding:30px 0 100px}.coffee-headlines span{font-size:11.7vw;line-height:1;letter-spacing:-.025em}.coffee-hero-product{width:min(68vw,340px);top:44%}.coffee-hero-caption{font-size:11px;gap:18px;align-items:start;flex-direction:column}.coffee-hero-caption a{font-size:11px;padding:0;gap:15px}.coffee-eyebrow{font-size:8px}.coffee-browser{padding-top:35px}.coffee-search{display:block}.coffee-search>div{width:100%;margin-top:12px}.coffee-card .coffee-excerpt{font-size:12px}.coffee-empty{padding:30px 0}.empty-cup{font-size:75px}.article-cover{aspect-ratio:4/3;margin:30px 0}.article-prose{font-size:14px;line-height:1.9}.coffee-page .article-prose h2{font-size:27px}.article-prose blockquote{font-size:18px;padding-left:18px}.coffee-page .article-heading h1{font-size:39px}.article-signoff{display:block;line-height:2}.article-signoff a{display:block}.related-carousel .coffee-card{flex-basis:85%}.coffee-page .related-heading h2{font-size:29px;max-width:75%}.related-heading button{width:34px;height:34px;font-size:19px}.related-heading>div{gap:5px}.related-section{margin-top:55px}
.admin-header{align-items:start;padding:22px 6vw;flex-direction:column;gap:20px}.admin-account{gap:15px;flex-wrap:wrap}.admin-main{padding:25px 6vw 65px}.login-card{padding:28px 22px;margin:10px 0}.admin-title{display:block}.admin-title>.coffee-button{margin:10px 0}.admin-post{align-items:start;flex-direction:column;gap:10px}.admin-post h2{font-size:21px}.post-actions{flex-wrap:wrap}.post-editor{grid-template-columns:1fr}.editor-settings{border-left:0;border-top:1px solid #30272430;padding:15px 0 0}.editor-top{display:block;line-height:2.2}.editor-top span{display:block}.admin-body .title-input{font-size:21px}.admin-body #post-body{font-size:14px}.editor-toolbar{gap:5px}.editor-toolbar button{padding:7px 9px}#editor-preview{padding:20px}.related-section{margin-top:55px}}
@media(max-width:519px){.coffee-grid{grid-template-columns:1fr;gap:22px}.coffee-page .coffee-card h2{font-size:26px}.coffee-gallery-page .coffee-hero{min-height:430px}}
@media(prefers-reduced-motion:reduce){.coffee-hero-product img{animation:none}.coffee-card,.coffee-card img,.coffee-button{transition:none}}
.slug-preview{font-size:11px;line-height:1.8;overflow-wrap:anywhere;padding:10px;border:1px dashed #30272460;margin:0 0 20px}.slug-preview span{font-weight:600}

.coffee-button{gap:12px}.coffee-button .icon-arrow,.coffee-hero-caption svg{flex-shrink:0}

/* Taza interactiva: solo la taza captura los gestos; la página mantiene su scroll. */
.coffee-hero-product{pointer-events:auto;touch-action:none;cursor:grab;user-select:none;transform:translate(calc(-50% + var(--cup-x,0px)),calc(-50% + var(--cup-y,0px)))}.coffee-hero-product img{pointer-events:none;user-select:none;-webkit-user-drag:none}.coffee-hero-product.is-dragging{cursor:grabbing}.coffee-hero-product.is-dragging img{animation-play-state:paused}.coffee-hero-product:focus-visible{outline:2px dashed var(--coffee-ink);outline-offset:5px;border-radius:50%}
/* Artículo de lectura: título, portada y cuerpo comparten un mismo ancho. */
.coffee-article-page .article-shell{padding:120px 4vw 70px}.article-paper{background:#e5e0d7;border-radius:22px;padding:55px 7vw 60px}.article-inner{max-width:760px;margin:0 auto}.coffee-page .article-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.045em;max-width:none;margin:20px 0 30px;animation:none}.article-heading>a{font-size:11px;text-decoration:underline;text-underline-offset:3px}.article-heading .coffee-tags{margin-top:30px}.article-meta{font-size:11px;line-height:1.8;margin:18px 0;color:#302724cc}.coffee-article-page .article-cover{margin:0 0 45px;border-radius:14px;aspect-ratio:16/9}.article-prose h1{font-size:36px;line-height:1.25;letter-spacing:-.035em;margin:40px 0 20px}.article-prose ol{padding-left:24px;list-style:decimal}.article-prose h1,.article-prose h2,.article-prose h3,.article-prose h4{overflow-wrap:anywhere}.article-prose p:has(>br:only-child){min-height:.6em;margin-bottom:0}.coffee-article-page .article-signoff{margin-bottom:0}.related-carousel{position:relative}.related-toggle{width:auto!important;border-radius:99px!important;padding:0 14px;font-size:11px!important;min-width:78px}.related-controls{align-items:center}.related-section [hidden]{display:none!important}.related-heading button{display:grid;place-items:center}.related-heading button:disabled{opacity:.35;cursor:default}.coffee-card-bottom span:first-child{font-size:11px}.coffee-article-page .related-section{border-top:0;margin-top:75px;padding-top:0}
/* Editor visual local, con encabezados exactos H1-H4 y texto normal. */
#rich-toolbar[hidden],#rich-editor[hidden],#post-body[hidden],#editor-status[hidden]{display:none!important}.admin-body .editor-toolbar.ql-toolbar{display:flex;align-items:center;gap:8px;border:1px solid #30272460;border-radius:5px 5px 0 0;margin-top:24px;padding:10px;background:var(--coffee-paper)}.admin-body .editor-toolbar button{padding:5px;width:30px;height:30px}.admin-body .block-format-label{display:flex;align-items:center;gap:8px;margin:0 10px 0 0;font-size:11px}.admin-body #block-format{display:inline-block;width:100px;padding:7px;margin:0;font-size:12px}.admin-body #rich-editor{border:1px solid #30272460;border-radius:0 0 5px 5px;font:15px/1.9 Poppins,sans-serif;min-height:480px;background:var(--coffee-paper)}.admin-body #rich-editor .ql-editor{min-height:480px;padding:22px;overflow-wrap:anywhere}.admin-body #rich-label{display:block;font-size:12px;margin:20px 0 8px}.admin-body .ql-editor h1{font-size:32px;line-height:1.25;margin:22px 0 15px}.admin-body .ql-editor h2{font-size:27px;line-height:1.3;margin:22px 0 14px}.admin-body .ql-editor h3{font-size:23px;margin:20px 0 12px}.admin-body .ql-editor h4{font-size:19px;margin:18px 0 10px}.admin-body .ql-editor p{margin-bottom:16px}.admin-body .ql-tooltip{font-family:Poppins,sans-serif;z-index:5}.admin-body .ql-tooltip[data-mode=link]:before{content:'Enlace:'}.admin-body .ql-tooltip a.ql-action:after{content:'Guardar'}.admin-body .ql-tooltip a.ql-remove:before{content:'Quitar'}
@media(max-width:760px){.coffee-article-page .article-shell{padding:105px 4vw 60px}.article-paper{padding:30px 6vw 40px;border-radius:16px}.coffee-page .article-heading h1{font-size:32px}.coffee-article-page .article-cover{margin-bottom:30px;border-radius:9px;aspect-ratio:16/10}.article-prose h1{font-size:29px}.coffee-page .article-prose h2{font-size:25px}.coffee-page .article-prose h3{font-size:21px}.article-prose h4{font-size:18px}.related-heading{align-items:start;flex-direction:column;gap:0}.coffee-page .related-heading h2{max-width:100%;font-size:32px}.related-controls{margin-bottom:22px}.related-toggle{height:34px}.admin-body #rich-editor,.admin-body #rich-editor .ql-editor{min-height:400px}.admin-body .ql-editor{padding:16px!important}.admin-body .editor-toolbar.ql-toolbar{gap:5px}}

#editor-controls[hidden]{display:none!important}.admin-body .editor-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #30272460;border-radius:5px 5px 0 0;margin-top:24px;padding:10px}.admin-body .editor-controls .editor-toolbar.ql-toolbar{margin:0;padding:0;border:0;background:none}.admin-body .editor-controls .block-format-label{margin:0 8px 0 0}

/* Compact editorial reels, shared by gallery and article. */
.coffee-page .related-section{margin-top:52px;padding-top:24px}.coffee-page .related-heading{align-items:center;flex-direction:row;gap:18px;margin-bottom:18px}.coffee-page .related-heading h2{font-size:clamp(24px,2.4vw,32px);margin:0;max-width:none}.related-controls{margin-bottom:0;flex-shrink:0}.related-carousel{gap:16px;padding:2px 0 12px}.related-carousel .coffee-card{flex:0 0 clamp(205px,21vw,285px);padding:8px}.related-carousel .coffee-cover{aspect-ratio:16/9}.coffee-page .related-carousel .coffee-card h2{font-size:18px;line-height:1.25;margin:12px 0 8px}.related-carousel .coffee-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;margin-bottom:15px}.related-carousel .coffee-tags{display:none}.related-carousel .coffee-card-open{width:24px;height:24px}.related-carousel .coffee-card-bottom span:first-child{font-size:10px}.related-heading button{height:34px;width:34px}.related-toggle{min-width:70px;padding:0 10px!important;font-size:10px!important}
.article-prose img.article-inline-image,.admin-body .ql-editor img{display:block;width:auto;max-width:100%;height:auto;margin:26px auto;border-radius:10px}.admin-body .ql-editor img{max-height:580px}.admin-body #inline-image-file[hidden]{display:none!important}
/* The studio's two-stage entrance. */
.admin-brand img{display:block;width:170px;height:auto}.admin-gate{background:#302724;color:#efebe1;min-height:100svh}.admin-gate .admin-header{border:0;justify-content:center;padding:42px 6vw 20px;align-items:center}.admin-gate .admin-brand img{width:clamp(190px,20vw,270px);filter:brightness(0) saturate(100%) invert(96%) sepia(12%) saturate(230%) hue-rotate(349deg)}.admin-gate .admin-main{padding:25px 6vw 70px}.admin-gate .login-card{background:#231c19;max-width:460px;padding:40px;border:1px solid #efebe124;border-radius:16px;margin:15px auto}.admin-gate h1{font-size:clamp(32px,3.8vw,48px);letter-spacing:-.045em}.admin-gate .coffee-eyebrow{color:#e693c5;font-size:10px;letter-spacing:.15em}.admin-gate .login-card>p:not(.coffee-eyebrow),.profile-picker>p:not(.coffee-eyebrow){color:#efebe1b3;font-size:13px}.admin-gate input{background:#efebe10e;border:1px solid #efebe145;color:#efebe1;padding:15px;border-radius:6px}.admin-gate .coffee-button{background:#e45a00;color:#efebe1;border:0;width:100%;justify-content:center;margin:18px 0 24px;padding:15px;font-size:14px}.admin-gate .login-card>a{color:#efebe1a6;text-underline-offset:4px}.admin-gate .admin-alert{color:#302724;max-width:600px;margin:10px auto}.profile-picker{text-align:center;max-width:800px;margin:20px auto}.profile-picker h1{font-weight:500;margin:15px 0 20px}.profile-options{display:flex;justify-content:center;gap:45px;margin:40px 0}.profile-options form{margin:0;min-width:0}.profile-choice{display:flex;flex-direction:column;align-items:center;gap:16px;background:none;color:#efebe1;border:0;padding:0;font:inherit}.profile-choice img{width:190px;height:190px;border-radius:18px;transition:transform .25s,box-shadow .25s}.profile-choice span{font-size:15px;color:#efebe1bd;transition:color .25s}.profile-choice:hover img,.profile-choice:focus-visible img{transform:translateY(-5px);box-shadow:0 0 0 3px #efebe1}.profile-choice:hover span{color:#efebe1}.profile-exit button{background:none;border:1px solid #efebe14d;color:#efebe1a6;padding:11px 22px;border-radius:99px}.active-profile{display:inline-flex;align-items:center;gap:10px}.active-profile img{border-radius:7px}.admin-body .ql-toolbar .ql-image{margin-left:3px}
@media(max-width:760px){.coffee-page .related-heading{flex-wrap:wrap;gap:15px}.coffee-page .related-heading h2{font-size:26px}.related-carousel .coffee-card{flex-basis:215px}.coffee-page .related-carousel .coffee-card h2{font-size:17px}.coffee-page .related-section{margin-top:42px}.admin-gate .admin-header{padding-top:32px}.admin-gate .login-card{padding:28px 24px}.profile-options{gap:22px;margin:35px 0}.profile-choice img{width:min(34vw,165px);height:min(34vw,165px)}.profile-choice span{font-size:13px}.profile-picker{margin-top:12px}.profile-picker h1{font-size:34px}.admin-brand img{width:145px}}
@media(prefers-reduced-motion:reduce){.profile-choice img{transition:none}.profile-choice:hover img{transform:none}}

/* Article links and editable cover, including touch and keyboard access. */
.coffee-page .article-prose a,.admin-body .article-prose a,.admin-body .ql-editor a{color:var(--coffee-orange);font-weight:700;text-decoration:none}.coffee-page .article-prose a:hover,.admin-body .article-prose a:hover,.admin-body .ql-editor a:hover{color:var(--coffee-orange);text-decoration:none}.article-prose a:focus-visible{outline:2px solid var(--coffee-orange);outline-offset:3px;border-radius:2px}
.editor-cover-control{position:relative;border-radius:6px;overflow:hidden;margin:16px 0 0;background:var(--coffee-ink)}.editor-cover-control .editor-cover{display:block;margin:0;transition:filter .2s}.admin-body .cover-change{position:absolute;inset:auto 10px 10px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #efebe180;border-radius:5px;background:#302724eb;color:#efebe1;font-size:11px;padding:10px;opacity:1;transition:opacity .2s,transform .2s}.editor-cover-control[hidden],.cover-change[hidden]{display:none!important}.admin-body .cover-change:focus-visible{outline-color:var(--coffee-paper);outline-offset:-4px}
@media(hover:hover) and (pointer:fine){.cover-change{opacity:0!important;transform:translateY(5px)}.editor-cover-control:hover .cover-change,.editor-cover-control:focus-within .cover-change{opacity:1!important;transform:translateY(0)}.editor-cover-control:hover .editor-cover{filter:brightness(.8)}}
@media(prefers-reduced-motion:reduce){.cover-change,.editor-cover-control .editor-cover{transition:none!important}.cover-change{transform:none!important}}

.admin-body .seo-settings{margin:20px 0;padding:14px 0;border-top:1px solid #30272430;border-bottom:1px solid #30272430;font-size:12px}.admin-body .seo-settings summary{cursor:pointer;font-weight:600}.admin-body .seo-settings textarea{min-height:100px;resize:vertical}
