/*
Theme Name: The Cosmo Magazine Custom Site
Theme URI: https://www.thecosmomagazine.com/
Author: The Cosmo Magazine
Description: Custom WordPress theme packaging of The Cosmo Magazine standalone site.
Version: 83.0
Text Domain: cosmo-magazine
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#eee;font-family:Arial,Helvetica,sans-serif;line-height:1.5}::selection{background:#d4a43c;color:#080808}a{color:inherit;text-decoration:none}.masthead{padding:12px 4vw 10px;border-bottom:1px solid #9f7824;background:#030303;box-shadow:0 8px 30px rgba(0,0,0,.28)}.topline{display:flex;justify-content:space-between;color:#b89442;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.logo{display:block;width:min(700px,78vw);max-height:170px;object-fit:contain;margin:6px auto 0}.quote{max-width:1280px;margin:20px auto 30px;padding:18px 30px;border-top:1px solid #6e511b;border-bottom:1px solid #6e511b;background:linear-gradient(90deg,#090909,#14110b,#090909)}.quote-label{color:#e1b44b;font-family:Georgia,serif;font-weight:700;letter-spacing:2px;text-align:right;font-size:11px}.quote-copy{display:flex;align-items:center;justify-content:center;gap:25px;padding:2px 8px 4px}.portrait{width:82px;height:82px;flex:0 0 82px;border:1px solid #d4a43c;border-radius:50%;overflow:hidden;background:#0b0b0b;box-shadow:0 0 0 4px #090909,0 0 0 5px #4d3917}.portrait img{width:100%;height:100%;display:block;object-fit:cover}.quote blockquote{margin:0 0 8px;font:italic 27px/1.35 Georgia,serif;letter-spacing:.1px}.quote cite{color:#c8c8c8}.hero-grid,.category-grid,.section,.feature-row{max-width:1280px;margin:0 auto 30px}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.hero{position:relative;border:1px solid #71531b;overflow:hidden}.hero img{width:100%;height:440px;object-fit:cover;display:block;opacity:.75}.hero-text{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.96))}.tag,.side-stories span,.article-list span,.feature-row span{color:#e3b547;font-size:12px;font-weight:800;letter-spacing:1px}.hero h1{font:700 40px Georgia,serif;margin:8px 0}.hero p{max-width:750px;font-size:16px}.button{display:inline-block;background:#e3b547;color:#090909;padding:11px 18px;font-weight:700}.side-stories{display:grid;gap:1px}.side-stories article{display:grid;grid-template-columns:42% 1fr;gap:12px;background:#0b0b0b;border-bottom:1px solid #604719;padding:8px}.side-stories img{width:100%;height:100%;object-fit:cover}.side-stories h3{font:700 19px Georgia,serif;margin:6px 0}.side-stories p{font-size:13px;color:#bbb;margin:0}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.category-grid a{border:1px solid #4d3a18;background:#090909;padding-bottom:13px}.category-grid img{width:100%;height:135px;object-fit:cover}.category-grid b,.category-grid p{display:block;padding:0 10px}.category-grid b{font:700 16px Georgia,serif;color:#fff;margin-top:8px}.category-grid p{font-size:12px;color:#aaa;line-height:1.45}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #5d4519;margin-bottom:16px;padding-bottom:9px}.section-head h2{font:700 30px Georgia,serif;margin:0;letter-spacing:-.2px}.section-head span{color:#d6a63d;font-size:13px}.art-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.art-grid article{border:1px solid #493617;background:#0a0a0a}.art-grid img{width:100%;height:190px;object-fit:cover}.art-grid h3,.art-grid p{padding:0 14px}.art-grid h3{font:700 22px Georgia,serif}.art-grid p{color:#aaa}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:30px;max-width:1280px;margin:0 auto 30px}.article-list{display:grid;gap:12px}.article-list article{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid #2d2413;padding-bottom:12px}.article-list img{width:100%;height:135px;object-fit:cover}.article-list div{padding:8px 14px}.article-list h3{font:700 21px Georgia,serif;margin:8px 0}.article-list p{color:#aaa}.popular ol{margin:0;padding-left:40px}.popular li{padding:15px 0;border-bottom:1px solid #2d2413;font:700 18px Georgia,serif}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-row article{display:grid;grid-template-columns:40% 1fr;border:1px solid #4d3a18;background:#0a0a0a}.feature-row img{width:100%;height:220px;object-fit:cover}.feature-row div{padding:20px}.feature-row h2{font:700 24px Georgia,serif;margin:8px 0}.feature-row p{color:#bbb}.feature-row small{color:#d7ad4b}footer{border-top:1px solid #75561c;text-align:center;padding:34px 20px;background:#020202;color:#888}footer img{width:260px;max-width:65vw;max-height:70px;object-fit:contain;filter:none}footer p{font-size:12px}@media(max-width:900px){.hero-grid,.two-col,.feature-row{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.art-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:30px}}@media(max-width:560px){.topline{font-size:9px}.quote-copy{align-items:flex-start}.quote blockquote{font-size:19px}.category-grid,.art-grid{grid-template-columns:1fr}.article-list article{grid-template-columns:110px 1fr}.article-list img{height:100px}.side-stories article{grid-template-columns:35% 1fr}.logo{max-height:120px}}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news-grid article{border:1px solid #493617;background:#090909;box-shadow:0 12px 25px rgba(0,0,0,.2)}
.news-grid img{width:100%;height:205px;object-fit:cover;display:block;filter:saturate(.85) contrast(1.03)}
.news-grid div{padding:15px}
.news-grid span{color:#e3b547;font-size:12px;font-weight:800;letter-spacing:1px}
.news-grid h3{font:700 22px Georgia,serif;margin:8px 0}
.news-grid p{color:#aaa;line-height:1.5}
@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.news-grid{grid-template-columns:1fr}}

/* Editorial polish */
main{padding-bottom:18px}.section{padding-left:18px;padding-right:18px}.quote{margin-left:18px;margin-right:18px}.news-section{padding-top:2px}.news-grid article,.art-grid article,.category-grid a,.feature-row article{transition:transform .18s ease,border-color .18s ease,background .18s ease}.news-grid article:hover,.art-grid article:hover,.category-grid a:hover,.feature-row article:hover{transform:translateY(-3px);border-color:#b88b32;background:#0d0c0a}.news-grid img,.art-grid img,.category-grid img,.article-list img,.feature-row img{background:#111}.section-head h2{letter-spacing:.2px}.quote-copy>div:last-child{max-width:820px}.quote blockquote{line-height:1.35}.quote cite{font:14px Georgia,serif}.news-grid h3,.art-grid h3,.article-list h3,.popular li,.feature-row h2{line-height:1.18}@media(max-width:560px){.quote{margin-left:10px;margin-right:10px;padding:15px 16px}.portrait{width:64px;height:64px;flex-basis:64px}.quote-copy{gap:15px}.quote-label{text-align:left;margin-bottom:8px}}

/* Final homepage refinement */
.masthead{padding-top:14px;padding-bottom:14px}
.masthead .topline{max-width:1280px;margin:0 auto;padding:0 4px}
.logo{width:min(760px,82vw);max-height:185px}




.quote{box-shadow:inset 0 0 30px rgba(212,164,60,.025)}
.news-section,.section{scroll-margin-top:70px}
.news-grid article{overflow:hidden}
.news-grid article:first-child{border-top:2px solid #c99b35}
.news-grid h3{font-size:23px}
.category-grid{gap:10px}
.category-grid a{overflow:hidden}
.category-grid a:first-child{border-top:2px solid #c99b35}
.category-grid img{height:125px;filter:saturate(.8)}
.art-grid article{overflow:hidden}
.art-grid article img{filter:saturate(.78)}
.two-col .section{padding-left:0;padding-right:0}
.article-list article:last-child{border-bottom:0}
.popular{border-left:1px solid #302512;padding-left:24px!important}
.feature-row article{overflow:hidden}
footer{margin-top:8px}
@media(max-width:900px){.popular{border-left:0;padding-left:18px!important}}
@media(max-width:560px){.logo{max-height:125px}.popular{padding-left:18px!important}}


/* Magazine layout pass */
.category-grid{grid-template-columns:repeat(4,1fr)}
.section-head>div:first-child{display:flex;flex-direction:column;gap:1px}
.section-kicker{display:block;color:#a88339;font-size:10px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:1px}
.news-grid article{position:relative}
.news-grid article:before{content:"";position:absolute;top:0;left:0;width:34px;height:2px;background:#d4a43c;z-index:1}
.news-grid article:nth-child(2) img{filter:saturate(.65) sepia(.08) contrast(1.05)}
.news-grid article:nth-child(3) img{filter:saturate(.7) contrast(1.04)}
.quote{position:relative}
.quote:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:#d4a43c}
.quote-copy{justify-content:flex-start;padding-left:12px}
.quote blockquote{max-width:850px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.category-grid{grid-template-columns:1fr}.quote:before{top:12px;bottom:12px}.quote-copy{padding-left:6px}}

/* Latest / Popular / Daily features refinement */
.article-list article{position:relative;overflow:hidden;background:linear-gradient(90deg,#080808,#0a0a0a);border:1px solid #2b2417;padding:0;margin-bottom:2px;transition:border-color .18s ease,transform .18s ease}
.article-list article:hover{transform:translateX(3px);border-color:#9d772b}
.article-list img{height:150px;filter:saturate(.72);display:block}
.article-list div{padding:14px 18px}
.article-list h3{font-size:22px}
.article-list p{margin-bottom:0}
.popular{background:#080808;border-top:2px solid #c99b35;border-bottom:1px solid #302512}
.popular ol{list-style:none;padding:0;counter-reset:cosmo-pop}
.popular li{counter-increment:cosmo-pop;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:15px 4px;border-bottom:1px solid #2d2413}
.popular li:before{content:counter(cosmo-pop,decimal-leading-zero);color:#d4a43c;font:700 13px Georgia,serif;letter-spacing:1px}
.popular li:last-child{border-bottom:0}
.feature-row article{position:relative}
.feature-row article:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#d4a43c;z-index:1}
.feature-row img{filter:saturate(.72);height:235px}
.feature-row h2{font-size:26px}
.feature-row p{font-family:Georgia,serif;font-size:15px}
@media(max-width:560px){.article-list img{height:105px}.article-list div{padding:10px 12px}.article-list h3{font-size:18px}.article-list p{font-size:13px}.feature-row img{height:180px}}

/* Departments / editorial destination grid */
.departments{padding-left:18px;padding-right:18px}
.department-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.department-grid article{background:#090909;border:1px solid #493617;overflow:hidden;position:relative;transition:transform .18s ease,border-color .18s ease}
.department-grid article:hover{transform:translateY(-3px);border-color:#b88b32}
.department-grid article:before{content:"";position:absolute;left:0;top:0;width:30px;height:2px;background:#d4a43c;z-index:1}
.department-grid img{width:100%;height:155px;display:block;object-fit:cover;filter:saturate(.72)}
.department-grid div{padding:16px}
.department-grid span{color:#d9aa43;font-size:11px;font-weight:800;letter-spacing:1.7px}
.department-grid h3{font:700 21px/1.2 Georgia,serif;margin:7px 0}
.department-grid p{color:#aaa;font-size:13px;min-height:58px;margin:0 0 13px}
.department-grid a{color:#e0b34b;font:700 12px Georgia,serif;letter-spacing:.2px}
footer{padding-top:42px;padding-bottom:38px}
footer img{opacity:.96}
footer p{margin:12px 0 0}
@media(max-width:900px){.department-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.department-grid{grid-template-columns:1fr}.department-grid img{height:175px}.department-grid p{min-height:0}}


/* Compact magazine search */
.search-toggle{border:0;border-left:1px solid #262626;background:transparent;color:#d9aa43;padding:17px 20px;font:700 14px Georgia,serif;cursor:pointer}
.search-toggle:hover{background:#c99b35;color:#090909}
.search-panel{display:none;max-width:1280px;margin:0 auto;padding:12px 18px;background:#080808;border-bottom:1px solid #5d4519}
.search-panel.open{display:block}
.search-panel form{display:flex;gap:8px}
.search-panel input{flex:1;min-width:0;background:#111;border:1px solid #4d3a18;color:#eee;padding:12px 14px;font:15px Georgia,serif;outline:none}
.search-panel input:focus{border-color:#c99b35}
.search-panel button{border:1px solid #b88b32;background:#d4a43c;color:#080808;padding:10px 15px;font-weight:700;cursor:pointer}
.search-panel .search-close{background:#111;color:#d4a43c}
#searchMessage{margin:8px 0 0;color:#999;font-size:13px}
.search-hit{outline:1px solid #d4a43c;box-shadow:0 0 0 3px rgba(212,164,60,.08)}
@media(max-width:560px){.search-toggle{padding:12px 14px;font-size:13px}.search-panel form{flex-wrap:wrap}.search-panel input{flex-basis:100%}.search-panel button{flex:1}}

/* Category pages */
.category-page{max-width:1280px;margin:0 auto;padding:42px 18px 60px}.category-intro{border-bottom:1px solid #5d4519;padding:0 0 28px;margin-bottom:24px}.category-intro h1{font:700 52px/1.05 Georgia,serif;margin:8px 0 12px}.category-intro>p{max-width:760px;color:#aaa;font-size:17px}.section-kicker{color:#e3b547;font-size:11px;font-weight:800;letter-spacing:2px}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.subnav a{border:1px solid #594219;padding:8px 13px;color:#d9b04e;font:700 13px Georgia,serif}.subnav a:hover{background:#d4a43c;color:#080808}.category-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-story{border:1px solid #493617;background:#090909;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.category-story:hover{transform:translateY(-3px);border-color:#b88b32}.category-story img{display:block;width:100%;height:230px;object-fit:cover}.category-story div{padding:18px}.category-story span,.category-note>span{color:#e3b547;font-size:11px;font-weight:800;letter-spacing:1.5px}.category-story h2{font:700 25px/1.15 Georgia,serif;margin:8px 0}.category-story p{color:#aaa}.read-link{display:inline-block;margin-top:8px;color:#d8ab43;font:700 13px Georgia,serif}.category-note{margin-top:28px;border-top:1px solid #4f3b17;border-bottom:1px solid #4f3b17;padding:25px 0}.category-note h2{font:700 28px Georgia,serif;margin:7px 0}.category-note p{color:#aaa;max-width:760px}@media(max-width:900px){.category-stories{grid-template-columns:1fr 1fr}.category-intro h1{font-size:42px}}@media(max-width:560px){.category-stories{grid-template-columns:1fr}.category-intro h1{font-size:35px}.category-page{padding-top:28px}}

/* Individual article template */
.article-page{max-width:1280px;margin:0 auto;padding:32px 18px 70px}.article-breadcrumb{max-width:920px;margin:0 auto 18px;color:#8f8f8f;font-size:13px}.article-breadcrumb a{color:#d8ab43}.article-main{max-width:920px;margin:0 auto}.article-header{border-bottom:1px solid #5d4519;padding-bottom:24px}.article-header h1{font:700 clamp(40px,6vw,68px)/1.02 Georgia,serif;margin:10px 0 14px;letter-spacing:-1px}.article-dek{font:20px/1.5 Georgia,serif;color:#bdbdbd;max-width:760px;margin:0 0 20px}.article-meta{display:flex;gap:20px;flex-wrap:wrap;color:#9e9e9e;font-size:12px;text-transform:uppercase;letter-spacing:1px}.article-cover{margin:28px 0 34px}.article-cover img{display:block;width:100%;height:430px;object-fit:cover;border:1px solid #4d3a18;background:#0b0b0b}.article-cover figcaption{color:#777;font-size:11px;margin-top:7px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:46px}.article-body{font:18px/1.8 Georgia,serif;color:#d0d0d0}.article-body .lead{font-size:22px;line-height:1.65;color:#eee}.article-body h2{font:700 29px/1.2 Georgia,serif;color:#f2f2f2;margin:38px 0 12px}.article-body p{margin:0 0 22px}.article-body blockquote{border-left:2px solid #d4a43c;margin:34px 0;padding:5px 0 5px 22px;color:#e1b44b;font:italic 25px/1.45 Georgia,serif}.article-sidebar{border-left:1px solid #382b16;padding-left:20px;align-self:start;position:sticky;top:85px}.article-sidebar>div{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #302512}.article-sidebar ul{list-style:none;padding:0;margin:12px 0 0}.article-sidebar li{padding:8px 0;color:#aaa;font-size:13px;border-bottom:1px solid #211b10}.article-sidebar a{display:block;color:#d9aa43;font:700 13px Georgia,serif;padding:8px 0}.article-sidebar .section-kicker{font-size:10px}@media(max-width:800px){.article-layout{grid-template-columns:1fr}.article-sidebar{border-left:0;border-top:1px solid #382b16;padding:22px 0 0;position:static}.article-cover img{height:330px}}@media(max-width:560px){.article-page{padding-top:24px}.article-header h1{font-size:39px}.article-dek{font-size:17px}.article-body{font-size:17px;line-height:1.75}.article-body .lead{font-size:20px}.article-cover img{height:230px}.article-meta{gap:10px}}
/* Content manager */
.manager{max-width:920px;margin:0 auto;padding:48px 18px 70px}.manager-intro{border-bottom:1px solid #5d4519;padding-bottom:25px;margin-bottom:25px}.manager-intro h1{font:700 48px/1.05 Georgia,serif;margin:8px 0 12px}.manager-intro p{color:#aaa;max-width:760px;line-height:1.7}.manager-form{display:grid;gap:16px}.manager-form label{display:grid;gap:7px;color:#d9aa43;font:700 12px Georgia,serif;letter-spacing:1px;text-transform:uppercase}.manager-form input,.manager-form select,.manager-form textarea{background:#0b0b0b;border:1px solid #493617;color:#eee;padding:12px 13px;font:16px Georgia,serif;text-transform:none;letter-spacing:0}.manager-form textarea{resize:vertical;line-height:1.6}.manager-form button{background:#d4a43c;color:#080808;border:1px solid #d4a43c;padding:13px 18px;font-weight:800;cursor:pointer}.manager-message{margin-top:18px;color:#d9aa43}.manager-help{margin-top:35px;border-top:1px solid #4f3b17;padding-top:25px}.manager-help h2{font:700 27px Georgia,serif}.manager-help li,.manager-help p{color:#aaa;line-height:1.7}.manager code{color:#e0b34b}@media(max-width:560px){.manager-intro h1{font-size:36px}}
/* Content Manager v2 */
.manager-status{background:#0d0d0d;border:1px solid #4b3818;padding:14px 16px;color:#aaa;margin-bottom:24px}.manager-status strong{color:#d8a63e;font-size:22px}.manager-card{background:#0b0b0b;border:1px solid #3f3018;padding:24px;margin-bottom:28px}.manager-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #3d2e18;padding-bottom:16px;margin-bottom:20px}.manager-card-head h2{font:700 30px/1.1 Georgia,serif;margin:7px 0 0}.manager-badge{border:1px solid #76551d;color:#d8a63e;padding:7px 9px;font:700 10px Georgia,serif;letter-spacing:1.2px}.manager-two,.manager-three{display:grid;grid-template-columns:2fr 1fr;gap:16px}.manager-three{grid-template-columns:1fr 1fr 1fr}.manager-image-box{display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center;border:1px solid #382b17;padding:16px;background:#080808}.manager-image-box.compact{grid-template-columns:1fr 180px}.field-title{display:block;color:#d9aa43;font:700 12px Georgia,serif;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.field-note{color:#888;font-size:13px;line-height:1.55;margin:0 0 12px}.image-preview-wrap{border:1px solid #3c2d17;background:#050505;padding:8px;text-align:center}.image-preview-wrap img{width:100%;height:130px;object-fit:cover;display:block;margin-bottom:7px}.image-preview-wrap span{font:700 9px Georgia,serif;color:#8f6d2d;letter-spacing:1px}.manager-actions{display:flex;flex-wrap:wrap;gap:10px}.secondary-button{background:transparent!important;color:#d9aa43!important;border:1px solid #6b4e1c!important;padding:12px 16px!important;font-weight:700;cursor:pointer}.manager-options{display:flex;gap:24px;flex-wrap:wrap}.manager-form .check-row{display:flex;align-items:center;gap:9px;font-size:12px}.manager-form .check-row input{width:auto}.manager-message.success{border-left:3px solid #d9aa43;padding:12px 14px;background:#0d0d0d}.manager-message.error{border-left:3px solid #b45c4c;padding:12px 14px;background:#160c0a;color:#e8b2a7}.manager-help strong{color:#d9aa43}@media(max-width:700px){.manager-two,.manager-three,.manager-image-box,.manager-image-box.compact{grid-template-columns:1fr}.manager-card{padding:17px}.manager-card-head{flex-direction:column}.image-preview-wrap img{height:170px}.manager-actions>*{width:100%}}

/* Quotes page */
.quote-page .section-head h1 { margin: .15rem 0 0; }
.quote-hero { display:grid; grid-template-columns:110px minmax(0,1fr); gap:2rem; align-items:center; background:#080808; border:1px solid #3b321b; border-top:3px solid #c9a44c; padding:2.2rem; margin-top:1.5rem; }
.quote-hero .portrait { width:92px; height:92px; }
.quote-hero blockquote { margin:0 0 .9rem; font-family:Georgia,serif; font-size:clamp(1.8rem,4vw,3.2rem); line-height:1.25; color:#f4e5b6; }
.quote-hero cite { color:#c9a44c; font-style:normal; font-size:1rem; }
.quotes-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#2b2518; border:1px solid #2b2518; }
.quotes-grid article { background:#0b0b0b; padding:1.5rem; min-height:190px; display:flex; flex-direction:column; }
.quotes-grid article > span { color:#c9a44c; font-size:.72rem; letter-spacing:.16em; }
.quotes-grid blockquote { margin:auto 0 .9rem; font-family:Georgia,serif; font-size:1.25rem; line-height:1.5; color:#f1eee7; }
.quotes-grid cite { color:#b9b1a0; font-style:normal; }
@media (max-width:700px){ .quote-hero{grid-template-columns:1fr; padding:1.5rem;} .quote-hero .portrait{margin-bottom:.2rem;} .quotes-grid{grid-template-columns:1fr;} }

/* Art & Literature department */
.literature-feature{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(110deg,#0b0b0b,#141109);border:1px solid #4b3919;border-left:3px solid #d4a43c;padding:28px 30px;margin:0 0 24px}.literature-feature h2{font:700 clamp(28px,4vw,42px)/1.08 Georgia,serif;margin:7px 0 9px}.literature-feature p{color:#aaa;max-width:760px;margin:0}.literature-feature .button{white-space:nowrap}.literature-departments{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.literature-departments a{background:#090909;border:1px solid #493617;padding:24px;min-height:190px;position:relative;transition:transform .18s ease,border-color .18s ease}.literature-departments a:hover{transform:translateY(-3px);border-color:#b88b32}.literature-departments span{color:#d4a43c;font:700 11px Georgia,serif;letter-spacing:2px}.literature-departments h2{font:700 31px/1.1 Georgia,serif;margin:10px 0 7px}.literature-departments p{color:#aaa;max-width:520px}.literature-departments b{display:inline-block;margin-top:8px;color:#d9aa43;font:700 13px Georgia,serif}.static-literature-grid{margin-top:4px}.static-literature-grid .category-story img{filter:saturate(.65)}@media(max-width:700px){.literature-feature{display:block;padding:22px}.literature-feature .button{margin-top:18px}.literature-departments{grid-template-columns:1fr}}

.classics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#c8a96a;margin-top:2rem;border:1px solid #c8a96a}.classic-card{background:#0b0b0b;color:#f4f0e6;padding:1.35rem;display:grid;grid-template-columns:44px 1fr;gap:1rem;min-height:170px}.classic-number{font-family:Georgia,serif;font-size:1.6rem;color:#c8a96a}.classic-card h2{margin:.25rem 0 .55rem;font-family:Georgia,serif;font-weight:500;font-size:1.45rem}.classic-card p{color:#c9c4b8;margin:.2rem 0 1rem}.classic-card .section-kicker{color:#c8a96a}.classic-card .read-link{color:#e7c777}.copyright-note{margin:2rem 0;color:#6b675e;font-size:.86rem;line-height:1.7}.subnav{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.subnav a{border:1px solid #c8a96a;padding:.45rem .7rem;text-decoration:none;color:inherit}.subnav a:hover{background:#c8a96a;color:#111}@media(max-width:800px){.classics-grid{grid-template-columns:1fr}.classic-card{min-height:0}}

/* Photos / Images department */
.photo-feature{max-width:1280px;margin:0 auto 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid #4b3919;background:#0a0a0a;border-left:3px solid #d4a43c;overflow:hidden}
.photo-feature img{width:100%;height:310px;object-fit:cover;display:block;background:#111}
.photo-feature>div{padding:34px;align-self:center}.photo-feature h2{font:700 clamp(30px,4vw,48px)/1.05 Georgia,serif;margin:9px 0 12px}.photo-feature p{color:#aaa;max-width:620px}
.photo-grid{max-width:1280px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.photo-card{position:relative;padding:0;text-align:left;color:inherit;background:#090909;border:1px solid #493617;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.photo-card:hover{transform:translateY(-4px);border-color:#c39a3e;background:#0d0c0a}.photo-card>img{display:block;width:100%;height:190px;object-fit:cover;background:#111}.photo-card>div{padding:16px}.photo-card h3{font:700 24px/1.1 Georgia,serif;margin:8px 0}.photo-card p{color:#aaa;font-size:14px;line-height:1.55;margin:0 0 10px}.photo-card b{color:#d9aa43;font:700 12px Georgia,serif}.photo-number{position:absolute;top:10px;left:10px;background:#080808cc;border:1px solid #8c6925;color:#dcb45b;padding:5px 7px;font:700 10px Georgia,serif}
.photo-lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:24px}.photo-lightbox[hidden]{display:none}.lightbox-inner{width:min(1050px,94vw);display:grid;grid-template-columns:1.4fr 1fr;background:#090909;border:1px solid #72551e}.lightbox-inner img{width:100%;height:min(72vh,620px);object-fit:contain;background:#030303}.lightbox-inner>div{padding:35px;align-self:center}.lightbox-inner h2{font:700 38px/1.1 Georgia,serif;margin:10px 0}.lightbox-inner p{color:#aaa;line-height:1.7}.lightbox-close{position:fixed;top:18px;right:22px;background:none;border:0;color:#e0b34b;font-size:42px;cursor:pointer;line-height:1}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-feature{grid-template-columns:1fr}.photo-feature img{height:240px}.lightbox-inner{grid-template-columns:1fr}.lightbox-inner img{height:48vh}.lightbox-inner>div{padding:24px}}
@media(max-width:560px){.photo-grid{grid-template-columns:1fr}.photo-card>img{height:220px}.photo-feature>div{padding:24px}.lightbox-inner h2{font-size:30px}}

/* Fashion & Sports department refinements */
.category-page .literature-feature{box-shadow:inset 0 1px 0 rgba(212,164,60,.08)}
.category-page .category-stories + .category-stories{margin-top:18px}
.category-story .read-link{border-bottom:1px solid #5c4318;padding-bottom:2px}

/* Secure PHP/MySQL admin foundation */
.cosmo-admin{background:#0b0b0b;color:#eee;min-height:100vh}.admin-card,.admin-wrap{max-width:980px;margin:60px auto;padding:28px}.admin-card{max-width:460px;border:1px solid #8d6b2f;background:#111}.admin-card h1,.admin-wrap h1{font-family:Georgia,serif}.admin-card label,.admin-form label{display:block;margin:14px 0;font-weight:600}.admin-card input,.admin-form input,.admin-form textarea,.admin-form select{width:100%;box-sizing:border-box;margin-top:7px;padding:11px;background:#171717;color:#fff;border:1px solid #555}.admin-card button,.admin-form button{padding:12px 20px;background:#c7a34b;color:#111;border:0;font-weight:700;cursor:pointer}.admin-error{color:#ff9c9c}.admin-success{color:#d9c27a}.admin-top{display:flex;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #333}.admin-top a{color:#d9c27a}.admin-form{max-width:760px}.check{display:flex!important;gap:10px;align-items:center}.check input{width:auto!important}.admin-table{overflow:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #333;text-align:left}

/* Accessibility helpers */
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:9999;padding:.75rem 1rem;background:#000;color:#fff;border:2px solid #c8a24a;text-decoration:none}
.skip-link:focus{top:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid #c8a24a;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* SEO/support pages and ad readiness */
.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:14px 0}.footer-links a{text-decoration:underline;text-underline-offset:3px}.footer-links a:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #e3b547;outline-offset:3px}.prose{max-width:900px}.prose h1,.prose h2{font-family:Georgia,serif}.prose p{max-width:780px;color:#c8c8c8;font-size:17px}.notice{border:1px solid #4d3a18;padding:18px;background:#0b0b0b}.ad-slot{max-width:1280px;min-height:90px;margin:24px auto;padding:14px;border:1px dashed #4d3a18;text-align:center;color:#777;font-size:11px;letter-spacing:1px;text-transform:uppercase}.ad-slot[hidden]{display:none}@media(max-width:560px){.footer-links{gap:12px;font-size:13px}}

.classical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.classical-grid article{background:#111;border:1px solid #2b2b2b;padding:0 0 18px}.classical-grid img{width:100%;height:230px;object-fit:cover;display:block}.classical-grid article>span{display:block;margin:16px 18px 6px;color:#c9a34a;font-size:.72rem;letter-spacing:.12em}.classical-grid h3{margin:0 18px 8px;font-family:Georgia,serif}.classical-grid h3 a{color:#f4efe5;text-decoration:none}.classical-grid p{margin:0 18px;color:#b9b3a8}.copyright-note{color:#777;font-size:.8rem;line-height:1.6;margin-top:18px}@media(max-width:800px){.classical-grid{grid-template-columns:1fr}}


/* Featured front-page layout */
.ad-slot{max-width:1280px;margin:8px auto 22px;padding:7px;text-align:center;color:#62583f;font-size:9px;letter-spacing:2px;text-transform:uppercase;border-top:1px solid #17130c;border-bottom:1px solid #17130c}
.hero-grid{margin-top:4px;align-items:stretch}
.hero{min-height:440px;background:#080808}
.hero img{height:100%;min-height:440px;filter:saturate(.7) contrast(1.08)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.05) 45%,rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,0) 65%);pointer-events:none}
.hero-text{z-index:1;padding:34px 34px 30px}
.hero h1{max-width:760px;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.7px}
.hero p{max-width:620px;color:#ddd}
.side-stories{gap:0;border:1px solid #493617;background:#080808}
.side-stories article{min-height:146px;grid-template-columns:39% 1fr;padding:0;border-bottom:1px solid #3a2b15}
.side-stories article:last-child{border-bottom:0}
.side-stories img{height:100%;min-height:146px;opacity:.82;filter:saturate(.72)}
.side-stories div{padding:18px 17px}
.side-stories h3{font-size:21px;line-height:1.08}
.side-stories p{margin:7px 0 8px}
.read-link{color:#d7aa43;font-size:12px;font-weight:700;letter-spacing:.5px}
.read-link:hover{text-decoration:underline}
@media(max-width:900px){.hero{min-height:380px}.hero img{min-height:380px}.side-stories article{min-height:125px}.side-stories img{min-height:125px}}
@media(max-width:560px){.ad-slot{margin-left:10px;margin-right:10px}.hero{min-height:390px}.hero img{min-height:390px}.hero-text{padding:24px 20px}.hero h1{font-size:31px}.side-stories article{grid-template-columns:34% 1fr}.side-stories img{min-height:118px}.side-stories div{padding:13px}.side-stories h3{font-size:18px}}

/* Cosmo Light Editorial Edition — white magazine background */
html,body{background:#ffffff!important;color:#222!important}
body{font-family:Arial,Helvetica,sans-serif}
.masthead{background:#ffffff!important;color:#222!important;border-bottom:1px solid #c8a24a!important;box-shadow:0 2px 12px rgba(0,0,0,.08)!important}
.topline{color:#6d5524!important}
.logo{background:#000!important;border:1px solid #d1b15c!important;padding:0!important;box-shadow:0 2px 10px rgba(0,0,0,.12)}




.quote{background:#fffdf8!important;color:#222!important;border:1px solid #d9c99f!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important}
.quote:before{background:#c99b35!important}
.quote-label,.tag,.side-stories span,.article-list span,.feature-row span,.news-grid span{color:#9a741e!important}
.quote blockquote{color:#222!important}
.quote cite{color:#555!important}
.portrait{background:#fff!important}
.ad-slot{background:#fff!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;color:#999!important}
.hero,.side-stories,.news-grid article,.art-grid article,.category-grid a,.feature-row article,.photo-feature,.photo-card,.classical-grid article,.notice{background:#fff!important;color:#222!important;border-color:#ddd2b7!important;box-shadow:0 2px 10px rgba(0,0,0,.05)!important}
.hero{display:flex!important;flex-direction:column!important;min-height:0!important}
.hero img,.hero img{height:300px!important;min-height:300px!important;opacity:1!important;filter:none!important}
.hero:after{display:none!important}
.hero-text{position:static!important;padding:22px 24px 24px!important;background:#fff!important;color:#222!important}
.hero h1{color:#161616!important}
.hero p,.side-stories p,.article-list p,.feature-row p,.photo-feature p,.photo-card p,.category-grid p,.news-grid p,.popular li{color:#555!important}
.side-stories{gap:0!important}
.side-stories article{background:#fff!important;border-bottom:1px solid #e5dfd2!important}
.side-stories h3,.news-grid h3,.art-grid h3,.article-list h3,.feature-row h2,.photo-card h3,.classical-grid h3{color:#222!important}
.category-grid b{color:#222!important}
.section-head{border-bottom-color:#d9c99f!important}
.section-head h2{color:#222!important}
.article-list article{border-bottom-color:#e5dfd2!important}
.popular{border-left-color:#ddd2b7!important}
footer{background:#fff!important;color:#777!important;border-top:1px solid #d9c99f!important}
footer p{color:#777!important}
.footer-links a{color:#555!important}
.subnav a{border-color:#d9c99f!important;color:#444!important}
.subnav a:hover{background:#c8a24a!important;color:#111!important}
.classical-grid article{color:#222!important}
.classical-card p,.copyright-note{color:#666!important}
.cosmo-admin{background:#fff!important;color:#222!important}
@media(max-width:560px){.logo{max-height:125px!important}.hero img{height:220px!important;min-height:220px!important}.hero-text{padding:20px!important}}


/* COSMO LIGHT EDITION — clean white editorial presentation */
html,body{background:#fff!important;color:#202020!important}

.masthead{background:#fff!important;border-bottom:1px solid #c8a45a!important;box-shadow:0 2px 14px rgba(0,0,0,.08)!important}
.topline{color:#76591f!important}
.logo{background:#fff!important;max-height:190px!important}




.quote{background:#fff!important;border-top:1px solid #d1b16c!important;border-bottom:1px solid #d1b16c!important;box-shadow:0 2px 10px rgba(0,0,0,.05)!important}
.quote-label,.tag,.side-stories span,.article-list span,.feature-row span,.section-head span,.section-kicker,.category-story span,.category-note>span{color:#8b691f!important}


.portrait{background:#fff!important;box-shadow:0 0 0 4px #fff,0 0 0 5px #c7a24f!important}
.ad-slot{background:#fff!important;border:1px dashed #c9b98d!important;color:#888!important}
.hero,.side-stories article,.category-grid a,.art-grid article,.article-list article,.feature-row article,.department-grid article,.category-story,.photo-feature,.photo-card,.notice{background:#fff!important;color:#222!important}
.hero{border-color:#c9a65a!important}
.hero img{opacity:1!important}
.hero-text{background:linear-gradient(0deg,rgba(255,255,255,.97),rgba(255,255,255,.88) 42%,rgba(255,255,255,0))!important;color:#222!important}
.hero h1,.hero p,.side-stories h3,.category-grid b,.art-grid h3,.article-list h3,.popular li,.feature-row h2,.category-story h2,.section-head h2{color:#222!important}
.side-stories p,.category-grid p,.art-grid p,.article-list p,.feature-row p,.category-story p{color:#555!important}
.side-stories{background:#fff!important;border-color:#ddd!important}
.button{background:#c9a24b!important;color:#111!important}
.section-head{border-bottom-color:#d8c59a!important}
.article-list article{border-color:#e4dfd4!important}
.popular{background:#fff!important;border-top-color:#c9a24b!important;border-bottom-color:#ddd!important}
.feature-row article{border-color:#ddd!important}
footer{background:#fff!important;color:#666!important;border-top-color:#c9a24b!important}
.search-panel{background:#fff!important;border-bottom-color:#d8c59a!important}
.search-panel input{background:#fff!important;color:#222!important;border-color:#cdbd96!important}
.search-panel .search-close{background:#fff!important;color:#8b691f!important}
.category-intro{border-bottom-color:#ddd!important}
.category-intro>p{color:#555!important}
.subnav a{border-color:#cdbd96!important;color:#7d5e20!important}
.category-note{border-color:#ddd!important}
.category-note p{color:#555!important}
.literature-feature,.literature-departments a{background:#fff!important;color:#222!important;border-color:#d8c59a!important}
.literature-feature p,.literature-departments p{color:#555!important}
.classics-grid{background:#c8a96a!important}
.classic-card{background:#fff!important;color:#222!important}
.classic-card p{color:#555!important}
.photo-feature{background:#fff!important;border-color:#d8c59a!important}
.photo-card{border-color:#ddd!important}
.photo-card p{color:#555!important}
.photo-number{background:#fff!important;color:#7d5e20!important}
.prose p{color:#444!important}
.notice{border-color:#ddd!important}
/* Keep the management/login area intentionally separate from the public light magazine */
@media(max-width:560px){.masthead{padding-top:8px}.logo{max-height:125px!important}}


/* COSMO MAGAZINE — PURE WHITE EDITORIAL EDITION v2.0 */
html, body {
  background: #fff !important;
  color: #111 !important;
}
body, main, header, section, article, aside, footer, div, form, figure {
  color: #111;
}
.masthead,
.quote,
.hero,
.side-stories,
.side-stories article,
.news-grid,
.news-grid article,
.category-grid,
.category-grid a,
.art-grid,
.art-grid article,
.section,
.two-col,
.article-list,
.article-list article,
.popular,
.feature-row,
.feature-row article,
.department-grid,
.department-grid article,
.category-page,
.category-intro,
.category-story,
.category-note,
.literature-feature,
.literature-departments,
.literature-departments a,
.classics-grid,
.classic-card,
.photo-feature,
.photo-card,
.notice,
.prose,
.search-panel,
.ad-slot,
footer {
  background: #fff !important;
  color: #111 !important;
}
.masthead { border-bottom: 1px solid #c9a24b !important; box-shadow: none !important; }
.topline { color: #6b541f !important; }
.logo { background: #fff !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; filter: none !important; }




.quote { border: 1px solid #d8c99f !important; box-shadow: none !important; }
.quote:before { background: #c9a24b !important; }
.quote-label, .tag, .side-stories span, .article-list span, .feature-row span,
.section-head span, .section-kicker, .category-story span, .category-note>span,
.department-grid span, .photo-card b, .photo-number { color: #8b681c !important; }
.quote blockquote, .quote cite { color: #111 !important; }
.portrait { background: #fff !important; box-shadow: 0 0 0 4px #fff, 0 0 0 5px #c9a24b !important; }
.ad-slot { border: 1px dashed #d4d4d4 !important; color: #888 !important; }
.hero { border-color: #d8c99f !important; box-shadow: none !important; }
.hero img { opacity: 1 !important; filter: none !important; }
.hero:after { display: none !important; }
.hero-text { position: static !important; background: #fff !important; color: #111 !important; }
.hero h1, .hero p, .side-stories h3, .side-stories p,
.news-grid h3, .news-grid p, .art-grid h3, .art-grid p,
.article-list h3, .article-list p, .popular li,
.feature-row h2, .feature-row p, .category-grid b, .category-grid p,
.department-grid h2, .department-grid p, .category-story h2, .category-story p,
.photo-feature h2, .photo-feature p, .photo-card h3, .photo-card p,
.section-head h2, .category-intro h1, .category-intro>p,
.literature-feature h2, .literature-feature p,
.literature-departments h2, .literature-departments p,
.classic-card h2, .classic-card p, .prose h1, .prose h2, .prose p,
.notice h2, .notice p, .search-panel, .search-panel input { color: #111 !important; }
.side-stories article, .article-list article { border-color: #e5e5e5 !important; }
.category-grid a, .art-grid article, .feature-row article, .department-grid article,
.category-story, .literature-feature, .literature-departments a,
.photo-feature, .photo-card, .notice, .classics-grid, .classic-card { border-color: #dedede !important; box-shadow: none !important; }
.section-head, .category-intro { border-bottom-color: #d8c99f !important; }
.popular { border-top-color: #c9a24b !important; border-bottom-color: #dedede !important; }
.search-panel { border-bottom-color: #d8c99f !important; }
.search-panel input { background: #fff !important; border-color: #cfcfcf !important; }
.search-toggle { color: #111 !important; background: #fff !important; }
.button { background: #c9a24b !important; color: #111 !important; }
footer { border-top: 1px solid #c9a24b !important; color: #555 !important; }
footer p, .footer-links a, .copyright-note { color: #555 !important; }
.photo-lightbox { background: rgba(255,255,255,.96) !important; }
.lightbox-inner { background: #fff !important; border-color: #d8c99f !important; color: #111 !important; }
.lightbox-inner p, .lightbox-inner h2 { color: #111 !important; }
/* Never put a dark gradient or dark panel over the editorial content. */
.hero-text, .feature-row div, .photo-feature>div { background: #fff !important; }
/* The public magazine is white; only photographs themselves may contain dark tones. */

/* COSMO FINAL EDITORIAL LIGHT DESIGN */
html, body { background:#fff !important; color:#111 !important; }
body { font-family: Arial, Helvetica, sans-serif !important; }
.masthead { background:#fff !important; border-bottom:1px solid #d8bd78 !important; box-shadow:none !important; padding:10px 4vw 8px !important; }
.logo { display:block !important; width:min(760px,86vw) !important; max-height:none !important; height:auto !important; background:#fff !important; border:0 !important; box-shadow:none !important; padding:0 !important; object-fit:contain !important; }






.quote, .notice, .ad-slot { background:#fff !important; color:#111 !important; }
.quote { border-color:#d8bd78 !important; box-shadow:0 2px 12px rgba(0,0,0,.04) !important; }
.quote blockquote { color:#111 !important; }
.quote cite, .quote p, .quote-copy { color:#222 !important; }
.hero, .side-stories article, .category-grid a, .art-grid article, .article-list article, .feature-row article, .category-story, .classic-card { background:#fff !important; color:#111 !important; }
.hero-text { background:linear-gradient(transparent,rgba(255,255,255,.96)) !important; color:#111 !important; }
.hero-text h1, .hero-text p { color:#111 !important; }
.side-stories p, .category-grid p, .art-grid p, .article-list p, .feature-row p, .category-story p, .category-intro>p, .article-dek, .article-body, .article-body p, .article-sidebar li, .prose p { color:#333 !important; }
.category-grid b, .art-grid h3, .article-list h3, .popular li, .feature-row h2, .category-story h2, .article-body h2, .classic-card h2 { color:#111 !important; }
.section-head, .category-intro, .article-header { border-color:#d8bd78 !important; }
.article-cover img, .hero, .category-story, .art-grid article, .feature-row article { background:#fff !important; }
.article-sidebar { border-color:#ddd !important; }
.classics-grid { background:#d8bd78 !important; }
.classic-card { color:#111 !important; }
footer { background:#fff !important; color:#555 !important; border-top:1px solid #d8bd78 !important; }
footer img { background:#fff !important; }
footer p, .copyright-note { color:#555 !important; }
.button { background:#c9a24b !important; color:#111 !important; }
.subnav a { background:#fff !important; border-color:#d8bd78 !important; color:#7d5e20 !important; border-radius:18px !important; }
.subnav a:hover { background:#fbf8f0 !important; color:#111 !important; }
@media(max-width:560px){
  .masthead { padding:7px 10px 6px !important; }
  .logo { width:96vw !important; max-width:620px !important; }
  
  
}


/* COSMO FINAL LIGHT EDITION — white editorial theme */
html,body{background:#fff!important;color:#111!important}

a{color:#111!important}
.masthead{background:#fff!important;color:#111!important;border-bottom:1px solid #d7bd77!important;box-shadow:none!important;padding:12px 4vw 8px!important}
.masthead .topline{color:#7a642d!important}
.logo{background:transparent!important;filter:none!important;mix-blend-mode:normal!important;object-fit:contain!important}







.quote{background:#fff!important;color:#111!important;border:1px solid #d9c99e!important;box-shadow:none!important}
.quote:before{background:#c99f3a!important}
.quote-label{color:#7b642d!important}
.quote blockquote{color:#111!important}
.quote cite{color:#333!important}

.hero,.side-stories article,.category-grid a,.art-grid article,.article-list article,.feature-row article,.news-grid article,.popular{background:#fff!important;color:#111!important;border-color:#d9c99e!important;box-shadow:none!important}
.hero-text{background:linear-gradient(transparent,rgba(255,255,255,.98))!important;color:#111!important}
.hero h1,.hero p,.side-stories h3,.side-stories p,.category-grid b,.category-grid p,.art-grid h3,.art-grid p,.article-list h3,.article-list p,.feature-row h2,.feature-row p,.popular li,.news-grid h3,.news-grid p{color:#111!important}
.side-stories article{border-bottom:1px solid #e7dec9!important}
.side-stories p,.article-list p,.feature-row p,.news-grid p,.category-grid p,.art-grid p{color:#444!important}
.tag,.side-stories span,.article-list span,.feature-row span,.news-grid span{color:#9a7627!important}
.section-head{border-bottom:1px solid #d9c99e!important}
.section-head h2{color:#111!important}
.section-head span{color:#9a7627!important}
.article-list article{background:#fff!important;border:1px solid #eee5d3!important}
.article-list article:hover,.news-grid article:hover,.art-grid article:hover,.category-grid a:hover,.feature-row article:hover{background:#fff!important;border-color:#c9a65b!important}
.popular{border-top:2px solid #c99f3a!important;border-bottom:1px solid #ddd3bf!important}
.popular li{border-bottom:1px solid #eee5d3!important}
.popular li:before{color:#9a7627!important}
footer{background:#fff!important;color:#555!important;border-top:1px solid #d7bd77!important}
footer p{color:#555!important}
footer img{background:transparent!important;filter:none!important}
.button{background:#c99f3a!important;color:#111!important}
.category-grid a,.feature-row article{overflow:hidden}
@media(max-width:560px){.hero-text{padding:18px!important}}


/* Cosmo White Editorial 1.4 — cache-busted stylesheet */

/* COSMO FINAL WHITE EDITORIAL OVERRIDES */

.masthead { background:#fff !important; color:#111 !important; border-bottom:1px solid #d4b35c !important; box-shadow:none !important; }
.topline { color:#8b6b24 !important; }
.logo { background:#fff !important; border:0 !important; box-shadow:none !important; padding:0 !important; filter:none !important; mix-blend-mode:normal !important; }





main, section, article, aside, .section, .hero-grid, .category-grid, .two-col, .feature-row { color:#111 !important; }
.quote, .category-grid a, .art-grid article, .feature-row article, .article-cover img { background:#fff !important; color:#111 !important; }
.quote blockquote, .section-head h2, .article-header h1, .article-body h2, .article-body { color:#111 !important; }
.quote cite, .article-dek, .article-body p, .article-breadcrumb, .side-stories p, .feature-row p, .category-grid p { color:#333 !important; }
.side-stories article { background:#fff !important; color:#111 !important; }
.button { background:#c9a23a !important; color:#111 !important; }
footer { background:#fff !important; color:#333 !important; border-top:1px solid #d4b35c !important; }
footer img { background:#fff !important; filter:none !important; }
footer a { color:#111 !important; }
.hero, .art-grid article, .feature-row article, .category-grid a { border-color:#d8c99f !important; }
@media (max-width:560px) {
  
  
}


/* Cosmo v1.6 — hard white editorial masthead */
html,body{background:#fff !important;color:#111 !important;}
.masthead{background:#fff !important;color:#111 !important;border-bottom:1px solid #d7bd77 !important;box-shadow:none !important;}
.masthead a{background:#fff !important;}
.logo{background:#fff !important;display:block !important;width:min(760px,86vw) !important;height:auto !important;max-height:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;filter:none !important;mix-blend-mode:normal !important;}



/* COSMO v1.9 — robust mobile navigation */


@media (min-width:901px){
  
  
}
@media (max-width:900px){
  
  
  
  
  
  
  
  
}
/* Fallback for mobile browsers/customizer previews that report an unusually wide CSS viewport. */







/* Site-wide Google AdSense areas */
.cosmo-ad-wrap {
  width: min(100%, 1100px);
  min-height: 90px;
  margin: 24px auto;
  padding: 4px 0;
  text-align: center;
  overflow: hidden;
}
.cosmo-auto-ad {
  min-height: 70px;
}
@media (max-width: 640px) {
  .cosmo-ad-wrap { min-height: 70px; margin: 18px auto; }
  .cosmo-auto-ad { min-height: 60px; }
}

.art-card-link{display:block;color:inherit;text-decoration:none}.art-card-link article{height:100%}.art-card-link article h3{color:inherit}.art-card-link article b{display:inline-block;margin-top:10px}

/* v1.11 Quote Edition — approved white editorial treatment */
.quote-page .quote-hero{background:#fff!important;color:#111!important;border:1px solid #d9c99e!important;border-top:3px solid #c9a44c!important;box-shadow:0 2px 14px rgba(0,0,0,.05)!important}
.quote-page .quote-hero blockquote{color:#111!important}
.quote-page .quote-hero cite{color:#6f5925!important}
.quote-archive .quotes-grid{background:#d9c99e!important;border-color:#d9c99e!important}
.quote-archive .quotes-grid article{background:#fff!important;color:#111!important}
.quote-archive .quotes-grid blockquote{color:#111!important}
.quote-archive .quotes-grid cite{color:#555!important}
.quote-page .section-head h1,.quote-page .section-head h2{color:#111!important}
.quote-page .section-head>span{color:#6f5925!important}

.quote-page-body{background:#fff!important;color:#111!important}
.quote-page-body main{background:#fff!important}
.quote-page-body footer{background:#fff!important;color:#666!important}
.quote-page-body .quote-page,.quote-page-body .quote-archive{background:#fff!important}


/* COSMO FINAL CLEAN / WHITE EDITORIAL + MOBILE NAV */
html,body{background:#fff!important;color:#171717!important}

.masthead{background:#fff!important;color:#111!important;border-bottom:1px solid #d9c9a6!important;box-shadow:0 4px 18px rgba(0,0,0,.06)!important}
.topline{color:#8b6a2b!important}





.quote{background:#faf8f3!important;color:#171717!important;border:1px solid #e2d5bb!important;box-shadow:0 6px 22px rgba(0,0,0,.05)!important}
.quote blockquote{color:#171717!important}
.quote cite{color:#6b6b6b!important}
.quote-label,.tag,.side-stories span,.article-list span,.feature-row span,.news-grid span,.section-kicker{color:#9a7428!important}
.category-grid a,.art-grid article,.feature-row article,.news-grid article,.side-stories article{background:#fff!important;color:#171717!important;border-color:#e4dccd!important;box-shadow:0 5px 18px rgba(0,0,0,.04)}
.category-grid b,.art-grid h3,.article-list h3,.popular li,.feature-row h2,.news-grid h3{color:#171717!important}
.category-grid p,.art-grid p,.article-list p,.feature-row p,.news-grid p,.side-stories p{color:#666!important}
.section-head{border-bottom-color:#e2d8c7!important}
.popular{border-left-color:#e2d8c7!important}
footer{background:#fff!important;color:#777!important;border-top-color:#d9c9a6!important}
footer a{color:#444!important}
.classics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1280px;margin:0 auto 30px;padding:0 18px}
.classic-card{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;background:#fff;border:1px solid #e5ddcf;border-radius:8px;box-shadow:0 5px 18px rgba(0,0,0,.035)}
.classic-card h2{margin:4px 0 6px;color:#171717;font:700 22px Georgia,serif;line-height:1.2}
.classic-card p{margin:0 0 12px;color:#666}.classic-number{font:700 24px Georgia,serif;color:#b08a3c}
.read-link{color:#8b671f!important;font-weight:700}
.category-intro{max-width:1280px;margin:0 auto;padding:35px 18px 18px}.category-intro h1{color:#171717;font:700 44px Georgia,serif;margin:5px 0}.category-intro p{color:#666}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.subnav a{border:1px solid #ded3c1;border-radius:999px;padding:8px 13px;color:#76581f;background:#fff}
.copyright-note{max-width:1280px;margin:0 auto 30px;padding:0 18px;color:#777;font-size:13px}
@media(max-width:900px){
 
 
 
 
 
 
 .classics-grid{grid-template-columns:1fr;padding:0 10px}.category-intro{padding-left:10px;padding-right:10px}.category-intro h1{font-size:34px}
}
@media(max-width:560px){.quote{margin-left:10px;margin-right:10px}.quote-copy{align-items:center}.quote blockquote{font-size:19px}.classic-card{grid-template-columns:38px 1fr}.classic-card h2{font-size:19px}}


/* COSMO v1.17 — literary lead and single-entry reading system */
.cosmo-literary-lead{margin-top:24px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #d9c9a6!important;border-bottom:1px solid #d9c9a6!important;background:#fff!important}
.cosmo-literary-lead>a{border:0!important;border-right:1px solid #e8dfcf!important;border-radius:0!important;box-shadow:none!important;padding:28px 22px!important;background:#fff!important;transition:background .18s ease,transform .18s ease!important}
.cosmo-literary-lead>a:last-child{border-right:0!important}
.cosmo-literary-lead>a:hover{background:#fbf8f1!important;transform:translateY(-2px)!important}
.cosmo-literary-lead span{color:#a17b2d!important;font:700 12px/1 Arial,sans-serif!important;letter-spacing:.16em!important}
.cosmo-literary-lead h2{font:700 27px/1.1 Georgia,serif!important;color:#171717!important;margin:9px 0 8px!important}
.cosmo-literary-lead p{color:#666!important;line-height:1.55!important}
.cosmo-literary-card{display:grid!important;grid-template-columns:76px 1fr!important;gap:20px!important;align-items:start!important;padding:24px!important;border:1px solid #e2d8c6!important;border-left:3px solid #c9a45c!important;background:#fff!important;border-radius:0!important;box-shadow:0 5px 18px rgba(0,0,0,.035)!important;margin-bottom:14px!important}
.cosmo-literary-card img{width:64px!important;height:64px!important;object-fit:contain!important}
.cosmo-literary-card h3{font:700 25px/1.18 Georgia,serif!important;color:#171717!important;margin:5px 0 8px!important}
.cosmo-literary-card p{color:#555!important;line-height:1.6!important;margin-bottom:8px!important}
.cosmo-literary-card .read-link{display:inline-block!important;margin-top:8px!important;color:#8a681f!important;font-weight:700!important}
.poem-reading-column{max-width:760px;margin:0 auto;padding:28px 18px 40px;border-top:1px solid #e3dac9}
.poem-full-text{font:400 22px/1.9 Georgia,serif!important;color:#222!important;white-space:normal!important}
.poem-reader-nav{max-width:760px;margin:0 auto 40px!important}
@media(max-width:760px){.cosmo-literary-lead{grid-template-columns:1fr!important}.cosmo-literary-lead>a{border-right:0!important;border-bottom:1px solid #e8dfcf!important}.cosmo-literary-lead>a:last-child{border-bottom:0!important}.cosmo-literary-card{grid-template-columns:48px 1fr!important;gap:14px!important;padding:18px!important}.cosmo-literary-card img{width:44px!important;height:44px!important}.cosmo-literary-card h3{font-size:21px!important}.poem-full-text{font-size:20px!important;line-height:1.8!important}}

/* Cosmo Advanced Editorial Library — v1.20 */
.category-page .literature-feature{background:#fff!important;color:#171717!important;border:1px solid #d8c99f!important;border-left:4px solid #c8a24a!important;padding:30px!important;margin:26px 0!important}
.category-page .literature-feature h2{font-family:Georgia,serif;letter-spacing:.02em;color:#111!important}
.library-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,2fr) auto;align-items:end;gap:12px;margin:22px 0;padding:16px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.library-toolbar label{font:700 11px/1.2 Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#8b681c}
.library-toolbar input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #cfc7b5;background:#fff;color:#111;font:15px Georgia,serif;outline:none}
.library-toolbar input:focus{border-color:#b58b31;box-shadow:0 0 0 2px rgba(181,139,49,.12)}
.library-toolbar span{font:700 12px Georgia,serif;color:#777;text-align:right}
.classics-grid{background:#d7c28b!important;border:0!important;gap:1px!important}
.classic-card{background:#fff!important;color:#111!important;border:0!important;box-shadow:none!important;grid-template-columns:52px 1fr!important;min-height:190px!important;padding:1.5rem!important}
.classic-number{color:#a27b27!important;font-family:Georgia,serif!important;font-size:1rem!important;letter-spacing:.08em;padding-top:4px}
.classic-body{min-width:0}
.classic-card .section-kicker{color:#8b681c!important;font-size:.68rem!important;letter-spacing:.14em!important}
.classic-card h2{color:#111!important;font-family:Georgia,serif!important;font-size:1.5rem!important;line-height:1.18!important;margin:.45rem 0 .55rem!important}
.classic-meta{color:#555!important;font-size:.95rem!important;margin:.1rem 0 .8rem!important}
.rights-badge{display:inline-block!important;margin:0 0 1rem!important;padding:5px 8px!important;border:1px solid #ded4bb!important;background:#faf8f1!important;color:#6a624f!important;font-size:.74rem!important;line-height:1.35!important}
.rights-badge span{color:#8b681c!important;font-weight:700}
.classic-card .read-link{display:inline-block!important;color:#7a5a17!important;text-decoration:none!important;border-bottom:1px solid #c8a24a!important;padding-bottom:3px!important;font-weight:700!important}
.classic-card .read-link:hover{color:#111!important;border-bottom-color:#111!important}
.library-empty{grid-column:1/-1;background:#fff;padding:30px;color:#666}
@media(max-width:700px){.library-toolbar{grid-template-columns:1fr}.library-toolbar span{text-align:left}.classic-card{grid-template-columns:38px 1fr!important;padding:1.15rem!important}.classic-card h2{font-size:1.25rem!important}}

/* COSMO SINGLE-ENTRY EDITORIAL RULE
   Every library item is presented once; feature modules do not create a second card. */
.cosmo-literary-card,.classic-card,.quote-archive article{break-inside:avoid;}
.cosmo-literary-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1.25rem;align-items:start;border-top:1px solid #d8d2c6;padding:1.35rem 0;}
.cosmo-literary-card:first-child{border-top:2px solid #111;}
.classic-card{border-top:1px solid #d8d2c6;background:#fff;}
@media(max-width:680px){.cosmo-literary-card{grid-template-columns:48px minmax(0,1fr);gap:.8rem;}}


/* COSMO v1.27 — WHITE EDITORIAL NAV + MENU CORRECTION */
body{background:#fff!important;color:#111!important}
.masthead{background:#fff!important;color:#111!important;box-shadow:0 5px 20px rgba(0,0,0,.06)!important;border-bottom:1px solid #d7b45a!important}
.topline{color:#6b531e!important}














.quote{background:#fff!important;color:#111!important;border-top:1px solid #c8a34b!important;border-bottom:1px solid #c8a34b!important;box-shadow:none!important}
.quote-label,.quote cite{color:#6b531e!important}

.category-grid a,.art-grid article,.feature-row article,.article-list article,.classic-card,.quotes-grid article,.story-card,.search-panel,.quote-hero{background:#fff!important;color:#111!important}
.category-grid b,.art-grid h3,.feature-row h2,.article-list h3,.classic-card h2,.quotes-grid blockquote{color:#111!important}
.category-grid p,.art-grid p,.feature-row p,.article-list p,.classic-meta{color:#555!important}
footer{background:#fff!important;color:#666!important;border-top:1px solid #d8c28d!important}
.section-head{border-bottom-color:#d8c28d!important}
.section-head h1,.section-head h2{color:#111!important}
.button{background:#c99b35!important;color:#111!important}
@media (max-width:800px){
  
  
  
  
  
  
  
  
  
  
}

/* Final white-surface cleanup */
.quote-hero{background:#fff!important;color:#111!important;border-color:#d8c99f!important}
.quote-hero blockquote{color:#111!important}
.quotes-grid{background:#e5dcc8!important;border-color:#d8c99f!important}
.quotes-grid article{background:#fff!important}
.quotes-grid cite{color:#555!important}
.literature-feature,.photo-feature{background:#fff!important;color:#111!important;border-color:#d8c99f!important}
.literature-feature p,.photo-feature p{color:#555!important}
.photo-feature>div{background:#fff!important}
.library-toolbar{background:#fff!important;color:#111!important;border-color:#d8c99f!important}
.classic-card{background:#fff!important;color:#111!important;border-color:#d8c99f!important}

.classic-card .section-kicker,.classic-number{color:#8a671e!important}

/* COSMO v1.28 — QUOTE SECTION FINAL EDITORIAL TREATMENT */
.quote-page-body .quote-hero{max-width:1080px;margin:18px auto 0!important;padding:24px 28px!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;background:#fff!important;border:1px solid #d8c99f!important;border-top:3px solid #c9a44c!important;box-shadow:0 5px 18px rgba(0,0,0,.045)!important}
.quote-page-body .quote-hero .portrait{width:68px!important;height:68px!important;border-radius:50%!important;overflow:hidden!important;border:1px solid #d8c99f!important;background:#faf8f1!important}
.quote-page-body .quote-hero .portrait img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.quote-page-body .quote-hero blockquote{margin:0 0 8px!important;font:italic 700 clamp(1.45rem,3vw,2.45rem)/1.28 Georgia,serif!important;color:#171717!important}
.quote-page-body .quote-hero cite{color:#735a22!important;font:600 14px/1.3 Georgia,serif!important}
.quote-library-tools{max-width:1080px;margin:18px auto 12px;display:flex;align-items:center;gap:12px}
.quote-library-tools input{flex:1;min-width:0;padding:12px 15px;border:1px solid #d8c99f;background:#fff;color:#111;font:15px Georgia,serif;outline:none}
.quote-library-tools input:focus{border-color:#b78c2e;box-shadow:0 0 0 2px rgba(183,140,46,.12)}
.quote-library-tools span{color:#777;font-size:12px;white-space:nowrap}
.quote-page-body .quotes-list{max-width:1080px;margin:0 auto 40px;background:#fff;border-top:1px solid #d8c99f}
.quote-page-body .quote-entry{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;padding:18px 12px;border-bottom:1px solid #e5ddcf;background:#fff!important;color:#111!important}
.quote-page-body .quote-entry:hover{background:#fcfaf5!important}
.quote-entry-portrait{width:46px;height:46px;border-radius:50%;overflow:hidden;border:1px solid #ded3bd;background:#faf8f1}
.quote-entry-portrait img{width:100%;height:100%;object-fit:cover}
.quote-entry-copy blockquote{margin:0 0 6px!important;font:400 19px/1.5 Georgia,serif!important;color:#171717!important}
.quote-entry-copy cite{font:600 13px/1.3 Georgia,serif!important;color:#6b6b6b!important;font-style:normal!important}
.quote-page-body .quote-archive .section-head{max-width:1080px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.quote-page-body .quote-hero{grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;padding:18px!important}.quote-page-body .quote-hero .portrait{width:52px!important;height:52px!important}.quote-page-body .quote-hero blockquote{font-size:1.35rem!important}.quote-library-tools{display:block}.quote-library-tools input{width:100%;box-sizing:border-box;margin-bottom:8px}.quote-page-body .quote-entry{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:15px 6px}.quote-entry-portrait{width:38px;height:38px}.quote-entry-copy blockquote{font-size:17px!important}}


/* COSMO v1.33 — POETRY LIBRARY: THREE-COLUMN EDITORIAL POEM CARDS */
.poem-library-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:26px 0 40px!important;align-items:stretch!important}
.poem-card{display:flex!important;flex-direction:column!important;min-width:0!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #ded6c8!important;border-top:3px solid #c6a15a!important;border-radius:2px!important;padding:22px 20px 20px!important;box-shadow:0 5px 18px rgba(0,0,0,.045)!important;min-height:310px!important}
.poem-card-label{font:700 10px/1 Arial,sans-serif!important;letter-spacing:.16em!important;color:#9a7428!important;margin-bottom:10px!important;text-transform:uppercase!important}
.poem-card h2{font:700 24px/1.12 Georgia,serif!important;color:#171717!important;margin:0 0 14px!important;min-height:54px!important}
.poem-preview{font:400 17px/1.55 Georgia,serif!important;color:#333!important;margin:0 0 14px!important;display:block!important}
.poem-preview span{display:block!important;white-space:normal!important;margin:0!important;padding:0!important}
.poem-preview .preview-note{color:#8b6a2b!important;font-style:italic!important}
.poem-card-meta{margin-top:auto!important;padding-top:10px!important;border-top:1px solid #eee7da!important;color:#666!important;font:13px/1.4 Arial,sans-serif!important}
.poem-card .read-link{display:inline-block!important;margin-top:11px!important;color:#7d5b1c!important;font:700 13px/1.2 Arial,sans-serif!important;text-decoration:none!important;border-bottom:1px solid #c7a25d!important;padding-bottom:3px!important;align-self:flex-start!important}
.poem-card .read-link:hover{color:#111!important;border-bottom-color:#111!important}
.poem-day p{white-space:normal!important}
@media(max-width:1000px){.poem-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.poem-library-grid{grid-template-columns:1fr!important;gap:14px!important}.poem-card{min-height:0!important;padding:19px 17px!important}.poem-card h2{font-size:22px!important;min-height:0!important}.poem-preview{font-size:16px!important;line-height:1.5!important}}

/* v1.34 — preserve poetry line and stanza structure */
.poem-full-text{white-space:normal!important}
.poem-stanza{margin:0 0 1.35em!important}
.poem-stanza:last-child{margin-bottom:0!important}
/* v1.35 — Fiction real-text excerpts */
.fiction-excerpt{margin:14px 0 12px;padding:13px 0;border-top:1px solid #e7dfd0;border-bottom:1px solid #e7dfd0;font:16px/1.72 Georgia,serif;color:#333}
.fiction-excerpt p{margin:0 0 10px!important;color:#333!important}
.fiction-excerpt p:last-child{margin-bottom:0!important}
@media(max-width:800px){.fiction-excerpt{font-size:15px;line-height:1.65}}

/* v1.36 — Novel and translation real-text excerpts */
.excerpt-label{display:block;margin:0 0 9px;text-transform:uppercase;letter-spacing:.12em;font:700 11px/1.3 Arial,sans-serif;color:#8a6a2f}

/* v1.37 — Remove fiction/novels/translations numbering without changing the card grid */
.classic-card{grid-template-columns:1fr!important}
.classic-number{display:none!important}

/* COSMO v1.46 — AUTHOR / POET PROFILE BLOCK. */
.cosmo-author-profile{margin:22px 0 30px;padding:18px 20px;border-top:1px solid #d8c99f;border-bottom:1px solid #e7e1d6;background:#fff;color:#171717}
.cosmo-author-intro{max-width:820px;margin-bottom:16px}.cosmo-author-intro .section-kicker{display:block;margin-bottom:7px;color:#8a671e!important;font-size:.68rem;letter-spacing:.15em}.cosmo-author-intro p{margin:0;color:#555;line-height:1.65;font-size:.96rem}
.cosmo-author-identity{display:flex;align-items:center;gap:13px}.cosmo-author-avatar{width:58px;height:58px;min-width:58px;border-radius:50%;overflow:hidden;border:1px solid #cdbb91;background:#f3eee4;display:grid;place-items:center;color:#80611f;font:700 17px Georgia,serif}.cosmo-author-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.cosmo-author-identity h2{margin:0;color:#111;font:700 20px/1.2 Georgia,serif}.cosmo-author-identity p{margin:4px 0 0;color:#777;font:12px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:560px){.cosmo-author-profile{padding:16px;margin:18px 0 24px}.cosmo-author-intro p{font-size:.92rem}.cosmo-author-avatar{width:50px;height:50px;min-width:50px}}

/* Authors & Poets directory — v1.48 */
.author-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.author-directory-card{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:start;padding:24px;border:1px solid var(--line,#ddd);background:#fff}
.author-directory-avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line,#ddd);background:#f7f7f7;font-family:Georgia,serif;font-size:25px}
.author-directory-avatar-img{width:100%;height:100%;object-fit:cover;display:block}
.author-directory-copy h2{margin:.2rem 0 .45rem;font-family:Georgia,serif}
.author-directory-copy p{margin:0 0 12px;line-height:1.65;color:#444}
.author-directory-copy .read-link{font-weight:600}
@media(max-width:800px){.author-directory-grid{grid-template-columns:1fr}.author-directory-card{grid-template-columns:70px 1fr;padding:18px;gap:15px}.author-directory-avatar{width:70px;height:70px}}

.cosmo-authors-poets-lead{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:34px 0;padding:28px;border-top:1px solid var(--line,#ddd);border-bottom:1px solid var(--line,#ddd);background:#fff}.cosmo-authors-poets-lead h2{margin:.2rem 0 .4rem;font-family:Georgia,serif}.cosmo-authors-poets-lead p{margin:0;max-width:700px;color:#444;line-height:1.6}@media(max-width:800px){.cosmo-authors-poets-lead{display:block}.cosmo-authors-poets-lead .button{display:inline-block;margin-top:15px}}

/* Authors & Poets — mobile-safe directory and dedicated author profiles */
.author-directory-grid{width:100%;box-sizing:border-box}
.author-directory-card{min-width:0;box-sizing:border-box;overflow:hidden}
.author-directory-copy{min-width:0}
.author-directory-copy h2,.author-directory-copy p{overflow-wrap:anywhere}
.author-page{max-width:1000px;margin:0 auto;padding:34px 18px 70px;box-sizing:border-box}
.author-breadcrumb{font-size:13px;color:#777;margin-bottom:20px}
.author-breadcrumb a{color:#9a7425;text-decoration:none}
.author-profile-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;border-top:1px solid #d8c99f;border-bottom:1px solid #d8c99f;padding:30px 0;margin-bottom:38px}
.author-profile-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:1px solid #d8d0bf;background:#f7f5ef;display:grid;place-items:center;font:700 36px Georgia,serif;color:#8a681f}
.author-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.author-profile-copy h1{font:700 clamp(38px,6vw,60px)/1.05 Georgia,serif;color:#111;margin:7px 0 12px}
.author-profile-copy p{max-width:720px;color:#555;font:18px/1.7 Georgia,serif;margin:0}
.author-works-section h2{font:700 34px/1.15 Georgia,serif;color:#111;margin:8px 0 22px}
.author-works-list{display:grid;gap:1px;background:#d8c99f;border:1px solid #d8c99f}
.author-work{background:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;min-width:0}
.author-work>div{min-width:0}
.author-work>div>span{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#a07825}
.author-work h3{font:700 23px/1.25 Georgia,serif;margin:6px 0 0;overflow-wrap:anywhere}
.author-work h3 a{color:#111;text-decoration:none}
.author-work .read-link{white-space:nowrap}
.author-empty{color:#666;font-size:16px}
@media(max-width:700px){
 .author-page{padding:24px 14px 55px;width:100%;overflow:hidden}
 .author-directory-grid{grid-template-columns:1fr!important;gap:14px}
 .author-directory-card{grid-template-columns:58px minmax(0,1fr)!important;width:100%;padding:14px!important;gap:12px!important}
 .author-directory-avatar{width:58px!important;height:58px!important}
 .author-directory-copy h2{font-size:20px;line-height:1.2}
 .author-directory-copy p{font-size:14px;line-height:1.5}
 .author-profile-hero{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:22px 0;margin-bottom:28px}
 .author-profile-avatar{width:82px;height:82px;font-size:24px}
 .author-profile-copy h1{font-size:32px;line-height:1.08}
 .author-profile-copy p{font-size:15px;line-height:1.55}
 .author-works-section h2{font-size:28px}
 .author-work{display:block;padding:17px}
 .author-work .read-link{margin-top:12px}
}

/* COSMO v1.50 — MOBILE ONLY: Authors & Poets pages. No other layout/settings changed. */
@media (max-width: 700px){
  /* Directory page only */
  .cosmo-authors-poets-page{
    width:100%!important; max-width:none!important; margin:0!important;
    padding-left:12px!important; padding-right:12px!important;
    box-sizing:border-box!important; overflow-x:hidden!important;
  }
  .cosmo-authors-poets-page .category-intro{
    width:100%!important; max-width:none!important;
    margin-left:0!important; margin-right:0!important;
    padding-left:0!important; padding-right:0!important;
    box-sizing:border-box!important;
  }
  .cosmo-authors-poets-page .author-directory-grid{
    display:grid!important; grid-template-columns:minmax(0,1fr)!important;
    width:100%!important; max-width:none!important;
    gap:12px!important; margin-left:0!important; margin-right:0!important;
    box-sizing:border-box!important;
  }
  .cosmo-authors-poets-page .author-directory-card{
    display:grid!important; grid-template-columns:56px minmax(0,1fr)!important;
    width:100%!important; max-width:none!important; min-width:0!important;
    margin:0!important; padding:13px!important; gap:12px!important;
    box-sizing:border-box!important; overflow:hidden!important;
  }
  .cosmo-authors-poets-page .author-directory-avatar{
    width:56px!important; height:56px!important; min-width:56px!important;
    box-sizing:border-box!important;
  }
  .cosmo-authors-poets-page .author-directory-copy{
    width:auto!important; min-width:0!important; max-width:none!important;
  }
  .cosmo-authors-poets-page .author-directory-copy h2{
    font-size:19px!important; line-height:1.2!important;
    margin:0 0 6px!important; overflow-wrap:anywhere!important; word-break:normal!important;
  }
  .cosmo-authors-poets-page .author-directory-copy p{
    font-size:13.5px!important; line-height:1.48!important;
    margin:0 0 9px!important; overflow-wrap:anywhere!important;
  }
  .cosmo-authors-poets-page .author-directory-copy .read-link{
    white-space:normal!important; display:inline-block!important;
  }
  .cosmo-authors-poets-page .subnav{
    width:100%!important; max-width:none!important;
    box-sizing:border-box!important; overflow:hidden!important;
  }

  /* Individual author/poet page only */
  .cosmo-author-detail-page{
    width:100%!important; max-width:none!important; margin:0!important;
    padding:22px 12px 55px!important; box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .cosmo-author-detail-page .author-breadcrumb{
    width:100%!important; max-width:none!important;
    overflow-wrap:anywhere!important; box-sizing:border-box!important;
  }
  .cosmo-author-detail-page .author-profile-hero{
    display:grid!important; grid-template-columns:68px minmax(0,1fr)!important;
    width:100%!important; max-width:none!important; min-width:0!important;
    gap:12px!important; padding:18px 0!important; margin:0 0 24px!important;
    box-sizing:border-box!important; align-items:center!important;
  }
  .cosmo-author-detail-page .author-profile-avatar{
    width:68px!important; height:68px!important; min-width:68px!important;
    box-sizing:border-box!important; font-size:21px!important;
  }
  .cosmo-author-detail-page .author-profile-copy{
    min-width:0!important; width:auto!important; max-width:none!important;
  }
  .cosmo-author-detail-page .author-profile-copy h1{
    font-size:28px!important; line-height:1.08!important;
    margin:4px 0 8px!important; overflow-wrap:anywhere!important;
  }
  .cosmo-author-detail-page .author-profile-copy p{
    max-width:none!important; width:100%!important;
    font-size:14px!important; line-height:1.5!important;
    overflow-wrap:anywhere!important;
  }
  .cosmo-author-detail-page .author-works-section{
    width:100%!important; max-width:none!important; min-width:0!important;
    box-sizing:border-box!important; overflow:hidden!important;
  }
  .cosmo-author-detail-page .author-works-section h2{
    font-size:25px!important; line-height:1.15!important;
    margin:7px 0 16px!important; overflow-wrap:anywhere!important;
  }
  .cosmo-author-detail-page .author-works-list{
    width:100%!important; max-width:none!important; min-width:0!important;
    box-sizing:border-box!important;
  }
  .cosmo-author-detail-page .author-work{
    display:block!important; width:100%!important; max-width:none!important;
    min-width:0!important; padding:14px!important; box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .cosmo-author-detail-page .author-work h3{
    font-size:19px!important; line-height:1.28!important;
    overflow-wrap:anywhere!important; word-break:normal!important;
  }
  .cosmo-author-detail-page .author-work .read-link{
    display:inline-block!important; margin-top:9px!important;
    white-space:normal!important;
  }
}


/* v1.51 — MOBILE ONLY: fit the existing Cosmo logo on Authors & Poets pages.
   No other pages, desktop layout, navigation, or site settings are changed. */
@media (max-width: 700px){
  body.cosmo-author-mobile-page .site-header .site-brand{
    width:100%!important; max-width:100%!important; margin:0!important;
    padding:8px 10px 6px!important; box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.cosmo-author-mobile-page .site-header .site-brand a{
    display:block!important; width:100%!important; max-width:100%!important;
    margin:0!important; padding:0!important;
  }
  body.cosmo-author-mobile-page .site-header .site-brand img{
    display:block!important; width:100%!important; max-width:100%!important;
    height:auto!important; max-height:none!important;
    margin:0 auto!important; padding:0!important; object-fit:contain!important;
    box-sizing:border-box!important;
  }
}

/* COSMO v1.52 — AUTHORS & POETS MOBILE NAV ONLY
   Do not alter the navigation on any other Cosmo page. */
@media (max-width:800px){
  
  
  
  
}


/* v1.54 — Author/Poet work labels: keep full category names visible on mobile. */
@media (max-width:700px){
  .cosmo-author-detail-page .author-work>div>span{display:inline-block!important;white-space:nowrap!important;overflow:visible!important;width:auto!important;max-width:none!important;}
}


/* COSMO v1.58 — HOMEPAGE MOBILE FIT ONLY
   Target: the existing homepage at phone widths.
   Preserve the desktop layout, branding, content and navigation structure. */
@media (max-width: 800px){
  body.cosmo-home{width:100%;max-width:100%;overflow-x:hidden!important;}
  body.cosmo-home .masthead,
  body.cosmo-home main,
  body.cosmo-home footer{width:100%;max-width:100%;min-width:0;}

  /* Mobile menu: remove the small horizontal offset without changing its style. */
  
  
  
  

  /* Every homepage module must stay inside the phone viewport. */
  body.cosmo-home .quote,
  body.cosmo-home .ad-slot,
  body.cosmo-home .hero-grid,
  body.cosmo-home .category-grid,
  body.cosmo-home .section,
  body.cosmo-home .two-col,
  body.cosmo-home .feature-row{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  body.cosmo-home .quote{margin-left:0!important;margin-right:0!important;}
  body.cosmo-home .ad-slot{margin-left:0!important;margin-right:0!important;}
  body.cosmo-home .section{padding-left:18px!important;padding-right:18px!important;}

  /* Side stories: keep the magazine's two-column treatment, but never crop the
     supplied editorial illustration horizontally on a narrow screen. */
  body.cosmo-home .side-stories article{
    grid-template-columns:minmax(0,36%) minmax(0,64%)!important;
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    align-items:start!important;
  }
  body.cosmo-home .side-stories img{
    width:100%!important;max-width:100%!important;height:auto!important;
    aspect-ratio:16/9!important;object-fit:contain!important;
    object-position:center!important;min-width:0!important;display:block!important;
    background:#f3f3f3!important;
  }
  body.cosmo-home .side-stories article>div{
    min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
  }
  body.cosmo-home .side-stories h3,
  body.cosmo-home .side-stories p{overflow-wrap:anywhere!important;}

  /* Homepage feature cards: retain the existing side-by-side magazine layout,
     while making the image column fully visible instead of cropping it. */
  body.cosmo-home .feature-row article{
    grid-template-columns:minmax(0,36%) minmax(0,64%)!important;
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    align-items:start!important;
  }
  body.cosmo-home .feature-row img{
    width:100%!important;max-width:100%!important;height:auto!important;
    aspect-ratio:16/10!important;object-fit:contain!important;
    object-position:center!important;min-width:0!important;display:block!important;
    background:#f3f3f3!important;
  }
  body.cosmo-home .feature-row article>div{
    min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
  }
  body.cosmo-home .feature-row h2,
  body.cosmo-home .feature-row p{overflow-wrap:anywhere!important;}

  body.cosmo-home .article-list article{
    grid-template-columns:minmax(92px,28%) minmax(0,72%)!important;
    min-width:0!important;max-width:100%!important;
  }
  body.cosmo-home .article-list img{max-width:100%!important;min-width:0!important;}
  body.cosmo-home .article-list div,
  body.cosmo-home .popular,
  body.cosmo-home .popular ol{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;}
  body.cosmo-home .section-head{min-width:0!important;max-width:100%!important;}
  body.cosmo-home .section-head h2,
  body.cosmo-home .section-head span{min-width:0!important;overflow-wrap:anywhere!important;}
}

@media (max-width:560px){
  body.cosmo-home .side-stories article{grid-template-columns:minmax(0,38%) minmax(0,62%)!important;}
  body.cosmo-home .feature-row article{grid-template-columns:minmax(0,38%) minmax(0,62%)!important;}
  body.cosmo-home .side-stories img{aspect-ratio:1.15!important;}
  body.cosmo-home .feature-row img{aspect-ratio:1.05!important;}
  body.cosmo-home .side-stories div{padding:11px!important;}
  body.cosmo-home .feature-row div{padding:14px!important;}
}

/* COSMO v1.59 — UNIFORM MOBILE FIT
   Mobile-only safety layer for every Cosmo page.
   No desktop styles, content, branding, links, SEO or page structure are changed.
   Adds a small, consistent side margin and prevents horizontal overflow. */
@media (max-width: 800px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  *, *::before, *::after{box-sizing:border-box;}

  img, svg, video, iframe{
    max-width:100%!important;
  }

  /* Same small breathing space on every page. */
  

  

  

  

  /* Main content gets the same small side margin on every page. */
  body > main,
  main{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:10px!important;
    margin-right:10px!important;
    box-sizing:border-box!important;
  }

  /* Keep all common page modules inside their parent width. */
  main section,
  main article,
  main aside,
  main .section,
  main .category-page,
  main .category-stories,
  main .category-grid,
  main .hero-grid,
  main .feature-row,
  main .news-grid,
  main .art-grid,
  main .side-stories,
  main .article-list,
  main .popular,
  main .classics-grid,
  main .poem-library-grid,
  main .author-directory-grid,
  main .author-works-list{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Grid/flex children must be allowed to shrink rather than push the page sideways. */
  main > *,
  main section > *,
  main article > *,
  main aside > *{
    min-width:0!important;
  }

  /* Long titles, labels and links must wrap on narrow screens. */
  main h1,
  main h2,
  main h3,
  main h4,
  main p,
  main a,
  main span,
  main li{
    max-width:100%;
    overflow-wrap:anywhere;
  }

  /* Ad placeholders and other wide utility blocks stay inside the same margin. */
  .ad-slot,
  .cosmo-auto-ad-slot{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Do not let author/poet page's existing mobile layout lose its internal padding. */
  .cosmo-author-detail-page,
  .cosmo-authors-poets-page{
    overflow-x:hidden!important;
  }
}

/* COSMO v1.60 — UNIFORM MOBILE NAVIGATION ALIGNMENT
   Mobile only. Keep the same small side margin on every page and remove
   page-specific inner offsets. No desktop layout or site content changes. */
@media (max-width:800px){
  

  

  
}

/* COSMO v1.61 — AUTHOR / POET DESKTOP LOGO CONSISTENCY
   Desktop only. Keep the same logo scale as the main Cosmo header.
   Does not alter mobile rules or any other page layout/content. */
@media (min-width:801px){
  body.cosmo-author-mobile-page .site-header .site-brand{
    width:100%!important; max-width:100%!important; margin:0 auto!important;
    padding:0!important; box-sizing:border-box!important; text-align:center!important;
  }
  body.cosmo-author-mobile-page .site-header .site-brand a{
    display:block!important; width:100%!important; max-width:100%!important;
    margin:0 auto!important; padding:0!important; text-align:center!important;
  }
  body.cosmo-author-mobile-page .site-header .site-brand img{
    display:block!important; width:min(760px,86vw)!important; max-width:760px!important;
    height:auto!important; max-height:190px!important; margin:0 auto!important;
    padding:0!important; object-fit:contain!important; box-sizing:border-box!important;
  }
}

/* COSMO SEARCH LINK — styling only; no layout/menu changes */




/* Cosmo article sharing — compact, layout-preserving */
.cosmo-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 8px;padding:12px 0;border-top:1px solid #d4a43c;border-bottom:1px solid #ddd}
.cosmo-share-label{font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#8b6a25;margin-right:4px}
.cosmo-share a,.cosmo-share button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #c8a04a;background:#fff;color:#171717;font:700 12px/1 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;border-radius:2px;transition:background .18s ease,color .18s ease,border-color .18s ease}
.cosmo-share a:hover,.cosmo-share button:hover{background:#c99b35;color:#090909;border-color:#9f7824}
.cosmo-share .share-whatsapp{border-color:#6aa86a}.cosmo-share .share-facebook{border-color:#7189bd}.cosmo-share .share-x{border-color:#777}.cosmo-share .share-linkedin{border-color:#6d9db8}
.cosmo-share-status{font-size:12px;color:#777;margin-left:2px}
@media(max-width:600px){.cosmo-share{gap:6px}.cosmo-share-label{width:100%;margin-bottom:2px}.cosmo-share a,.cosmo-share button{min-height:32px;padding:7px 10px;font-size:11px}}


/* COSMO SOCIAL SHARING v1.65.2 — compact controls only */


.cosmo-share a,.cosmo-share button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #c8a04a;background:#fff;color:#171717;font:700 12px/1 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;border-radius:2px}



/* COSMO v1.90 — editorial engagement & discussion
   Native WordPress comments + Jetpack Likes/Comments when enabled. */
.cosmo-engagement{margin:58px auto 18px;padding:0;max-width:920px;font-family:Arial,Helvetica,sans-serif;color:#171717}
.cosmo-engagement-rule{height:2px;background:#171717;margin-bottom:24px;position:relative}
.cosmo-engagement-rule:after{content:"";display:block;width:72px;height:2px;background:#c79a35;position:absolute;left:0;top:0}
.cosmo-engagement-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.cosmo-engagement-kicker,.cosmo-comments-kicker{display:block;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#9a7428;margin-bottom:7px}
.cosmo-engagement-head h2{margin:0;font:500 28px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.2px}
.cosmo-engagement-note{font:12px/1.4 Arial,Helvetica,sans-serif;color:#777;text-align:right}
.cosmo-engagement-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;padding:8px;border:1px solid #dedede;background:#faf9f6;box-shadow:0 1px 0 rgba(0,0,0,.02);width:100%}
.cosmo-stat,.cosmo-like-button,.cosmo-jetpack-like{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:0;width:100%;box-sizing:border-box}
.cosmo-stat{padding:7px 5px;color:#3a3a3a;text-decoration:none;border-right:1px solid #ddd;white-space:normal}
.cosmo-stat:last-child{border-right:0}
.cosmo-stat-icon{font-size:14px;color:#9a7428;line-height:1}
.cosmo-stat-number{font-weight:700;color:#171717}
.cosmo-stat-label{color:#777;font-size:12px}
.cosmo-like-button{justify-content:center;padding:7px 5px;border:1px solid #c79a35;background:#c79a35;color:#171717;font:700 12px/1 Arial,Helvetica,sans-serif;cursor:pointer;border-radius:0;transition:all .18s ease}
.cosmo-like-button:hover,.cosmo-like-button.is-liked{background:#b88b2f;border-color:#b88b2f;color:#171717}
.cosmo-like-button:disabled{opacity:.65;cursor:default}
.cosmo-jetpack-like{padding:0 7px}
.cosmo-jetpack-like .sd-like{margin:0!important;min-height:38px!important}
.cosmo-jetpack-like .sd-like a{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:7px 14px!important;border:1px solid #1f1f1f!important;background:#1f1f1f!important;color:#fff!important;border-radius:0!important;text-decoration:none!important;font:700 12px/1 Arial,Helvetica,sans-serif!important;box-sizing:border-box!important}
.cosmo-jetpack-like .sd-like a:hover{background:#c79a35!important;border-color:#c79a35!important;color:#111!important}
.cosmo-jetpack-like iframe{max-width:100%}
.cosmo-comments{margin-top:44px}
.cosmo-comments-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #d8d8d8;padding-bottom:12px;margin-bottom:4px}
.cosmo-comments-heading h3{margin:0;font:500 27px/1.15 Georgia,"Times New Roman",serif}
.cosmo-comment-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border:1px solid #c79a35;border-radius:50%;box-sizing:border-box;font:700 12px/1 Arial,Helvetica,sans-serif;color:#171717}
.cosmo-comments-list{border-top:0}
.cosmo-comment{padding:22px 0;border-bottom:1px solid #e6e6e6}
.cosmo-comment-card{display:flex;gap:15px;align-items:flex-start}
.cosmo-comment-avatar-wrap{flex:0 0 52px}
.cosmo-comment-avatar{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover;border:1px solid #ddd}
.cosmo-comment-content{min-width:0;flex:1}
.cosmo-comment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}
.cosmo-comment-author{display:block;font:700 13px/1.3 Arial,Helvetica,sans-serif;color:#171717}
.cosmo-comment-date{display:block;margin-top:3px;font:11px/1.3 Arial,Helvetica,sans-serif;color:#8a8a8a}
.cosmo-comment-text{font:16px/1.7 Georgia,"Times New Roman",serif;color:#292929}
.cosmo-comment-text p{margin:0 0 9px}
.cosmo-comment-actions{margin-top:10px}
.cosmo-comment-actions a{color:#9a7428;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px}
.cosmo-comment-actions a:hover{text-decoration:underline}
.cosmo-no-comments{display:flex;flex-direction:column;gap:4px;padding:22px 0;border-bottom:1px solid #e6e6e6;font:14px/1.5 Arial,Helvetica,sans-serif;color:#777}
.cosmo-no-comments strong{color:#222;font-size:15px}
.cosmo-comment-form{margin-top:38px;padding:28px 28px 30px;border:1px solid #dedede;background:#faf9f6}
.cosmo-comment-form .comment-reply-title{margin:0 0 8px;font:500 25px/1.2 Georgia,"Times New Roman",serif;color:#171717}
.cosmo-comment-form .comment-reply-title small a{float:right;color:#9a7428;font:700 10px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px;text-decoration:none}
.cosmo-comment-form p{margin:0 0 14px}
.cosmo-comment-form label{display:block;margin-bottom:7px;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#777}
.cosmo-comment-form input[type=text],.cosmo-comment-form input[type=email],.cosmo-comment-form input[type=url],.cosmo-comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #d2d2d2;border-radius:0;background:#fff;color:#171717;padding:12px 13px;font:15px/1.55 Georgia,"Times New Roman",serif;outline:none}
.cosmo-comment-form textarea{min-height:150px;resize:vertical}
.cosmo-comment-form input:focus,.cosmo-comment-form textarea:focus{border-color:#9a7428;box-shadow:0 0 0 2px rgba(199,154,53,.12)}
.cosmo-comment-form .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font:11px/1.5 Arial,Helvetica,sans-serif;color:#777}
.cosmo-comment-form .comment-form-cookies-consent label{display:inline;margin:0;font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:#777}
.cosmo-comment-form .cosmo-comment-note{font:12px/1.5 Arial,Helvetica,sans-serif;color:#777;margin-bottom:18px}
.cosmo-comment-submit{display:inline-flex;align-items:center;justify-content:center;border:0;border-bottom:2px solid #8d6820;background:#1f1f1f;color:#fff;padding:12px 19px;font:700 11px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;border-radius:0}
.cosmo-comment-submit:hover{background:#c79a35;color:#111;border-color:#8d6820}
.cosmo-comment-form .logged-in-as{font:11px/1.5 Arial,Helvetica,sans-serif;color:#777}
.cosmo-comment-form .logged-in-as a{color:#9a7428}
@media(max-width:600px){
  .cosmo-engagement{margin-top:42px}
  .cosmo-engagement-head{align-items:flex-start;flex-direction:column;gap:7px}
  .cosmo-engagement-head h2{font-size:25px}
  .cosmo-engagement-note{text-align:left}
  .cosmo-engagement-bar{padding:8px;gap:5px}
  .cosmo-stat{padding:7px 8px}
  .cosmo-jetpack-like{padding:0 3px}
  .cosmo-comments{margin-top:34px}
  .cosmo-comment{padding:18px 0}
  .cosmo-comment-card{gap:11px}
  .cosmo-comment-avatar-wrap,.cosmo-comment-avatar{flex-basis:42px;width:42px!important;height:42px!important}
  .cosmo-comment-text{font-size:15px;line-height:1.65}
  .cosmo-comment-form{margin-top:30px;padding:22px 18px 24px}
}

/* v1.95: make News section link real and editorial */
.section-head-link{color:#8a671e;text-decoration:none;font-family:inherit;font-weight:500;white-space:nowrap}
.section-head-link:hover,.section-head-link:focus{text-decoration:underline;text-underline-offset:4px}


/* COSMO v1.97 — elegant universal search */




.search-page-form{max-width:920px;margin:34px auto 18px;padding:22px;background:#fff;border:1px solid #ddd5c4;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.search-page-form label{display:block;margin-bottom:10px;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:2px;color:#947126;text-transform:uppercase}
.search-page-row{display:flex;align-items:center;gap:0;border:1px solid #cfc7b8;background:#fff;min-height:58px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.search-page-icon{padding-left:17px;color:#a27b22;font-size:24px;line-height:1}
.search-page-row input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#111!important;padding:15px 14px;font:17px Georgia,serif}
.search-page-row input::placeholder{color:#888}
.search-page-row button{align-self:stretch;border:0;background:#171717;color:#fff;padding:0 24px;font:700 13px Arial,Helvetica,sans-serif;letter-spacing:.5px;cursor:pointer;transition:background .2s ease}
.search-page-row button:hover,.search-page-row button:focus-visible{background:#a27b22}
#searchStatus{max-width:920px;margin:12px auto 0;color:#777;font-size:14px}
.search-result-card{border-top:1px solid #ddd5c4!important;padding:24px 0!important;background:#fff!important}
.search-result-card h2{margin:7px 0 8px}
.search-result-card h2 a{text-decoration:none}
.search-result-card>div>span{font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:1.7px;color:#9a7728}
@media(max-width:560px){.search-page-form{margin:25px 0 15px;padding:16px}.search-page-row{min-height:54px}.search-page-row input{font-size:16px;padding:14px 9px}.search-page-row button{padding:0 16px}.search-page-icon{padding-left:12px}}

/* COSMO v2.16 — Translation credits + clean literary cards */
.cosmo-card-credits{display:flex;flex-wrap:wrap;gap:6px 16px;margin:2px 0 8px;color:#555!important;font:600 12px/1.45 Arial,Helvetica,sans-serif}
.cosmo-card-credit{color:#555!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important}
.cosmo-card-author{font-weight:700!important;color:#111!important}
.cosmo-card-author::first-line{font-weight:700!important}
.cosmo-live-card>div>span:first-child{letter-spacing:.12em!important;color:#8b691f!important}
.literary-marker{display:block!important;height:11px!important;line-height:11px!important}


/* Cosmo editorial credits */
.cosmo-editorial-credits{margin:24px 0 28px;padding:0 0 22px 18px;border-left:3px solid #a8893b;border-bottom:1px solid #d9c98f;}
.cosmo-credit-author{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.15;font-weight:700;color:#111;margin-bottom:10px;}
.cosmo-credit-author span{color:#a07d2d;}
.cosmo-credit-secondary{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.45;font-weight:400;color:#222;margin-top:4px;}
.cosmo-credit-secondary span{font-weight:700;color:#8b6f2a;}
.cosmo-standard-meta{display:flex;gap:14px;color:#888;font:13px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px;}
@media(max-width:600px){.cosmo-editorial-credits{margin:20px 0 24px;padding-left:14px;padding-bottom:18px}.cosmo-credit-author{font-size:25px}.cosmo-credit-secondary{font-size:16px}.cosmo-standard-meta{font-size:11px}}

/* V3.6 homepage live editorial fill — preserves existing layout */
.home-empty{grid-column:1/-1;padding:28px 8px;color:#777;font:15px Georgia,serif;text-align:center;border:1px dashed #ddd2b7;background:#fff}
#homeArtGrid article,#homeDepartmentGrid article{min-height:0}



/* Theme 7 canonical mobile navigation */
@media(max-width:900px){}
@media(min-width:901px){}


/* COSMO Theme 8: canonical mobile menu after duplicate-wrapper consolidation */
@media (max-width: 900px) {
  
  
  
  
  
}
@media (min-width: 901px) {  }


/* COSMO THEME 9 — focused mobile navigation containment fix.
   Keep the approved white editorial design; prevent Search/Quotes links and
   the menu toggle from widening the viewport on narrow screens. */
html, body { max-width:100%; overflow-x:clip; }
*, *::before, *::after { box-sizing:border-box; }



@media (max-width:900px) {
  
  
  
  
  
  .quote { max-width:calc(100% - 20px)!important; }
}
@media (max-width:380px) {
  
  
}


/* COSMO THEME 10 — final scoped navigation sizing correction.
   Only navigation presentation is changed; page content and layout are untouched. */
@media (max-width: 900px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden!important; }
  
  
  
  
  
  
  
  
}
@media (min-width: 901px) {
  
  
}


/* COSMO UNIFIED NAVIGATION — single authoritative responsive ruleset.
   Shared selectors cover static pages and PHP-rendered live posts. */










@media (min-width:901px) {
  
  
  
  
}
@media (max-width:900px) {
  
  
  
  
  
  
  
  
  
  
}

/* Consistent engagement/comment section sizing on standalone and WordPress-rendered articles. */
.cosmo-engagement, .cosmo-engagement * { box-sizing:border-box !important; }
.cosmo-engagement { width:100% !important; max-width:920px !important; min-width:0 !important; margin-left:auto !important; margin-right:auto !important; }
.cosmo-comments, .cosmo-comments-list, .cosmo-comment-form { width:100% !important; max-width:100% !important; min-width:0 !important; }
.cosmo-comments-list img, .cosmo-comment-form input, .cosmo-comment-form textarea { max-width:100% !important; }
@media(max-width:600px) { .cosmo-engagement { margin-top:36px !important; padding-left:0 !important; padding-right:0 !important; } .cosmo-engagement-bar { width:100% !important; } .cosmo-comment-form { padding:18px 14px 20px !important; } }


/* COSMO 54 — canonical cross-renderer navigation + engagement sizing.
   This is the final authoritative layer for static HTML and live WordPress renderer markup. */


@media (max-width: 900px) {
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (min-width: 901px) {
  
  
  
}
/* Engagement is a single bounded component on every post renderer. */
.cosmo-engagement { box-sizing:border-box !important; width:calc(100% - 32px) !important; max-width:920px !important; min-width:0 !important; margin-left:auto !important; margin-right:auto !important; }
.cosmo-engagement, .cosmo-engagement * { box-sizing:border-box !important; }
.cosmo-engagement-bar { display:flex !important; flex-wrap:wrap !important; align-items:center !important; max-width:100% !important; }
.cosmo-comments, .cosmo-comments-list, .cosmo-comment-form { width:100% !important; max-width:100% !important; min-width:0 !important; }
@media(max-width:600px) { .cosmo-engagement { width:calc(100% - 28px) !important; margin-top:32px !important; } .cosmo-engagement-head h2 { font-size:24px !important; } .cosmo-comment-form { padding:18px 14px !important; } }


/* COSMO 55 — audited canonical mobile navigation presentation.
   This is intentionally limited to navigation; editorial layout is untouched. */













@media(max-width:900px) {
  
  
  
  
  
  
  
  
  
  
  
}
@media(min-width:901px) {
  
  
}


/* COSMO CANONICAL NAVIGATION — single source of truth. Previous nav-specific selectors were consolidated here. */
nav.nav, nav.cosmo-primary-nav, nav[aria-label="Primary navigation"] {
  position:relative !important; display:block !important; width:100% !important; max-width:100% !important;
  box-sizing:border-box !important; margin:0 !important; padding:0 !important; overflow:visible !important;
  background:#fff !important; color:#171717 !important; border-top:1px solid #eee8dc !important;
  border-bottom:1px solid #d8bd7a !important; box-shadow:0 2px 10px rgba(0,0,0,.05) !important;
  z-index:50;
}
nav.nav > .nav-toggle, nav.cosmo-primary-nav > .nav-toggle, nav[aria-label="Primary navigation"] > .nav-toggle {
  display:none !important; align-items:center !important; justify-content:space-between !important; gap:12px !important;
  width:100% !important; min-width:0 !important; min-height:48px !important; box-sizing:border-box !important;
  margin:0 !important; padding:12px 16px !important; border:0 !important; border-radius:0 !important;
  background:#fff !important; color:#171717 !important; font:700 16px/1.2 Georgia,"Times New Roman",serif !important;
  text-align:left !important; cursor:pointer !important; box-shadow:none !important;
}
nav.nav > .nav-toggle:focus-visible, nav.cosmo-primary-nav > .nav-toggle:focus-visible { outline:2px solid #b58a2b !important; outline-offset:-3px !important; }
nav.nav > .nav-toggle .cosmo-menu-icon, nav.cosmo-primary-nav > .nav-toggle .cosmo-menu-icon { font:700 22px/1 Arial,sans-serif !important; color:#8a681f !important; }
nav.nav > .nav-links, nav.cosmo-primary-nav > .nav-links, nav[aria-label="Primary navigation"] > .nav-links {
  display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important;
  justify-content:center !important; width:100% !important; min-width:0 !important; box-sizing:border-box !important;
  margin:0 !important; padding:0 8px !important; gap:0 !important; background:#fff !important; border:0 !important;
}
nav.nav .nav-links > a, nav.cosmo-primary-nav .nav-links > a, nav[aria-label="Primary navigation"] .nav-links > a {
  display:block !important; box-sizing:border-box !important; min-width:0 !important; margin:0 !important;
  padding:13px 15px !important; border:0 !important; border-right:1px solid #eee8dc !important; border-radius:0 !important;
  background:#fff !important; color:#171717 !important; font:700 15px/1.25 Georgia,"Times New Roman",serif !important;
  text-decoration:none !important; text-align:center !important; white-space:normal !important; overflow-wrap:anywhere !important;
}
nav.nav .nav-links > a:hover, nav.cosmo-primary-nav .nav-links > a:hover,
nav.nav .nav-links > a:focus-visible, nav.cosmo-primary-nav .nav-links > a:focus-visible,
nav.nav .nav-links > a.active, nav.cosmo-primary-nav .nav-links > a.active { background:#faf6eb !important; color:#8a681f !important; }
nav.nav .nav-dropdown, nav.cosmo-primary-nav .nav-dropdown { display:block !important; position:relative !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
nav.nav .nav-parent-row, nav.cosmo-primary-nav .nav-parent-row { display:flex !important; align-items:stretch !important; min-width:0 !important; }
nav.nav .nav-parent-row > .nav-parent, nav.cosmo-primary-nav .nav-parent-row > .nav-parent { flex:1 1 auto !important; }
nav.nav .nav-submenu-toggle, nav.cosmo-primary-nav .nav-submenu-toggle {
  display:none !important; align-items:center !important; justify-content:center !important; min-width:38px !important;
  padding:0 8px !important; border:0 !important; background:#fff !important; color:#8a681f !important; cursor:pointer !important;
}
nav.nav .nav-dropdown > .nav-submenu, nav.cosmo-primary-nav .nav-dropdown > .nav-submenu {
  display:none !important; position:absolute !important; top:100% !important; left:0 !important; z-index:60 !important;
  flex-direction:column !important; min-width:210px !important; max-width:90vw !important; margin:0 !important; padding:5px !important;
  background:#fff !important; border:1px solid #e3d6b8 !important; box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
}
nav.nav .nav-dropdown:hover > .nav-submenu, nav.cosmo-primary-nav .nav-dropdown:hover > .nav-submenu,
nav.nav .nav-dropdown:focus-within > .nav-submenu, nav.cosmo-primary-nav .nav-dropdown:focus-within > .nav-submenu,
nav.nav .nav-dropdown.submenu-open > .nav-submenu, nav.cosmo-primary-nav .nav-dropdown.submenu-open > .nav-submenu { display:flex !important; }
nav.nav .nav-submenu > a, nav.cosmo-primary-nav .nav-submenu > a { display:block !important; padding:10px 12px !important; border:0 !important; text-align:left !important; font:14px/1.3 Arial,sans-serif !important; }
@media (max-width:900px) {
  nav.nav > .nav-toggle, nav.cosmo-primary-nav > .nav-toggle, nav[aria-label="Primary navigation"] > .nav-toggle { display:flex !important; }
  nav.nav > .nav-links, nav.cosmo-primary-nav > .nav-links, nav[aria-label="Primary navigation"] > .nav-links {
    display:none !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important;
    justify-content:flex-start !important; max-height:calc(100vh - 120px) !important; max-height:calc(100dvh - 120px) !important;
    overflow-x:hidden !important; overflow-y:auto !important; padding:0 !important; border-top:1px solid #e8ddc4 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
  }
  nav.nav.nav-open > .nav-links, nav.cosmo-primary-nav.nav-open > .nav-links, nav[aria-label="Primary navigation"].nav-open > .nav-links { display:flex !important; }
  nav.nav .nav-links > a, nav.cosmo-primary-nav .nav-links > a, nav[aria-label="Primary navigation"] .nav-links > a {
    width:100% !important; min-height:44px !important; padding:12px 16px !important; border-right:0 !important;
    border-bottom:1px solid #eee8dc !important; text-align:left !important; font:600 15px/1.3 Arial,sans-serif !important;
  }
  nav.nav .nav-dropdown, nav.cosmo-primary-nav .nav-dropdown, nav[aria-label="Primary navigation"] .nav-dropdown { width:100% !important; }
  nav.nav .nav-parent-row, nav.cosmo-primary-nav .nav-parent-row { width:100% !important; }
  nav.nav .nav-parent-row > .nav-parent, nav.cosmo-primary-nav .nav-parent-row > .nav-parent { flex:1 1 auto !important; text-align:left !important; }
  nav.nav .nav-submenu-toggle, nav.cosmo-primary-nav .nav-submenu-toggle { display:flex !important; flex:0 0 48px !important; width:48px !important; min-height:44px !important; border-bottom:1px solid #eee8dc !important; }
  nav.nav .nav-dropdown > .nav-submenu, nav.cosmo-primary-nav .nav-dropdown > .nav-submenu { display:none !important; position:static !important; inset:auto !important; width:100% !important; min-width:0 !important; max-width:100% !important; padding:0 0 0 12px !important; border:0 !important; box-shadow:none !important; }
  nav.nav .nav-dropdown.submenu-open > .nav-submenu, nav.cosmo-primary-nav .nav-dropdown.submenu-open > .nav-submenu { display:flex !important; flex-direction:column !important; }
  nav.nav .nav-submenu > a, nav.cosmo-primary-nav .nav-submenu > a { min-height:40px !important; padding:10px 16px !important; border-bottom:1px solid #f0eadc !important; font-size:14px !important; }
}
@media (min-width:901px) {
  nav.nav > .nav-toggle, nav.cosmo-primary-nav > .nav-toggle, nav[aria-label="Primary navigation"] > .nav-toggle { display:none !important; }
  nav.nav > .nav-links, nav.cosmo-primary-nav > .nav-links, nav[aria-label="Primary navigation"] > .nav-links { display:flex !important; }
  nav.nav .nav-submenu-toggle, nav.cosmo-primary-nav .nav-submenu-toggle { display:none !important; }
}


/* Theme 57: single-post mobile primary navigation fallback.
   Scoped to the site header so article content and desktop layout are untouched. */
@media (max-width: 900px) {
  header nav.cosmo-primary-nav, header nav.nav, header nav[aria-label="Primary navigation"],
  .site-header nav.cosmo-primary-nav, .site-header nav.nav, .site-header nav[aria-label="Primary navigation"],
  .site-branding nav.cosmo-primary-nav, .site-branding nav.nav, .site-branding nav[aria-label="Primary navigation"] {
    display:flex !important; flex-direction:column !important; align-items:stretch !important;
    width:100% !important; max-width:100% !important; overflow:visible !important;
    height:auto !important; min-height:0 !important; box-sizing:border-box !important;
    background:#fff !important; border-bottom:2px solid #c7a65a !important;
  }
  header nav.cosmo-primary-nav > .nav-toggle, header nav.nav > .nav-toggle,
  header nav[aria-label="Primary navigation"] > .nav-toggle,
  .site-header nav.cosmo-primary-nav > .nav-toggle, .site-header nav.nav > .nav-toggle,
  .site-header nav[aria-label="Primary navigation"] > .nav-toggle,
  .site-branding nav.cosmo-primary-nav > .nav-toggle, .site-branding nav.nav > .nav-toggle,
  .site-branding nav[aria-label="Primary navigation"] > .nav-toggle {
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    width:100% !important; min-height:48px !important; padding:0 18px !important;
    border:0 !important; background:#fff !important; color:#171717 !important;
    font:700 16px/1.2 Arial,sans-serif !important; text-align:left !important;
  }
  header nav.cosmo-primary-nav > .nav-links, header nav.nav > .nav-links,
  header nav[aria-label="Primary navigation"] > .nav-links,
  .site-header nav.cosmo-primary-nav > .nav-links, .site-header nav.nav > .nav-links,
  .site-header nav[aria-label="Primary navigation"] > .nav-links,
  .site-branding nav.cosmo-primary-nav > .nav-links, .site-branding nav.nav > .nav-links,
  .site-branding nav[aria-label="Primary navigation"] > .nav-links {
    display:none !important; flex-direction:column !important; width:100% !important;
    max-height:70vh !important; overflow-y:auto !important; overflow-x:hidden !important;
    background:#fff !important; border-top:1px solid #e8ddc4 !important;
  }
  header nav.cosmo-primary-nav.nav-open > .nav-links, header nav.nav.nav-open > .nav-links,
  header nav[aria-label="Primary navigation"].nav-open > .nav-links,
  .site-header nav.cosmo-primary-nav.nav-open > .nav-links, .site-header nav.nav.nav-open > .nav-links,
  .site-header nav[aria-label="Primary navigation"].nav-open > .nav-links,
  .site-branding nav.cosmo-primary-nav.nav-open > .nav-links, .site-branding nav.nav.nav-open > .nav-links,
  .site-branding nav[aria-label="Primary navigation"].nav-open > .nav-links { display:flex !important; }
  header nav.cosmo-primary-nav .nav-links > a, header nav.nav .nav-links > a,
  .site-header nav.cosmo-primary-nav .nav-links > a, .site-header nav.nav .nav-links > a,
  .site-branding nav.cosmo-primary-nav .nav-links > a, .site-branding nav.nav .nav-links > a {
    display:block !important; width:100% !important; min-height:46px !important; box-sizing:border-box !important;
    padding:14px 18px !important; border:0 !important; border-bottom:1px solid #eee8dc !important;
    text-align:left !important; white-space:normal !important; font:600 15px/1.3 Arial,sans-serif !important;
  }
}

/* COSMO AUDIT FIX 62 — one navigation system; keep existing nav markup and existing caret */
@media (max-width:900px){
 body nav.nav, body nav.cosmo-primary-nav, body nav[aria-label="Primary navigation"]{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important;box-sizing:border-box!important;margin:0!important;padding:8px 12px 10px!important;background:#fff!important;color:#171717!important;border-top:1px solid #eee7d8!important;border-bottom:2px solid #c8a24a!important;position:relative!important;z-index:1000!important}
 body nav.nav>.nav-toggle, body nav.cosmo-primary-nav>.nav-toggle, body nav[aria-label="Primary navigation"]>.nav-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:50px!important;margin:0!important;padding:12px 16px!important;border:1px solid #dfd0a9!important;border-radius:7px!important;background:#fff!important;color:#171717!important;font:700 17px/1.2 Georgia,serif!important;box-sizing:border-box!important}
 body nav.nav>.nav-links, body nav.cosmo-primary-nav>.nav-links, body nav[aria-label="Primary navigation"]>.nav-links{display:none!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-height:70vh!important;overflow-y:auto!important;margin:8px 0 0!important;padding:0!important;box-sizing:border-box!important;background:#fff!important}
 body nav.nav.nav-open>.nav-links, body nav.cosmo-primary-nav.nav-open>.nav-links, body nav[aria-label="Primary navigation"].nav-open>.nav-links{display:flex!important}
 body nav.nav .nav-links>a, body nav.nav .nav-links>.nav-dropdown>.nav-parent, body nav.nav .nav-links>.nav-dropdown>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:46px!important;padding:11px 12px!important;border:0!important;border-bottom:1px solid #eee8dc!important;background:#fff!important;color:#171717!important;white-space:normal!important}
 body nav.nav .nav-dropdown{display:block!important;position:static!important;width:100%!important}
 body nav.nav .nav-submenu{display:none!important;position:static!important;width:100%!important;margin:0!important;padding:0 0 5px 12px!important;border:0!important;border-left:2px solid #c8a24a!important;background:#fbf9f4!important;box-shadow:none!important}
 body nav.nav .nav-dropdown.submenu-open>.nav-submenu{display:flex!important;flex-direction:column!important}
 body nav.nav .nav-submenu>a{display:block!important;min-height:40px!important;padding:10px 12px!important;border-bottom:1px solid #eee8dc!important;background:#fbf9f4!important;color:#51421f!important}
}
@media (min-width:901px){body nav.nav>.nav-toggle,body nav.cosmo-primary-nav>.nav-toggle,body nav[aria-label="Primary navigation"]>.nav-toggle{display:none!important}}

/* COSMO ROOT FIX 63: selectors match script.js exactly (nav-open + submenu-open). */
@media(max-width:900px){
 body nav.nav.cosmo-primary-nav>.nav-links,
 body nav.nav.nav-open>.nav-links{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-height:70vh!important;overflow-y:auto!important;margin:8px 0 0!important;padding:0!important;box-sizing:border-box!important;background:#fff!important}
 body nav.nav:not(.nav-open)>.nav-links{display:none!important}
 body nav.nav>.nav-links>.nav-dropdown>.nav-parent-row{display:flex!important;align-items:stretch!important;width:100%!important;box-sizing:border-box!important}
 body nav.nav>.nav-links>.nav-dropdown>.nav-parent-row>.nav-parent{flex:1 1 auto!important;min-width:0!important}
 body nav.nav>.nav-links>.nav-dropdown>.nav-parent-row>.nav-submenu-toggle{flex:0 0 48px!important;width:48px!important;min-width:48px!important;min-height:46px!important;border:0!important;border-bottom:1px solid #eee8dc!important;background:#fff!important;color:#8b702c!important;font-size:18px!important}
 body nav.nav>.nav-links>.nav-dropdown>.nav-submenu{display:none!important;position:static!important;width:100%!important;margin:0!important;padding:0 0 5px 12px!important;border:0!important;border-left:2px solid #c8a24a!important;background:#fbf9f4!important;box-shadow:none!important}
 body nav.nav>.nav-links>.nav-dropdown.submenu-open>.nav-submenu{display:flex!important;flex-direction:column!important}
 body nav.nav>.nav-links>.nav-dropdown.submenu-open>.nav-parent-row>.nav-submenu-toggle span{display:inline-block;transform:rotate(180deg)}
}

/* COSMO ROOT FIX 64: closed state is hidden; only .nav-open opens the menu. */
@media (max-width:900px){
 body nav.nav.cosmo-primary-nav > .nav-links, body nav.nav > .nav-links, body nav.cosmo-primary-nav > .nav-links, body nav[aria-label="Primary navigation"] > .nav-links { display:none !important; }
 body nav.nav.nav-open > .nav-links, body nav.cosmo-primary-nav.nav-open > .nav-links, body nav[aria-label="Primary navigation"].nav-open > .nav-links { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-height:70vh !important; overflow-y:auto !important; margin:8px 0 0 !important; padding:0 !important; box-sizing:border-box !important; background:#fff !important; }
 body nav.nav .nav-parent-row { display:flex !important; align-items:stretch !important; width:100% !important; }
 body nav.nav .nav-parent-row > .nav-parent { flex:1 1 auto !important; min-width:0 !important; }
 body nav.nav .nav-parent-row > .nav-submenu-toggle { display:flex !important; flex:0 0 48px !important; width:48px !important; min-height:46px !important; align-items:center !important; justify-content:center !important; border:0 !important; border-bottom:1px solid #eee8dc !important; background:#fff !important; color:#8b702c !important; }
 body nav.nav .nav-dropdown > .nav-submenu { display:none !important; position:static !important; width:100% !important; margin:0 !important; padding:0 0 5px 12px !important; border:0 !important; border-left:2px solid #c8a24a !important; background:#fbf9f4 !important; box-shadow:none !important; }
 body nav.nav .nav-dropdown.submenu-open > .nav-submenu { display:flex !important; flex-direction:column !important; }
}
@media (min-width:901px){ body nav.nav > .nav-toggle, body nav.cosmo-primary-nav > .nav-toggle, body nav[aria-label="Primary navigation"] > .nav-toggle { display:none !important; } body nav.nav > .nav-links, body nav.cosmo-primary-nav > .nav-links, body nav[aria-label="Primary navigation"] > .nav-links { display:flex !important; } }


/* COSMO 65 — final canonical mobile navigation override.
 * Keep the single nav controller's state classes authoritative after all legacy CSS.
 * Scoped only to navigation; does not change editorial layout or branding.
 */
@media (max-width:900px) {
  body nav.nav.cosmo-primary-nav { display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; overflow:visible!important; box-sizing:border-box!important; position:relative!important; background:#fff!important; color:#171717!important; z-index:1000!important; }
  body nav.nav.cosmo-primary-nav > .nav-toggle { display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-height:48px!important; box-sizing:border-box!important; background:#fff!important; color:#171717!important; border:1px solid #dfd0a9!important; border-radius:7px!important; padding:12px 16px!important; }
  body nav.nav.cosmo-primary-nav:not(.nav-open) > .nav-links { display:none!important; }
  body nav.nav.cosmo-primary-nav.nav-open > .nav-links { display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; max-height:70vh!important; overflow-y:auto!important; margin:8px 0 0!important; padding:0!important; box-sizing:border-box!important; background:#fff!important; }
  body nav.nav.cosmo-primary-nav > .nav-links > a { display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-height:46px!important; box-sizing:border-box!important; padding:11px 12px!important; margin:0!important; border:0!important; border-bottom:1px solid #eee8dc!important; border-radius:0!important; background:#fff!important; color:#171717!important; white-space:normal!important; text-align:left!important; }
  body nav.nav.cosmo-primary-nav .nav-dropdown { display:block!important; position:static!important; width:100%!important; min-width:0!important; }
  body nav.nav.cosmo-primary-nav .nav-parent-row { display:flex!important; align-items:stretch!important; width:100%!important; }
  body nav.nav.cosmo-primary-nav .nav-parent-row > .nav-parent { flex:1 1 auto!important; min-width:0!important; }
  body nav.nav.cosmo-primary-nav .nav-parent-row > .nav-submenu-toggle { display:flex!important; flex:0 0 48px!important; width:48px!important; min-height:46px!important; align-items:center!important; justify-content:center!important; background:#fff!important; color:#8b702c!important; border:0!important; border-bottom:1px solid #eee8dc!important; }
  body nav.nav.cosmo-primary-nav .nav-dropdown > .nav-submenu { display:none!important; position:static!important; width:100%!important; min-width:0!important; margin:0!important; padding:0 0 5px 12px!important; border:0!important; border-left:2px solid #c8a24a!important; background:#fbf9f4!important; box-shadow:none!important; }
  body nav.nav.cosmo-primary-nav .nav-dropdown.submenu-open > .nav-submenu { display:flex!important; flex-direction:column!important; }
  body nav.nav.cosmo-primary-nav .nav-submenu > a { display:block!important; min-height:40px!important; box-sizing:border-box!important; padding:10px 12px!important; border-bottom:1px solid #eee8dc!important; background:#fbf9f4!important; color:#51421f!important; }
}
@media (min-width:901px) {
  body nav.nav.cosmo-primary-nav > .nav-toggle { display:none!important; }
  body nav.nav.cosmo-primary-nav > .nav-links { display:flex!important; }
  body nav.nav.cosmo-primary-nav .nav-submenu-toggle { display:none!important; }
}


/* COSMO NAV FIX 66 — consistent mobile row geometry across static and live renderers. */
@media (max-width:900px) {
  html body nav.nav.cosmo-primary-nav { width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; }
  html body nav.nav.cosmo-primary-nav > .nav-toggle { width:100%!important; margin:0!important; padding-left:16px!important; padding-right:16px!important; box-sizing:border-box!important; }
  html body nav.nav.cosmo-primary-nav.nav-open > .nav-links { width:100%!important; padding:0!important; margin:8px 0 0!important; align-items:stretch!important; }
  html body nav.nav.cosmo-primary-nav.nav-open > .nav-links > a,
  html body nav.nav.cosmo-primary-nav.nav-open > .nav-links > .nav-dropdown,
  html body nav.nav.cosmo-primary-nav.nav-open > .nav-links > .nav-dropdown > .nav-parent-row { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; margin:0!important; }
  html body nav.nav.cosmo-primary-nav.nav-open > .nav-links > a { display:flex!important; align-items:center!important; min-height:46px!important; padding:11px 16px!important; text-align:left!important; }
  html body nav.nav.cosmo-primary-nav.nav-open .nav-parent-row { display:flex!important; align-items:stretch!important; }
  html body nav.nav.cosmo-primary-nav.nav-open .nav-parent-row > .nav-parent { display:flex!important; flex:1 1 0!important; width:auto!important; min-width:0!important; align-items:center!important; padding:11px 16px!important; text-align:left!important; box-sizing:border-box!important; }
  html body nav.nav.cosmo-primary-nav.nav-open .nav-parent-row > .nav-submenu-toggle { flex:0 0 52px!important; width:52px!important; min-width:52px!important; max-width:52px!important; margin:0!important; box-sizing:border-box!important; }
  html body nav.nav.cosmo-primary-nav.nav-open .nav-dropdown > .nav-submenu { width:100%!important; max-width:100%!important; box-sizing:border-box!important; }
}


/* COSMO 69 — targeted mobile navigation fallback for full-read templates only.
   Preserve homepage/category styling. On singular article/poem pages, force the
   canonical mobile toggle and collapse links until the user opens the menu. */
@media (max-width: 900px) {
  body.single nav.nav.cosmo-primary-nav,
  body.single-post nav.nav.cosmo-primary-nav,
  body.single-cosmo_article nav.nav.cosmo-primary-nav,
  body.single article nav.nav,
  body.single-post article nav.nav,
  body.single-cosmo_article article nav.nav {
    display:block!important; width:100%!important; max-width:100%!important;
    min-width:0!important; height:auto!important; overflow:visible!important;
    box-sizing:border-box!important; position:relative!important;
  }
  body.single nav.nav.cosmo-primary-nav > .nav-toggle,
  body.single-post nav.nav.cosmo-primary-nav > .nav-toggle,
  body.single-cosmo_article nav.nav.cosmo-primary-nav > .nav-toggle,
  body.single article nav.nav > .nav-toggle,
  body.single-post article nav.nav > .nav-toggle,
  body.single-cosmo_article article nav.nav > .nav-toggle {
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    width:100%!important; min-height:48px!important; box-sizing:border-box!important;
    padding:12px 16px!important; background:#fff!important; color:#171717!important;
  }
  body.single nav.nav.cosmo-primary-nav:not(.nav-open) > .nav-links,
  body.single-post nav.nav.cosmo-primary-nav:not(.nav-open) > .nav-links,
  body.single-cosmo_article nav.nav.cosmo-primary-nav:not(.nav-open) > .nav-links,
  body.single article nav.nav:not(.nav-open) > .nav-links,
  body.single-post article nav.nav:not(.nav-open) > .nav-links,
  body.single-cosmo_article article nav.nav:not(.nav-open) > .nav-links {
    display:none!important;
  }
  body.single nav.nav.cosmo-primary-nav.nav-open > .nav-links,
  body.single-post nav.nav.cosmo-primary-nav.nav-open > .nav-links,
  body.single-cosmo_article nav.nav.cosmo-primary-nav.nav-open > .nav-links,
  body.single article nav.nav.nav-open > .nav-links,
  body.single-post article nav.nav.nav-open > .nav-links,
  body.single-cosmo_article article nav.nav.nav-open > .nav-links {
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    width:100%!important; max-height:70vh!important; overflow-y:auto!important;
    box-sizing:border-box!important; background:#fff!important;
  }
}


/* COSMO 70: Full-read-only mobile nav safety net.
   The Publisher uses a standalone HTML document. Use a wider cutoff on that
   document only, so a wider CSS viewport/zoom cannot leave desktop links exposed.
   The homepage and category templates are not affected. */
@media (max-width: 1200px) {
  html body.cosmo-full-read nav.cosmo-full-read-nav {
    display:block!important; width:100%!important; max-width:100%!important;
    min-width:0!important; height:auto!important; overflow:visible!important;
    box-sizing:border-box!important; position:relative!important;
    background:#fff!important; color:#171717!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle {
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    width:100%!important; min-height:50px!important; margin:0!important;
    padding:12px 16px!important; box-sizing:border-box!important;
    border:1px solid #dfd0a9!important; border-radius:7px!important;
    background:#fff!important; color:#171717!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav:not(.nav-open) > .nav-links {
    display:none!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links {
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    width:100%!important; max-height:70vh!important; overflow-y:auto!important;
    margin:8px 0 0!important; padding:0!important; box-sizing:border-box!important;
    background:#fff!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links > a,
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-parent-row > .nav-parent {
    display:flex!important; align-items:center!important; width:100%!important;
    min-width:0!important; min-height:46px!important; box-sizing:border-box!important;
    padding:11px 16px!important; border:0!important;
    border-bottom:1px solid #eee8dc!important; background:#fff!important;
    color:#171717!important; white-space:normal!important; text-align:left!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown {
    display:block!important; position:static!important; width:100%!important; min-width:0!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown > .nav-submenu {
    display:none!important; position:static!important; width:100%!important;
    margin:0!important; padding:0 0 5px 12px!important; border:0!important;
    border-left:2px solid #c8a24a!important; background:#fbf9f4!important; box-shadow:none!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown.submenu-open > .nav-submenu {
    display:flex!important; flex-direction:column!important;
  }
}
@media (min-width: 1201px) {
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle { display:none!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links { display:flex!important; }
}


/* Theme 71: mobile-only full-read navigation redesign. Scoped to standalone
   Publisher pages; homepage/category templates are intentionally untouched. */
@media screen and (max-width: 1200px) {
  html body.cosmo-full-read nav.cosmo-full-read-nav {
    display:block!important; position:relative!important; width:100%!important;
    max-width:100%!important; min-width:0!important; height:auto!important;
    overflow:visible!important; margin:10px auto 16px!important; padding:0!important;
    box-sizing:border-box!important; background:#fff!important; border:0!important;
    float:none!important; white-space:normal!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav > button.nav-toggle,
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle {
    display:flex!important; visibility:visible!important; opacity:1!important;
    position:relative!important; inset:auto!important; transform:none!important;
    align-items:center!important; justify-content:space-between!important; gap:14px!important;
    width:100%!important; min-width:0!important; min-height:50px!important; height:auto!important;
    margin:0!important; padding:13px 16px!important; box-sizing:border-box!important;
    border:1px solid #c9a451!important; border-radius:8px!important;
    background:#fff!important; color:#171717!important; box-shadow:0 2px 8px rgba(0,0,0,.06)!important;
    font:600 16px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-align:left!important; white-space:normal!important; cursor:pointer!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle .cosmo-menu-icon,
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle span {
    display:inline-block!important; margin-left:auto!important; font-size:20px!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links {
    display:none!important; visibility:visible!important; position:static!important;
    inset:auto!important; transform:none!important; float:none!important;
    flex-direction:column!important; align-items:stretch!important; gap:0!important;
    width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important;
    max-height:70vh!important; overflow-y:auto!important; overflow-x:hidden!important;
    margin:8px 0 0!important; padding:5px!important; box-sizing:border-box!important;
    border:1px solid #eee5d2!important; border-radius:8px!important;
    background:#fff!important; box-shadow:0 8px 22px rgba(0,0,0,.08)!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links {
    display:flex!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links > a,
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown > .nav-parent,
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-parent-row > .nav-parent {
    display:flex!important; align-items:center!important; justify-content:flex-start!important;
    position:static!important; width:100%!important; min-width:0!important; max-width:100%!important;
    min-height:46px!important; height:auto!important; margin:0!important; padding:12px 13px!important;
    box-sizing:border-box!important; border:0!important; border-bottom:1px solid #f0ece4!important;
    border-radius:0!important; background:#fff!important; color:#171717!important;
    font:500 15px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-align:left!important; text-decoration:none!important; white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown {
    display:block!important; position:static!important; width:100%!important; min-width:0!important;
    height:auto!important; margin:0!important; padding:0!important; background:#fff!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown > .nav-submenu {
    display:none!important; position:static!important; inset:auto!important; transform:none!important;
    width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important;
    margin:0!important; padding:0 0 4px 12px!important; border:0!important;
    border-left:2px solid #c9a451!important; border-radius:0!important; background:#fbf9f4!important;
    box-shadow:none!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown.submenu-open > .nav-submenu,
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-dropdown.nav-open > .nav-submenu {
    display:flex!important; flex-direction:column!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav .nav-submenu a {
    display:block!important; width:100%!important; min-height:42px!important; padding:11px 12px!important;
    box-sizing:border-box!important; color:#171717!important; white-space:normal!important;
    background:transparent!important; border-bottom:1px solid #eee8dc!important;
  }
}
@media screen and (min-width: 1201px) {
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle { display:none!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links { display:flex!important; }
}


/* COSMO 71.2 ROOT FIX: enforce a single-column mobile menu on standalone full-read pages. */
@media screen and (max-width: 1200px) {
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links:not(.cosmo-ignore) {
    flex-direction:column!important; align-items:stretch!important; flex-wrap:nowrap!important;
    white-space:normal!important; float:none!important;
  }
  html body.cosmo-full-read nav.cosmo-full-read-nav:not(.nav-open) > .nav-links { display:none!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links { display:flex!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle { display:flex!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links > a,
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links > .nav-dropdown {
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    width:100%!important; min-width:0!important; max-width:100%!important;
    float:none!important; position:static!important; white-space:normal!important;
  }
}
@media screen and (min-width: 1201px) {
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle { display:none!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-links { display:flex!important; flex-direction:row!important; }
}

/* COSMO 73: target actual WordPress full-read posts as well as standalone Publisher documents.
   Keep this rule last so older 900px/1200px navigation experiments cannot override it. */
@media screen and (max-width: 1200px) {
  html body.single nav.nav.cosmo-primary-nav,
  html body.single-post nav.nav.cosmo-primary-nav,
  html body.single-cosmo_article nav.nav.cosmo-primary-nav,
  html body.single article nav.nav,
  html body.single-post article nav.nav,
  html body.single-cosmo_article article nav.nav,
  html body.cosmo-full-read nav.cosmo-full-read-nav {
    display:block!important; width:100%!important; max-width:100%!important; min-width:0!important;
    height:auto!important; overflow:visible!important; float:none!important; white-space:normal!important;
    position:relative!important; box-sizing:border-box!important; background:#fff!important;
  }
  html body.single nav.nav.cosmo-primary-nav > .nav-toggle,
  html body.single-post nav.nav.cosmo-primary-nav > .nav-toggle,
  html body.single-cosmo_article nav.nav.cosmo-primary-nav > .nav-toggle,
  html body.single article nav.nav > .nav-toggle,
  html body.single-post article nav.nav > .nav-toggle,
  html body.single-cosmo_article article nav.nav > .nav-toggle,
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle {
    display:flex!important; visibility:visible!important; opacity:1!important; position:relative!important;
    width:100%!important; min-width:0!important; min-height:50px!important; height:auto!important;
    margin:0!important; padding:12px 16px!important; box-sizing:border-box!important;
    align-items:center!important; justify-content:space-between!important; background:#fff!important;
    color:#171717!important; border:1px solid #dfd0a9!important; border-radius:7px!important;
    font:600 16px/1.3 system-ui,sans-serif!important; transform:none!important;
  }
  html body.single nav.nav.cosmo-primary-nav:not(.nav-open) > .nav-links,
  html body.single-post nav.nav.cosmo-primary-nav:not(.nav-open) > .nav-links,
  html body.single-cosmo_article nav.nav.cosmo-primary-nav:not(.nav-open) > .nav-links,
  html body.single article nav.nav:not(.nav-open) > .nav-links,
  html body.single-post article nav.nav:not(.nav-open) > .nav-links,
  html body.single-cosmo_article article nav.nav:not(.nav-open) > .nav-links,
  html body.cosmo-full-read nav.cosmo-full-read-nav:not(.nav-open) > .nav-links { display:none!important; }
  html body.single nav.nav.cosmo-primary-nav.nav-open > .nav-links,
  html body.single-post nav.nav.cosmo-primary-nav.nav-open > .nav-links,
  html body.single-cosmo_article nav.nav.cosmo-primary-nav.nav-open > .nav-links,
  html body.single article nav.nav.nav-open > .nav-links,
  html body.single-post article nav.nav.nav-open > .nav-links,
  html body.single-cosmo_article article nav.nav.nav-open > .nav-links,
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links {
    display:flex!important; flex-direction:column!important; flex-wrap:nowrap!important; align-items:stretch!important;
    width:100%!important; max-width:100%!important; min-width:0!important; max-height:70vh!important;
    overflow-y:auto!important; overflow-x:hidden!important; margin:8px 0 0!important; padding:0!important;
    position:static!important; float:none!important; white-space:normal!important; box-sizing:border-box!important;
    background:#fff!important; border:1px solid #eee8dc!important;
  }
  html body.single nav.nav.cosmo-primary-nav.nav-open > .nav-links > a,
  html body.single-post nav.nav.cosmo-primary-nav.nav-open > .nav-links > a,
  html body.single-cosmo_article nav.nav.cosmo-primary-nav.nav-open > .nav-links > a,
  html body.single article nav.nav.nav-open > .nav-links > a,
  html body.single-post article nav.nav.nav-open > .nav-links > a,
  html body.single-cosmo_article article nav.nav.nav-open > .nav-links > a,
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links > a {
    display:flex!important; width:100%!important; min-width:0!important; min-height:46px!important;
    padding:11px 16px!important; margin:0!important; box-sizing:border-box!important;
    background:#fff!important; color:#171717!important; white-space:normal!important;
    border:0!important; border-bottom:1px solid #eee8dc!important; text-align:left!important;
  }
}


/* COSMO 74 — Full-read mobile navigation + reserved ad placeholder */
@media screen and (max-width: 900px) {
  html body nav.cosmo-primary-nav > .nav-toggle,
  html body nav.nav > .nav-toggle,
  html body.cosmo-full-read nav.cosmo-full-read-nav > .nav-toggle {
    display:flex !important; visibility:visible !important; opacity:1 !important;
    align-items:center !important; justify-content:space-between !important;
    width:100% !important; min-height:48px !important; box-sizing:border-box !important;
    padding:12px 16px !important; background:#fff !important; color:#171717 !important;
    border:1px solid #d7bd77 !important; font:600 16px/1.3 system-ui,sans-serif !important;
  }
  html body nav.cosmo-primary-nav:not(.nav-open) > .nav-links,
  html body nav.nav:not(.nav-open) > .nav-links,
  html body.cosmo-full-read nav.cosmo-full-read-nav:not(.nav-open) > .nav-links {
    display:none !important;
  }
  html body nav.cosmo-primary-nav.nav-open > .nav-links,
  html body nav.nav.nav-open > .nav-links,
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links {
    display:flex !important; flex-direction:column !important; align-items:stretch !important;
    width:100% !important; max-height:70vh !important; overflow-y:auto !important;
    white-space:normal !important; box-sizing:border-box !important; background:#fff !important;
  }
  html body nav.cosmo-primary-nav.nav-open > .nav-links > a,
  html body nav.nav.nav-open > .nav-links > a,
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links > a {
    display:flex !important; width:100% !important; min-height:44px !important;
    box-sizing:border-box !important; padding:11px 16px !important; white-space:normal !important;
    background:#fff !important; color:#171717 !important; border-bottom:1px solid #eee8dc !important;
  }
}
.cosmo-full-read-ad-placeholder { min-height:88px; margin:14px auto 22px; padding:8px 12px; box-sizing:border-box; border:1px dashed #d9d0bd; background:#fff; color:#777; }
.cosmo-full-read-ad-placeholder .cosmo-ad-placeholder-label { font:11px/1.4 Arial,sans-serif; letter-spacing:1.5px; text-align:center; text-transform:uppercase; }
.cosmo-full-read-ad-placeholder .cosmo-ad-placeholder-space { min-height:52px; }
@media(max-width:640px){.cosmo-full-read-ad-placeholder{min-height:70px;margin:10px auto 18px}.cosmo-full-read-ad-placeholder .cosmo-ad-placeholder-space{min-height:38px}}


/* COSMO 75: authoritative full-read mobile navigation rules. */
@media screen and (max-width: 900px) {
  html body.cosmo-full-read nav.cosmo-full-read-nav { display:block!important; width:100%!important; max-width:100%!important; overflow:visible!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav > button.nav-toggle { display:flex!important; visibility:visible!important; opacity:1!important; width:100%!important; min-height:48px!important; align-items:center!important; justify-content:space-between!important; box-sizing:border-box!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav:not(.nav-open) > .nav-links { display:none!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links { display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; max-width:100%!important; max-height:70vh!important; overflow-y:auto!important; box-sizing:border-box!important; }
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links > a,
  html body.cosmo-full-read nav.cosmo-full-read-nav.nav-open > .nav-links > .nav-dropdown { display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; }
}
.cosmo-full-read-ad-placeholder { display:block!important; width:calc(100% - 32px); max-width:1200px; min-height:88px; margin:14px auto 22px; padding:8px 12px; box-sizing:border-box; border:1px dashed #d9d0bd; background:#fff; color:#777; }
.cosmo-full-read-ad-placeholder .cosmo-ad-placeholder-label { font:11px/1.4 Arial,sans-serif; letter-spacing:1.5px; text-align:center; text-transform:uppercase; }
.cosmo-full-read-ad-placeholder .cosmo-ad-placeholder-space { min-height:52px; }


/* Unified Quotes archive layout — one responsive source of truth.
   Keep the portrait column fixed and let quote copy use all remaining width. */
html body.quote-page-body,
html body.quote-page-body * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}
html body.quote-page-body main {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html body.quote-page-body main > section.quote-page,
html body.quote-page-body main > section.quote-archive {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-left: clamp(16px, 3vw, 36px) !important;
  padding-right: clamp(16px, 3vw, 36px) !important;
}
html body.quote-page-body .quote-archive .section-head,
html body.quote-page-body .quote-archive .quote-library-tools {
  width: 100% !important;
  max-width: 1080px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
html body.quote-page-body main > section.quote-archive > #quotesGrid {
  display: block !important;
  width: 100% !important;
  max-width: 1080px !important;
  min-width: 0 !important;
  margin: 0 auto 40px !important;
  box-sizing: border-box !important;
  writing-mode: horizontal-tb !important;
}
html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: start !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 18px 12px !important;
  box-sizing: border-box !important;
  writing-mode: horizontal-tb !important;
}
html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry > .quote-entry-portrait {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  flex: none !important;
  writing-mode: horizontal-tb !important;
}
html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry > .quote-entry-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  align-self: start !important;
  overflow: visible !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry .quote-entry-copy blockquote,
html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry .quote-entry-copy blockquote a,
html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry .quote-entry-copy cite {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry .quote-entry-copy blockquote a {
  color: #171717 !important;
  text-decoration: none !important;
}
@media screen and (max-width: 700px) {
  html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 16px 8px !important;
  }
  html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry > .quote-entry-portrait {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
  }
  html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry .quote-entry-copy blockquote,
  html body.quote-page-body main > section.quote-archive > #quotesGrid > article.quote-entry .quote-entry-copy blockquote a {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }
}


/* Theme 90 quote full-read correction: one compact Quote-of-the-Day style card. */
body.cosmo-quote-full-read main.article-page{width:100%!important;max-width:900px!important;margin:0 auto!important;padding:20px 24px 44px!important;box-sizing:border-box!important;}
body.cosmo-quote-full-read main.article-page article.article-main{width:100%!important;max-width:820px!important;margin:0 auto!important;box-sizing:border-box!important;}
body.cosmo-quote-full-read .article-breadcrumb{margin:0 auto 18px!important;max-width:820px!important;}
body.cosmo-quote-full-read .article-header{max-width:820px!important;margin:0 auto 18px!important;}
body.cosmo-quote-full-read .article-header h1,
body.cosmo-quote-full-read .article-header .article-dek,
body.cosmo-quote-full-read .article-header .article-meta{display:none!important;}
body.cosmo-quote-full-read .article-layout{display:block!important;width:100%!important;max-width:820px!important;margin:0 auto!important;}
body.cosmo-quote-full-read .article-body{display:block!important;width:100%!important;max-width:820px!important;min-width:0!important;margin:0 auto!important;}
body.cosmo-quote-full-read .article-sidebar{display:none!important;}
body.cosmo-quote-full-read .article-body .quote-hero{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;width:100%!important;max-width:820px!important;min-width:0!important;margin:0 auto!important;padding:28px!important;box-sizing:border-box!important;background:#fff!important;color:#171717!important;border:1px solid #d8c99f!important;border-top:4px solid #c9a44c!important;box-shadow:0 5px 18px rgba(0,0,0,.045)!important;}
body.cosmo-quote-full-read .cosmo-quote-card-portrait{display:block!important;width:68px!important;height:68px!important;margin:0!important;align-self:center!important;}
body.cosmo-quote-full-read .cosmo-quote-card-portrait img{display:block!important;width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;object-fit:cover!important;border-radius:50%!important;border:2px solid #d8c99f!important;padding:2px!important;box-sizing:border-box!important;background:#faf8f1!important;}
body.cosmo-quote-full-read .article-body .quote-hero .quote-entry-copy{min-width:0!important;width:auto!important;max-width:100%!important;}
body.cosmo-quote-full-read .article-body .quote-hero p{margin:0 0 12px!important;font:italic 700 clamp(1.25rem,2.2vw,1.8rem)/1.38 Georgia,serif!important;color:#171717!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;}
body.cosmo-quote-full-read .article-body .quote-hero cite{display:block!important;margin:0!important;color:#735a22!important;font:600 1rem/1.4 Georgia,serif!important;}
body.cosmo-quote-full-read .cosmo-quote-back-link{display:inline-block!important;color:#735a22!important;font:600 14px/1.4 Georgia,serif!important;text-decoration:none!important;border-bottom:1px solid #d4af37!important;padding-bottom:2px!important;}
body.cosmo-quote-full-read .cosmo-quote-back-link:hover{text-decoration:underline!important;}
@media screen and (min-width:701px){body.cosmo-quote-full-read main.article-page{padding-left:24px!important;padding-right:24px!important;} body.cosmo-quote-full-read .article-body .quote-hero{max-width:820px!important;} }
@media screen and (max-width:700px){body.cosmo-quote-full-read main.article-page{max-width:100%!important;padding:16px 18px 32px!important;}body.cosmo-quote-full-read .article-body .quote-hero{grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;padding:18px!important;}body.cosmo-quote-full-read .cosmo-quote-card-portrait,body.cosmo-quote-full-read .cosmo-quote-card-portrait img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;}body.cosmo-quote-full-read .article-body .quote-hero p{font-size:clamp(1.1rem,4.5vw,1.4rem)!important;line-height:1.38!important;}}


body.cosmo-quote-full-read main.article-page,
body.cosmo-quote-full-read main.article-page > article.article-main,
body.cosmo-quote-full-read main.article-page .article-layout,
body.cosmo-quote-full-read main.article-page .article-body {
  width: 100% !important;
  max-width: 900px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
body.cosmo-quote-full-read main.article-page .article-sidebar { display:none !important; }
body.cosmo-quote-full-read main.article-page .article-body .quote-hero {
  width:100% !important; max-width:780px !important; margin:0 auto !important;
  grid-template-columns:68px minmax(0,1fr) !important;
}
@media screen and (max-width:700px) {
  body.cosmo-quote-full-read main.article-page { max-width:100% !important; }
  body.cosmo-quote-full-read main.article-page .article-body .quote-hero {
    grid-template-columns:52px minmax(0,1fr) !important;
  }
}


/* Theme 90 follow-up: preserve visible ad labels, center the single desktop nav,
   and keep full quote cards narrow. These rules do not alter non-quote pages. */
.cosmo-full-read-ad-placeholder .cosmo-ad-placeholder-label {
  display:block!important; visibility:visible!important; opacity:1!important;
  min-height:16px!important; color:#777!important; text-align:center!important;
}
@media screen and (min-width:901px) {
  body.quote-page-body nav.cosmo-primary-nav,
  body.quote-page nav.cosmo-primary-nav,
  body.cosmo-quote-full-read nav.cosmo-primary-nav {
    display:flex!important; justify-content:center!important; align-items:center!important;
    width:100%!important; margin-left:auto!important; margin-right:auto!important;
  }
  body.quote-page-body nav.cosmo-primary-nav .nav-links,
  body.quote-page nav.cosmo-primary-nav .nav-links,
  body.cosmo-quote-full-read nav.cosmo-primary-nav .nav-links {
    justify-content:center!important; margin-left:auto!important; margin-right:auto!important;
  }
}
body.cosmo-quote-full-read .article-breadcrumb { width:100%!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; text-align:left!important; }
body.cosmo-quote-full-read .cosmo-quote-back-link { display:inline-block!important; }


/* Targeted portrait restoration v2: enforce the existing portrait + quote layout on full quote pages. */
html body.cosmo-quote-full-read main.article-page .article-body .quote-hero {
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 18px !important;
}
html body.cosmo-quote-full-read main.article-page .article-body .quote-hero > .cosmo-quote-card-portrait {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  overflow: visible !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
}
html body.cosmo-quote-full-read main.article-page .article-body .quote-hero > .cosmo-quote-card-portrait img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 2px solid #c9a44c !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}
html body.cosmo-quote-full-read main.article-page .article-body .quote-hero > .quote-entry-copy {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
}
@media screen and (max-width: 700px) {
  html body.cosmo-quote-full-read main.article-page .article-body .quote-hero {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    padding: 18px !important;
  }
  html body.cosmo-quote-full-read main.article-page .article-body .quote-hero > .cosmo-quote-card-portrait,
  html body.cosmo-quote-full-read main.article-page .article-body .quote-hero > .cosmo-quote-card-portrait img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }
}

/* Targeted mobile menu tap reliability only; visual styling is unchanged. */
@media (max-width:900px){
 body nav.nav>.nav-toggle, body nav.cosmo-primary-nav>.nav-toggle, body nav[aria-label="Primary navigation"]>.nav-toggle, body nav.cosmo-full-read-nav>.nav-toggle{pointer-events:auto!important;touch-action:manipulation!important;position:relative!important;z-index:1001!important;cursor:pointer!important}
}

/* Homepage Quote of the Day: center the section itself on desktop.
   Keep the quote and author left-aligned; leave mobile rules unchanged. */
@media screen and (min-width: 701px) {
  html body .quote {
    display: block !important;
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .quote .quote-label {
    text-align: center !important;
  }
  html body .quote .quote-copy {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
  }
  html body .quote .quote-copy > div:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  html body .quote blockquote,
  html body .quote cite,
  html body .quote #dailyQuoteText,
  html body .quote #dailyQuoteAuthor {
    text-align: left !important;
  }
}

/* Targeted desktop-only correction: keep the centered section, left-align only quote and author. */
@media screen and (min-width: 701px) {
  html body .quote .quote-copy > div:last-child { text-align: left !important; }
  html body .quote #dailyQuoteText,
  html body .quote blockquote#dailyQuoteText {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html body .quote #dailyQuoteAuthor,
  html body .quote cite#dailyQuoteAuthor {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    text-align: left !important;
  }
}

/* Homepage Quote of the Day: keep the compact portrait-left, quote-right layout on mobile.
   The ad slot is intentionally placed before this section in index.html. */
.home-quote-of-day { margin-top: 1.5rem; margin-bottom: 1.5rem; }
@media (max-width: 700px) {
  .home-quote-of-day .quote-hero {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    padding: 1.15rem !important;
  }
  .home-quote-of-day .quote-hero > .portrait {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    align-self: start !important;
  }
  .home-quote-of-day .quote-hero > .portrait img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }
  .home-quote-of-day .quote-hero > div:not(.portrait) {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
  }
  .home-quote-of-day .quote-hero blockquote {
    font-size: clamp(1.15rem, 4.6vw, 1.55rem) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    overflow-wrap: anywhere;
  }
  .home-quote-of-day .quote-hero cite {
    display: block !important;
    margin-top: .65rem !important;
    font-size: .95rem !important;
  }
}


/* FINAL TARGETED FIX: homepage Quote of the Day only — force compact horizontal mobile card. */
@media screen and (max-width: 700px) {
  html body main#main-content section.quote-page.home-quote-of-day article.quote-hero {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0 14px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
  }
  html body main#main-content section.quote-page.home-quote-of-day article.quote-hero > .portrait {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    align-self: start !important;
  }
  html body main#main-content section.quote-page.home-quote-of-day article.quote-hero > .portrait img {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }
  html body main#main-content section.quote-page.home-quote-of-day article.quote-hero > div:not(.portrait) {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  html body main#main-content section.quote-page.home-quote-of-day article.quote-hero blockquote#pageQuote {
    margin: 0 !important;
    font-size: clamp(1.05rem, 4.1vw, 1.35rem) !important;
    line-height: 1.3 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  html body main#main-content section.quote-page.home-quote-of-day article.quote-hero cite#pageAuthor {
    display: block !important;
    margin: 10px 0 0 !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
  }
}


/* Theme 90 — homepage Quote of the Day mobile social-row correction.
   Root cause: a broad direct-child selector placed the quote text wrapper and
   the injected sharing wrapper into the same grid cell. Keep this scoped to
   the homepage and mobile widths only. */
@media screen and (max-width:700px) {
  html body #main-content section.home-quote-of-day article.quote-hero {
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    column-gap:14px !important;
    row-gap:14px !important;
    padding:18px !important;
    box-sizing:border-box !important;
  }
  html body #main-content section.home-quote-of-day article.quote-hero > .portrait {
    grid-column:1 !important;
    grid-row:1 !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    margin:0 !important;
    align-self:start !important;
    position:static !important;
    float:none !important;
  }
  html body #main-content section.home-quote-of-day article.quote-hero > .portrait img {
    display:block !important;
    width:64px !important;
    height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    object-fit:cover !important;
    border-radius:50% !important;
  }
  /* Quote/author column: explicitly exclude the sharing controls. */
  html body #main-content section.home-quote-of-day article.quote-hero > div:not(.portrait):not(.cosmo-share):not(:has(.cosmo-share)) {
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  html body #main-content section.home-quote-of-day article.quote-hero blockquote#pageQuote {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(1rem,4.1vw,1.3rem) !important;
    line-height:1.32 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    position:static !important;
  }
  html body #main-content section.home-quote-of-day article.quote-hero cite#pageAuthor {
    display:block !important;
    width:100% !important;
    margin:10px 0 0 !important;
    font-size:.9rem !important;
    line-height:1.35 !important;
    position:static !important;
  }
  /* Sharing bar is a separate row below the quote, never on top of it. */
  html body #main-content section.home-quote-of-day article.quote-hero > .cosmo-share,
  html body #main-content section.home-quote-of-day article.quote-hero > div:has(.cosmo-share) {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:12px 0 0 !important;
    border-top:1px solid #d8c99f !important;
    box-sizing:border-box !important;
    position:static !important;
    inset:auto !important;
    float:none !important;
    transform:none !important;
    clear:both !important;
    z-index:auto !important;
  }
  html body #main-content section.home-quote-of-day article.quote-hero .cosmo-share {
    display:flex !important;
    flex-wrap:wrap !important;
    position:static !important;
    inset:auto !important;
    float:none !important;
    transform:none !important;
    clear:both !important;
    z-index:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:14px 0 0 !important;
    padding:12px 0 0 !important;
    box-sizing:border-box !important;
    gap:8px !important;
  }
  html body #main-content section.home-quote-of-day article.quote-hero .cosmo-share a,
  html body #main-content section.home-quote-of-day article.quote-hero .cosmo-share button {
    position:static !important;
    float:none !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 auto !important;
  }
}


/* VERIFIED FOLLOW-UP: homepage Quote of the Day mobile layout only.
   Keep the portrait in column 1, quote/author in column 2, and sharing controls
   in normal document flow below the quote. Does not target full-read quote pages. */
@media screen and (max-width:700px) {
  html body #main-content .home-quote-of-day article.quote-hero {
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    align-items:start !important;
    justify-items:stretch !important;
    column-gap:14px !important;
    row-gap:0 !important;
    padding:18px !important;
    box-sizing:border-box !important;
    height:auto !important;
    min-height:0 !important;
  }
  html body #main-content .home-quote-of-day article.quote-hero > .portrait,
  html body #main-content .home-quote-of-day article.quote-hero > .cosmo-quote-card-portrait,
  html body #main-content .home-quote-of-day article.quote-hero > img#quotePortrait {
    display:block !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    margin:0 !important;
    padding:0 !important;
    align-self:start !important;
    justify-self:start !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  html body #main-content .home-quote-of-day article.quote-hero > .portrait img,
  html body #main-content .home-quote-of-day article.quote-hero > .cosmo-quote-card-portrait img,
  html body #main-content .home-quote-of-day article.quote-hero > img#quotePortrait {
    display:block !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    object-fit:cover !important;
    border-radius:50% !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  /* Do not exclude the quote wrapper merely because the share controls are inside it. */
  html body #main-content .home-quote-of-day article.quote-hero > div:not(.portrait):not(.cosmo-quote-card-portrait):not(.cosmo-share) {
    display:block !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }
  html body #main-content .home-quote-of-day article.quote-hero blockquote,
  html body #main-content .home-quote-of-day article.quote-hero #pageQuote,
  html body #main-content .home-quote-of-day article.quote-hero #dailyQuoteText {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(1rem,4.1vw,1.3rem) !important;
    line-height:1.35 !important;
    text-align:left !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    white-space:normal !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  html body #main-content .home-quote-of-day article.quote-hero cite,
  html body #main-content .home-quote-of-day article.quote-hero #pageAuthor,
  html body #main-content .home-quote-of-day article.quote-hero #dailyQuoteAuthor {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:10px 0 0 !important;
    font-size:.9rem !important;
    line-height:1.35 !important;
    text-align:left !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  /* Sharing controls may be nested inside the quote wrapper or be a direct child. */
  html body #main-content .home-quote-of-day article.quote-hero .cosmo-share {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:14px 0 0 !important;
    padding:12px 0 0 !important;
    border-top:1px solid #d8c99f !important;
    position:static !important;
    inset:auto !important;
    float:none !important;
    transform:none !important;
    clear:both !important;
    z-index:auto !important;
    box-sizing:border-box !important;
  }
  html body #main-content .home-quote-of-day article.quote-hero .cosmo-share a,
  html body #main-content .home-quote-of-day article.quote-hero .cosmo-share button {
    display:inline-flex !important;
    position:static !important;
    inset:auto !important;
    float:none !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 auto !important;
  }
  html body #main-content .home-quote-of-day article.quote-hero > .cosmo-share,
  html body #main-content .home-quote-of-day article.quote-hero > div:has(> .cosmo-share) {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    margin-top:14px !important;
  }
}


/* Targeted final override: front-page daily quote card only. Keep the portrait left,
   quote/author to its right, and social controls underneath that text column. */
@media screen and (max-width: 700px) {
  html body:is(.home, .front-page) #main-content article.quote-hero {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    align-items: start !important;
    justify-items: stretch !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
    box-sizing: border-box !important;
  }
  html body:is(.home, .front-page) #main-content article.quote-hero > .portrait,
  html body:is(.home, .front-page) #main-content article.quote-hero > .cosmo-quote-card-portrait,
  html body:is(.home, .front-page) #main-content article.quote-hero > img#quotePortrait {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    align-self: start !important;
    box-sizing: border-box !important;
  }
  html body:is(.home, .front-page) #main-content article.quote-hero > .portrait img,
  html body:is(.home, .front-page) #main-content article.quote-hero > .cosmo-quote-card-portrait img {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }
  /* Flatten the content wrapper so quote, author and share bar can occupy distinct grid rows. */
  html body:is(.home, .front-page) #main-content article.quote-hero > div:not(.portrait):not(.cosmo-quote-card-portrait):not(.cosmo-share) {
    display: contents !important;
  }
  html body:is(.home, .front-page) #main-content article.quote-hero blockquote,
  html body:is(.home, .front-page) #main-content article.quote-hero #pageQuote,
  html body:is(.home, .front-page) #main-content article.quote-hero #dailyQuoteText {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(1rem, 4vw, 1.25rem) !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
  html body:is(.home, .front-page) #main-content article.quote-hero cite,
  html body:is(.home, .front-page) #main-content article.quote-hero #pageAuthor,
  html body:is(.home, .front-page) #main-content article.quote-hero #dailyQuoteAuthor {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
    text-align: left !important;
    position: static !important;
    float: none !important;
    transform: none !important;
  }
  html body:is(.home, .front-page) #main-content article.quote-hero .cosmo-share {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 4px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid #d8c99f !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    clear: both !important;
    z-index: auto !important;
    box-sizing: border-box !important;
  }
  html body:is(.home, .front-page) #main-content article.quote-hero .cosmo-share a,
  html body:is(.home, .front-page) #main-content article.quote-hero .cosmo-share button {
    display: inline-flex !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
}


/* ACTUAL FIX — homepage Quote of the Day mobile card.
   Select by the stable IDs present in index.html rather than WordPress body wrappers.
   Portrait stays left; quote and author right; social links beneath text. */
@media screen and (max-width: 700px) {
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    align-items: start !important;
    justify-items: stretch !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    padding: 18px !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) > .portrait,
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) > .portrait img,
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) > img#quotePortrait {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    align-self: start !important;
    justify-self: start !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) > div:not(.portrait):not(.cosmo-share) {
    display: contents !important;
  }
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) blockquote#pageQuote {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(1rem, 4vw, 1.25rem) !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) cite#pageAuthor {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
    text-align: left !important;
    position: static !important;
    float: none !important;
    transform: none !important;
  }
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) .cosmo-share {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 3 !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid #d8c99f !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    clear: both !important;
    z-index: auto !important;
    box-sizing: border-box !important;
  }
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) .cosmo-share a,
  section.home-quote-of-day article.quote-hero:has(#quotePortrait):has(#pageQuote) .cosmo-share button {
    display: inline-flex !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
}

/* THE COSMO — single authoritative homepage Quote of the Day Jetpack share layout.
   Replaces stacked historical overrides. Scoped only to the homepage daily quote card. */
@media screen and (max-width:700px) {
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero > .sharedaddy,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero > .sd-sharing,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero > .sd-sharing-enabled,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero > .jetpack-sharing-buttons,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero > .wp-block-jetpack-sharing-buttons {
    display:block !important;
    grid-column:2 !important;
    grid-row:3 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    float:none !important;
    clear:none !important;
    position:static !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-title,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .share-end {
    display:none !important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-content,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-social,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-social-icon,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-social-icon-text,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sharing-buttons,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .jetpack-sharing-buttons__container,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .wp-block-jetpack-sharing-buttons__container {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    clear:none !important;
    position:static !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-content ul,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-social ul,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero ul[class*="share-"],
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sharing-buttons ul {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    float:none !important;
    clear:none !important;
    box-sizing:border-box !important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-content ul > li,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-social ul > li,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero ul[class*="share-"] > li,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .jetpack-sharing-buttons__item,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .wp-block-jetpack-sharing-buttons__item {
    display:flex !important;
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    clear:none !important;
    position:static !important;
    box-sizing:border-box !important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-content ul > li > a,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .sd-social ul > li > a,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero ul[class*="share-"] > li > a,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .jetpack-sharing-buttons__button,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero .wp-block-jetpack-sharing-buttons__button {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    clear:none !important;
    position:static !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
}


/* COSMO THEME 90 — authoritative mobile Quote of the Day card.
   Reconstructed from the approved Quotes collection card; mobile homepage only. */
@media screen and (max-width:700px) {
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero {
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:14px!important;
    row-gap:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:18px!important;
    margin-top:18px!important;
    background:#fff!important;
    color:#171717!important;
    border:1px solid #d8c99f!important;
    border-top:4px solid #c9a44c!important;
    box-shadow:0 5px 18px rgba(0,0,0,.045)!important;
    overflow:visible!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > .portrait,
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > .portrait img,
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > img#quotePortrait {
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    object-fit:cover!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > .portrait {
    border:1px solid #d8c99f!important;
    overflow:hidden!important;
    background:#faf8f1!important;
    box-shadow:none!important;
    align-self:center!important;
    margin:0!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > .portrait img,
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > img#quotePortrait {
    border:2px solid #c9a44c!important;
    padding:2px!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > div:not(.portrait):not(.cosmo-qod-share-row):not(.sharedaddy):not(.sd-sharing):not(.sd-sharing-enabled):not(.jetpack-sharing-buttons):not(.wp-block-jetpack-sharing-buttons) {
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    align-self:center!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero blockquote#pageQuote {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    padding:0!important;
    font:italic 700 1.35rem/1.28 Georgia,serif!important;
    color:#171717!important;
    text-align:left!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero cite#pageAuthor {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#735a22!important;
    font:600 14px/1.3 Georgia,serif!important;
    font-style:normal!important;
    text-align:left!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > .cosmo-qod-share-row {
    display:block!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > .cosmo-qod-share-row > ul {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero > .cosmo-qod-share-row > ul > li {
    display:flex!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
  }
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero .cosmo-qod-share-row a,
  html body #main-content section.quote-page.home-quote-of-day article.quote-hero .cosmo-qod-share-row button {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid #d8c99f!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#171717!important;
    text-decoration:none!important;
    float:none!important;
  }
}


/* Theme 90 consolidated mobile homepage Quote of the Day sharing layout.
   One authoritative rule set replaces the conflicting 44px/60px and row-2/row-3 blocks.
   Scope is limited to the homepage QOD card; advertisement placeholders are untouched. */
@media screen and (max-width:700px) {
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled {
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-items:start!important;
    column-gap:14px!important;
    row-gap:0!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row {
    display:block!important;
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    clear:both!important;
    box-sizing:border-box!important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row > ul {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    white-space:nowrap!important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row > ul > li {
    display:flex!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    box-sizing:border-box!important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row > ul > li > a,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row > ul > li > button,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row > ul > li > [role="button"] {
    display:flex!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid #d8c99f!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#171717!important;
    text-decoration:none!important;
    float:none!important;
  }
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row .sd-title,
  html body:has(section.home-quote-of-day) #main-content section.home-quote-of-day article.quote-hero.cosmo-qod-inline-sharing-enabled > .cosmo-qod-inline-sharing-row .share-end {display:none!important;}
}


/* Theme 90: temporarily hide the broken sharing controls on the homepage QOD card only.
   Do not affect ads, the quote text, author, portrait, other pages, or desktop layout. */
@media screen and (max-width: 700px) {
  html body main#main-content section.home-quote-of-day article.quote-hero .cosmo-qod-inline-sharing-row,
  html body main#main-content section.home-quote-of-day article.quote-hero .sharedaddy,
  html body main#main-content section.home-quote-of-day article.quote-hero .sd-sharing,
  html body main#main-content section.home-quote-of-day article.quote-hero .sd-sharing-enabled,
  html body main#main-content section.home-quote-of-day article.quote-hero .jetpack-sharing-buttons,
  html body main#main-content section.home-quote-of-day article.quote-hero .wp-block-jetpack-sharing-buttons,
  html body main#main-content section.home-quote-of-day article.quote-hero .cosmo-share,
  html body main#main-content section.home-quote-of-day article.quote-hero .cosmo-qod-share-row,
  html body main#main-content section.home-quote-of-day article.quote-hero [class*="sharing-buttons"] {
    display: none !important;
    visibility: hidden !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
}


/* Theme 90 mobile QOD emergency hide v2.
   The previous hide selector assumed a section class not guaranteed by the rendered homepage.
   Scope to the homepage's quote-hero card and hide only sharing controls; ads and quote content remain untouched. */
@media screen and (max-width:700px) {
  body.home #main-content article.quote-hero .cosmo-qod-inline-sharing-row,
  body.home #main-content article.quote-hero .cosmo-qod-share-row,
  body.home #main-content article.quote-hero .sharedaddy,
  body.home #main-content article.quote-hero .sd-sharing,
  body.home #main-content article.quote-hero .sd-sharing-enabled,
  body.home #main-content article.quote-hero .jetpack-sharing-buttons,
  body.home #main-content article.quote-hero .wp-block-jetpack-sharing-buttons,
  body.home #main-content article.quote-hero .cosmo-share,
  body.home #main-content article.quote-hero [class*="sharing-buttons"],
  body.home #main-content article.quote-hero a[href*="facebook.com/sharer"],
  body.home #main-content article.quote-hero a[href*="linkedin.com/sharing"],
  body.home #main-content article.quote-hero a[href*="twitter.com/intent"],
  body.home #main-content article.quote-hero a[href*="x.com/intent"],
  body.home #main-content article.quote-hero a[href*="pinterest.com/pin"],
  body.home #main-content article.quote-hero a[href*="api.whatsapp.com"],
  body.home #main-content article.quote-hero a[href*="telegram.me/share"],
  body.home #main-content article.quote-hero button[aria-label*="copy" i],
  body.home #main-content article.quote-hero button[title*="copy" i],
  body.home #main-content article.quote-hero [data-cosmo-qod-copy-link] {
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}