/*
Theme Name: Yeolreads Reader
Theme URI: https://yeolreads.com/
Author: Yeolreads
Description: Custom Yeolreads block theme for novel reading, library discovery, 18+ separation, live updates and reader controls.
Version: 2.5.8
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: yeolreads-reader
*/

:root{
  --yeol-bg:#efe9ee;
  --yeol-paper:#fffdfd;
  --yeol-ink:#211a23;
  --yeol-muted:#756b76;
  --yeol-accent:#79526f;
  --yeol-accent-dark:#4f3651;
  --yeol-border:rgba(79,54,81,.14);
  --yeol-shadow:0 18px 45px rgba(31,24,35,.08);
  --yeol-reader-font-size:1.12rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--yeol-bg);color:var(--yeol-ink)}
a{color:inherit}
.wp-site-blocks{overflow:hidden}
.yeol-eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--yeol-accent)}
.yeol-muted{color:var(--yeol-muted)}
.yeol-empty{padding:1.2rem;border:1px dashed var(--yeol-border);border-radius:14px;color:var(--yeol-muted)}

/* Header */
.yeol-site-header{background:var(--yeol-accent-dark)!important;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.yeol-header-inner{min-height:88px;padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}
.yeol-header-inner .wp-block-site-title a{color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.03em}
.yeol-true-nav{margin-left:auto}.yeol-true-nav-desktop{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.85rem,1.7vw,1.7rem)}
.yeol-true-nav a{color:inherit;text-decoration:none;font-weight:750}.yeol-true-nav a:hover{opacity:.72}
.yeol-true-nav-mobile{display:none;position:relative}.yeol-true-nav-mobile summary{cursor:pointer;list-style:none;font-weight:800;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.28);border-radius:999px}.yeol-true-nav-mobile summary::-webkit-details-marker{display:none}
.yeol-true-nav-mobile-panel{position:absolute;right:0;top:calc(100% + .6rem);z-index:100;min-width:min(320px,88vw);display:grid;gap:.25rem;padding:.65rem;border:1px solid var(--yeol-border);border-radius:14px;background:#fffdfd;box-shadow:var(--yeol-shadow);color:var(--yeol-ink)}
.yeol-true-nav-mobile-panel a{display:block;padding:.75rem .85rem;border-radius:10px}.yeol-true-nav-mobile-panel a:hover{background:#efe9ee;opacity:1}
@media(max-width:980px){.yeol-true-nav-desktop{display:none}.yeol-true-nav-mobile{display:block}.yeol-header-inner{flex-wrap:nowrap!important}}

/* Homepage */
.yeol-home{padding-bottom:64px}.yeol-home-intro{padding:clamp(38px,6vw,72px) clamp(18px,4vw,56px) 22px}.yeol-home-intro .wp-block-search{max-width:520px;margin-left:auto}.yeol-home-intro h1{font-size:clamp(2.3rem,5vw,4.8rem);letter-spacing:-.055em;line-height:.95;margin:.45rem 0}
.yeol-library-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:800px;margin:0 auto 28px;padding:8px;border:1px solid var(--yeol-border);border-radius:18px;background:rgba(255,255,255,.56);box-shadow:0 12px 34px rgba(58,37,62,.07)}
.yeol-library-tab{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:13px;color:#352837;text-decoration:none}.yeol-library-tab span{font-weight:850}.yeol-library-tab small{opacity:.67}.yeol-library-tab.is-active{background:#fff;box-shadow:0 8px 22px rgba(58,37,62,.11)}.yeol-library-tab--adult b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 7px;border-radius:999px;background:#6f3f67;color:#fff;font-size:.72rem;font-weight:900}
@media(max-width:680px){.yeol-library-switcher{grid-template-columns:1fr}.yeol-library-tab{align-items:flex-start;flex-direction:column;gap:3px}}

/* Pinned support post */
/* Site-wide footer promotion for original authors. */
.yeol-footer-support{max-width:1180px;margin:0 auto 28px;padding:0}
.yeol-footer-support-card{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08)}
.yeol-footer-support-image{display:flex;width:140px;height:82px;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.08)}
.yeol-footer-support-image img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center}
.yeol-footer-support-copy{min-width:0}.yeol-footer-support-copy .yeol-footer-support-kicker{display:block;margin-bottom:.2rem;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#eadde7}.yeol-footer-support-copy h2{margin:.08rem 0 .3rem;font-size:1.18rem;line-height:1.2;color:#fff}.yeol-footer-support-copy p{margin:0;color:rgba(255,255,255,.82);font-size:.88rem;line-height:1.45}.yeol-footer-support-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.62rem .9rem;border-radius:999px;background:#fff;color:#4f3651!important;text-decoration:none;font-size:.78rem;font-weight:900}.yeol-footer-support-button:hover{opacity:.9}
.yeol-footer-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
@media(max-width:760px){.yeol-footer-support-card{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px}.yeol-footer-support-image{width:92px;height:66px}.yeol-footer-support-copy h2{font-size:1rem}.yeol-footer-support-copy p{font-size:.78rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yeol-footer-support-button{grid-column:1/-1;width:100%;margin-top:2px}.yeol-site-footer{padding-left:14px;padding-right:14px}}

/* Featured shelf */
.yeol-featured-shelf,.yeol-library-section,.yeol-latest-section,.yeol-toc-section{max-width:1480px;margin:0 auto;padding:28px clamp(18px,4vw,56px)}
.yeol-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 15px}.yeol-section-heading h2,.yeol-featured-shelf>h2{margin:0;font-size:clamp(1.5rem,2.5vw,2.2rem)}
.yeol-carousel{position:relative}.yeol-scroll-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,250px);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}.yeol-scroll-track::-webkit-scrollbar{display:none}.yeol-carousel-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.yeol-scroll-button{width:42px;height:42px;border:1px solid var(--yeol-border);border-radius:50%;background:#fff;color:var(--yeol-accent-dark);font-size:1.5rem;cursor:pointer}

/* Novel cards: portrait rectangles, full image visible, never cropped. */
.yeol-novel-card{position:relative;min-width:0;scroll-snap-align:start}.yeol-novel-cover{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:13px;background:#f8f3f7;border:1px solid rgba(79,54,81,.09);text-decoration:none}.yeol-novel-cover img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;background:#f8f3f7}.yeol-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:3rem;font-weight:900;color:var(--yeol-accent);background:linear-gradient(145deg,#f8f3f7,#e7dce5)}
.yeol-novel-title{display:block;margin:.68rem .1rem .2rem;text-decoration:none;font-size:.92rem;font-weight:850;line-height:1.28}.yeol-novel-meta{display:block;margin:0 .1rem;color:var(--yeol-muted);font-size:.77rem}.yeol-adult-card-badge{position:absolute;top:8px;right:8px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 7px;border-radius:999px;background:#6f3f67;color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.16)}

/* Grid + live TOC right */
.yeol-library-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:start}.yeol-grid-panel{min-width:0}.yeol-novel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.yeol-live-panel{position:relative;overflow:hidden;border:1px solid var(--yeol-border);border-radius:18px;background:#fffdfd;box-shadow:0 12px 30px rgba(31,24,35,.05)}.yeol-live-panel h2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:15px 16px;border-bottom:1px solid var(--yeol-border);font-size:1.1rem}.yeol-live-label{display:inline-flex;padding:.2rem .5rem;border-radius:999px;background:#efe9ee;color:var(--yeol-accent);font-size:.63rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.yeol-live-scroll{overflow:hidden;max-height:100%}.yeol-live-scroll-inner{will-change:transform}.yeol-live-row{display:grid;gap:3px;padding:11px 15px;border-bottom:1px solid rgba(79,54,81,.08);text-decoration:none}.yeol-live-row strong{font-size:.86rem;line-height:1.3}.yeol-live-row small{color:var(--yeol-muted);font-size:.72rem}.yeol-live-row:hover{background:#faf7f9}.yeol-live-toc-panel{height:760px;max-height:760px}.yeol-toc-letter{padding:8px 15px 3px;color:var(--yeol-accent);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1120px){.yeol-novel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.yeol-library-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:820px){.yeol-library-layout{grid-template-columns:1fr}.yeol-live-toc-panel{height:420px;max-height:420px}.yeol-novel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.yeol-novel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.yeol-novel-title{font-size:.82rem}}

/* Latest novels now a wide rectangle below the grid. */
.yeol-latest-rectangle{height:300px;max-height:300px}.yeol-latest-rectangle .yeol-live-scroll-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.yeol-latest-rectangle .yeol-live-row:nth-child(odd){border-right:1px solid rgba(79,54,81,.08)}
@media(max-width:700px){.yeol-latest-rectangle{height:360px;max-height:360px}.yeol-latest-rectangle .yeol-live-scroll-inner{grid-template-columns:1fr}.yeol-latest-rectangle .yeol-live-row:nth-child(odd){border-right:0}}

/* Adult library mirrors normal homepage */
.yeol-adult-library-shell{max-width:none;margin:0;padding:32px 0 70px}.yeol-adult-library-head{max-width:1480px;margin:0 auto;padding:28px clamp(18px,4vw,56px) 8px}.yeol-adult-library-head h1{margin:.2rem 0;font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.055em}.yeol-adult-library-head p{margin:.5rem 0;color:var(--yeol-muted)}
.yeol-adult-section-gate{max-width:720px;margin:54px auto 80px;padding:clamp(28px,5vw,52px);text-align:center;border:1px solid rgba(111,63,103,.2);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(58,37,62,.12)}.yeol-adult-section-mark{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#6f3f67;color:#fff;font-weight:900;font-size:1.25rem}.yeol-adult-section-gate form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.yeol-adult-enter,.yeol-adult-leave{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:800;text-decoration:none}.yeol-adult-enter{border:0;background:#6f3f67;color:#fff;cursor:pointer}.yeol-adult-leave{border:1px solid rgba(79,54,81,.18);background:#fff;color:#4a3048}

/* Reading */
.yeol-article-shell{max-width:900px;margin:clamp(24px,5vw,60px) auto;padding:clamp(20px,5vw,54px);border:1px solid var(--yeol-border);border-radius:22px;background:#fffdfd;box-shadow:var(--yeol-shadow);color:#000}.yeol-reader-content{font-size:var(--yeol-reader-font-size);line-height:1.92;color:#000}.yeol-reader-content p,.yeol-reader-content li,.yeol-reader-content blockquote{color:#000!important}.yeol-reader-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem;max-width:760px;margin:0 auto 1rem;padding:.65rem;border:1px solid var(--yeol-border);border-radius:16px;background:#faf7f9}.yeol-reader-tools button{border:1px solid var(--yeol-border);background:#fff;border-radius:999px;padding:.5rem .75rem;cursor:pointer}.yeol-audio-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem;width:100%;padding-top:.5rem;margin-top:.15rem;border-top:1px solid var(--yeol-border)}.yeol-audio-controls label{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700}.yeol-audio-controls select{max-width:260px;min-height:36px;border:1px solid var(--yeol-border);border-radius:999px;background:#fff;padding:.35rem 2rem .35rem .7rem}.yeol-audio-controls input[type=range]{width:110px;accent-color:#79526f}.yeol-audio-status{width:100%;text-align:center;font-size:.72rem;color:#6c5c6a}.yeol-speaking{outline:2px solid rgba(121,82,111,.28);outline-offset:5px;border-radius:5px;background:rgba(239,233,238,.72)}body.yeolreads-chapter .yeol-reader-content{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yeol-copy-notice{text-align:center;font-size:.72rem;color:#756b76;margin:.2rem auto 1.2rem}
body.yeol-night-reading{background:#171319;color:#eee8ef}body.yeol-night-reading .yeol-article-shell{background:#201a22!important;border-color:rgba(255,255,255,.1);color:#eee8ef}body.yeol-night-reading .yeol-reader-content,body.yeol-night-reading .yeol-reader-content p,body.yeol-night-reading .yeol-reader-content li,body.yeol-night-reading .yeol-reader-content blockquote{color:#eee8ef!important}body.yeol-night-reading .yeol-reader-tools{background:#2a222c;color:#eee8ef;border-color:rgba(255,255,255,.12)}body.yeol-night-reading .yeol-reader-tools button,body.yeol-night-reading .yeol-audio-controls select{background:#342c37;color:#f6eff6;border-color:rgba(255,255,255,.16)}
@media print{body.yeolreads-chapter .yeol-reader-content{display:none!important}}

/* Directory pages / menu destination pages */
.yeol-directory-shell{width:min(1440px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0;color:#211a23}.yeol-directory-heading{max-width:780px;margin:0 0 2rem}.yeol-directory-heading h1{margin:.25rem 0 .55rem;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.045em}.yeol-directory-tabs{display:flex;gap:.5rem;margin:0 0 2rem;padding:.45rem;width:max-content;max-width:100%;border:1px solid var(--yeol-border);border-radius:999px;background:rgba(255,255,255,.55)}.yeol-directory-tabs a{display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-radius:999px;color:#4f3651;text-decoration:none;font-weight:800}.yeol-directory-tabs a.is-active{background:#79526f;color:#fff}.yeol-genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.yeol-genre-card{display:flex;min-height:108px;flex-direction:column;justify-content:space-between;gap:.8rem;padding:1.1rem;border:1px solid var(--yeol-border);border-radius:16px;background:#fffdfd;color:#211a23!important;text-decoration:none}.yeol-library-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,.8fr) minmax(150px,.65fr) auto auto;gap:.75rem;align-items:end;margin:0 0 1.5rem;padding:1rem;border:1px solid var(--yeol-border);border-radius:16px;background:rgba(255,255,255,.5)}.yeol-library-filters label{display:grid;gap:.35rem}.yeol-library-filters input,.yeol-library-filters select{min-height:46px;width:100%;border:1px solid rgba(79,54,81,.18);border-radius:10px;padding:.65rem .75rem;background:#fff}.yeol-library-filters button,.yeol-directory-primary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.7rem 1.1rem;background:#79526f;color:#fff!important;text-decoration:none;font-weight:800}.yeol-filter-reset,.yeol-directory-secondary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid rgba(79,54,81,.18);border-radius:999px;padding:.7rem 1rem;background:#fff;color:#4f3651!important;text-decoration:none;font-weight:800}.yeol-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1.5rem 0}.yeol-tier-grid>div{display:grid;gap:.2rem;padding:1.1rem;border:1px solid var(--yeol-border);border-radius:16px;background:#fffdfd}.yeol-member-plugin-area{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.yeol-member-block{padding:1.15rem;border:1px solid var(--yeol-border);border-radius:16px;background:#fffdfd}.yeol-dmca-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:920px;padding:1.2rem;border:1px solid var(--yeol-border);border-radius:18px;background:#fffdfd}.yeol-dmca-form label{display:grid;gap:.4rem;font-weight:700}.yeol-dmca-form input,.yeol-dmca-form select,.yeol-dmca-form textarea{width:100%;border:1px solid rgba(79,54,81,.18);border-radius:10px;padding:.7rem .8rem}.yeol-dmca-form .yeol-field-wide{grid-column:1/-1}.yeol-dmca-form button{width:max-content;border:0;border-radius:999px;padding:.75rem 1.2rem;background:#79526f;color:#fff;font-weight:800}.yeol-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.yeol-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yeol-library-filters{grid-template-columns:1fr 1fr}.yeol-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yeol-member-plugin-area{grid-template-columns:1fr}}
@media(max-width:560px){.yeol-genre-grid,.yeol-tier-grid{grid-template-columns:1fr}.yeol-library-filters,.yeol-dmca-form{grid-template-columns:1fr}.yeol-dmca-form .yeol-field-wide{grid-column:auto}}

/* Footer */
.yeol-site-footer{margin-top:48px;padding:34px clamp(18px,4vw,56px);background:#4f3651;color:#fff}.yeol-site-footer a{color:#fff}
.yeol-page-shell{min-height:55vh}.yeol-page-shell>.wp-block-post-content{margin:0}

/* =========================================================
   Yeolreads 2.5 — access types + How Yeolreads Works
   ========================================================= */
.yeol-novel-card{position:relative}
.yeol-access-badges{position:absolute;z-index:4;left:9px;top:9px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}
.yeol-novel-card>.yeol-adult-card-badge+.yeol-access-badges{top:40px}
.yeol-access-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:.64rem;line-height:1;font-weight:900;letter-spacing:.035em;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.yeol-access-badge--gold{background:#f2c94c;color:#3b2b00;border:1px solid rgba(92,63,0,.18)}
.yeol-access-badge--free{background:#fffdfd;color:#4f3651;border:1px solid rgba(79,54,81,.25)}
.yeol-access-badge--blue{background:#2877c7;color:#fff;border:1px solid rgba(0,57,116,.2)}

.yeol-how-it-works{width:min(1480px,calc(100% - clamp(36px,8vw,112px)));margin:32px auto 42px;padding:clamp(22px,4vw,38px);border:1px solid var(--yeol-border);border-radius:24px;background:rgba(255,255,255,.58);box-shadow:0 16px 45px rgba(31,24,35,.06)}
.yeol-how-it-works.is-compact{width:100%;margin:22px 0 28px;padding:clamp(18px,3vw,28px)}
.yeol-how-heading{max-width:820px;margin-bottom:20px}.yeol-how-heading h2{margin:.15rem 0 .45rem;font-size:clamp(1.7rem,3.5vw,2.7rem);letter-spacing:-.035em}.yeol-how-heading p:last-child{margin:0;color:var(--yeol-muted)}
.yeol-how-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.yeol-how-card{position:relative;overflow:hidden;min-height:185px;padding:22px;border-radius:18px;background:#fffdfd;border:1px solid var(--yeol-border)}.yeol-how-card:after{content:"";position:absolute;right:-55px;bottom:-70px;width:180px;height:180px;border-radius:50%;opacity:.12}.yeol-how-card--gold{border-color:rgba(178,126,0,.3)}.yeol-how-card--gold:after{background:#c89610}.yeol-how-card--blue{border-color:rgba(40,119,199,.28)}.yeol-how-card--blue:after{background:#2877c7}.yeol-how-card h3{margin:14px 0 8px;font-size:1.35rem}.yeol-how-card p{max-width:620px;margin:0;color:#625664;line-height:1.6}.yeol-how-chip{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.yeol-how-chip--gold{background:#f2c94c;color:#3b2b00}.yeol-how-chip--blue{background:#2877c7;color:#fff}
.yeol-how-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.yeol-how-perk{display:grid;gap:5px;padding:14px 15px;border:1px solid var(--yeol-border);border-radius:14px;background:#fffdfd}.yeol-how-perk strong{font-size:.9rem}.yeol-how-perk span{color:var(--yeol-muted);font-size:.79rem;line-height:1.45}.yeol-how-perk--featured{border-color:rgba(40,119,199,.24);background:rgba(40,119,199,.055)}.yeol-how-note{margin:15px 0 0;color:var(--yeol-muted);font-size:.76rem}
.yeol-membership-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.yeol-tier-grid--perks>div{position:relative}.yeol-tier-grid--perks>div.is-highlighted{border-color:rgba(40,119,199,.25);box-shadow:inset 0 3px 0 #2877c7}.yeol-tier-grid--perks .yeol-tier-kicker{color:var(--yeol-accent);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.yeol-tier-grid--perks strong{font-size:1.4rem}.yeol-tier-grid--perks small{color:var(--yeol-muted);line-height:1.4}
@media(max-width:900px){.yeol-how-perks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.yeol-how-it-works{width:calc(100% - 24px);margin:20px auto 30px;padding:17px}.yeol-how-access-grid,.yeol-how-perks{grid-template-columns:1fr}.yeol-how-card{min-height:0}.yeol-access-badges{left:7px;top:7px;gap:4px}.yeol-access-badge{font-size:.58rem}.yeol-novel-card>.yeol-adult-card-badge+.yeol-access-badges{top:36px}}

/* Audit hardening 2.5.2 — streak badge + very small screens */
.yeol-access-badge--streak{background:#79526f;color:#fff}
.yeol-novel-title,.yeol-live-row strong,.yeol-true-nav-mobile-panel a,.yeol-account-card,.yeol-folder-card{overflow-wrap:anywhere}
@media(max-width:380px){
  .yeol-header-inner{min-height:72px;padding-left:12px;padding-right:12px;gap:8px}
  .yeol-true-nav-mobile summary{padding:.48rem .72rem}
  .yeol-novel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
  .yeol-directory-shell{width:calc(100% - 16px)}
  .yeol-account-shell,.yeol-folder-shell,.yeol-submission-shell{width:calc(100% - 16px);padding:14px}
  .yeol-gate-actions>a,.yeol-gate-actions>button,.yeol-age-gate button,.yeol-adult-section-gate form>*{width:100%;text-align:center}
  .yeol-folder-inline{align-items:stretch}.yeol-folder-inline select,.yeol-folder-inline button,.yeol-folder-inline a{width:100%}
  .yeol-library-tab{padding:12px 14px}
}


/* Yeolreads Discord community footer link. */
.yeol-discord-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto 24px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.055)}
.yeol-discord-footer-copy{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center;min-width:0}.yeol-discord-footer-kicker{grid-column:1/-1;font-size:.64rem;font-weight:900;letter-spacing:.1em;color:#eadde7}.yeol-discord-footer-copy strong{font-size:.95rem;color:#fff}.yeol-discord-footer-copy>span:last-child{font-size:.82rem;color:rgba(255,255,255,.76)}
.yeol-discord-footer-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.58rem .88rem;border-radius:999px;background:#fff;color:#4f3651!important;text-decoration:none;font-size:.78rem;font-weight:900;white-space:nowrap}.yeol-discord-footer-button:hover{opacity:.9}
@media(max-width:700px){.yeol-discord-footer{align-items:flex-start;flex-direction:column;gap:10px}.yeol-discord-footer-copy{display:block}.yeol-discord-footer-kicker,.yeol-discord-footer-copy strong,.yeol-discord-footer-copy>span:last-child{display:block}.yeol-discord-footer-copy strong{margin:.15rem 0}.yeol-discord-footer-button{width:100%}}