/*
Theme Name: J-CROS Korean Casual
Theme URI: https://j-cros.com/
Author: J-CROS
Description: A Korean-first, accessible editorial theme for J-CROS.
Version: 1.0.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.2
Text Domain: jcros
*/
:root{--bg:#fffefa;--ink:#282b29;--soft:#626760;--accent:#a3462d;--butter:#f7e986;--peach:#f9e9df;--sage:#e8efdf;--sky:#e4edf3;--line:#e9e9df;--body:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;--hand:"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.45;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:50}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.preview-note{padding:8px 27px;background:#f3f2eb;color:var(--soft);font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.preview-note i{font-style:normal;margin:0 5px}.preview-note>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.preview-note button,.preview-note a{border:0;background:transparent;font-size:10px;border-radius:20px;padding:4px 10px;min-height:28px}.preview-note button[aria-pressed=true]{background:white}.preview-note a{color:var(--accent)}
.site-header{display:flex;align-items:center;gap:30px;padding-block:26px 23px}.logo{font:italic 48px/1 Georgia,serif;letter-spacing:-2.5px;display:inline-flex;align-items:center;white-space:nowrap}.logo:hover{color:var(--ink)}.logo-dot{color:var(--accent)}.flower{color:#9f8338;font:31px Georgia,serif;transform:rotate(-12deg);margin-right:11px}.desktop-nav{display:flex;gap:27px;align-items:center;margin-left:auto;font-size:13px;font-weight:500}.desktop-nav a,.desktop-nav button{padding:10px 0;border:0;background:none;min-height:44px}.desktop-nav button:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:8px}.search-trigger{display:flex;gap:8px;align-items:center;min-height:44px;padding:11px 17px;background:var(--sage);border:0;border-radius:50px;font-size:12px}.search-trigger svg,.menu-trigger svg{width:20px;height:20px}.menu-trigger{display:none;border:0;background:none;width:44px;height:44px;place-items:center}.mobile-menu{background:#f5f2e8;border-radius:14px;padding:12px;margin-bottom:15px}.mobile-menu a,.mobile-menu button{display:block;text-align:left;width:100%;padding:12px;border:0;background:none;min-height:48px}
.home-intro{display:flex;align-items:center;justify-content:space-between;margin:10px 0 21px;gap:20px}.home-intro>p{font-size:21px;font-weight:500;letter-spacing:-.035em}.home-intro>p span{background:linear-gradient(transparent 60%,var(--butter) 60%)}.intro-note{font:17px var(--hand);color:var(--soft)}.topic-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.topic-pills button{font-size:12px;padding:9px 19px;min-height:42px;border:0;border-radius:50px;background:#f1f1e9}.topic-pills button:nth-child(3){background:var(--sky)}.topic-pills button:nth-child(4){background:var(--peach)}.topic-pills button[aria-pressed=true]{background:var(--ink);color:white}.topic-pills button:hover{box-shadow:inset 0 0 0 1px #b7bba9}
.cover-grid{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(0,1fr);gap:38px}.cover-main{min-width:0}.cover-photo{display:block;position:relative;height:340px;border-radius:17px;overflow:hidden}.cover-photo img{object-position:center 54%;transition:transform .35s}.cover-photo:hover img{transform:scale(1.018)}.photo-label{position:absolute;top:18px;left:18px;font-size:12px;font-weight:500;background:var(--butter);padding:7px 13px;border-radius:6px;transform:rotate(-3deg);color:var(--ink)}.cover-copy{padding:21px 3px 0}.type{font-size:12px;font-weight:500;color:var(--accent);margin-bottom:9px}.type span{padding:0 6px}.cover-copy h1{font-size:36px;line-height:1.4;margin-bottom:12px}.cover-copy>p:not(.type){font-size:14px;line-height:1.9;color:var(--soft);max-width:610px;word-break:keep-all}.cover-bottom{display:flex;align-items:center;gap:9px;margin-top:21px;font-size:11px}.author-dot{background:var(--sage);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font:italic 20px Georgia}.cover-date{color:var(--soft);margin-left:6px}.cover-date span{margin:0 5px}.read-arrow{margin-left:auto;width:44px;height:44px;border-radius:50%;background:var(--butter);display:grid;place-items:center;font-size:24px}.cover-side{padding-top:0;min-width:0}.side-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.side-heading h2{font-size:18px;font-weight:500;letter-spacing:-.03em}.side-heading>span{font-size:25px;color:var(--accent)}.side-feature{border-radius:17px;overflow:hidden;background:#f6efc3}.side-feature>.side-photo{display:block;height:192px;overflow:hidden}.side-feature>.side-photo img{object-position:center 45%}.side-feature>div{padding:18px 23px 22px}.side-feature h3{font-size:24px;font-weight:600;line-height:1.45;max-width:310px}.side-description{font-size:12px;color:var(--soft);margin-top:9px}.side-small{display:grid;grid-template-columns:115px 1fr;gap:18px;margin-top:22px;align-items:center}.side-small>a{height:120px;border-radius:13px;overflow:hidden}.side-small h3{font-size:20px;line-height:1.55}.side-small .type{font-size:11px;margin-bottom:7px}.side-footnote{font-size:10px;color:var(--soft);margin-top:15px}
.latest-section{margin-top:54px;scroll-margin-top:22px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-kicker{font-size:11px;color:var(--soft)}.section-heading h2{font-size:29px;font-weight:500;margin-top:4px}.sample-caption{font-size:10px;color:var(--soft)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:39px 28px}.story-card{min-width:0}.card-photo{height:245px;display:block;overflow:hidden;border-radius:15px}.card-photo img{transition:transform .35s}.card-photo:hover img{transform:scale(1.025)}.story-card:nth-child(3n+2) .card-photo{border-radius:36px 15px 15px 15px}.card-copy{padding-top:19px}.card-copy .type{font-size:11px;margin-bottom:7px}.story-card h3{font-size:23px;line-height:1.5}.card-intro{font-size:13px;line-height:1.85;color:var(--soft);margin-top:9px;word-break:keep-all}.card-meta{font-size:10px;color:var(--soft);margin-top:13px}.card-meta span{padding:0 4px}.more-wrap{text-align:center;margin:35px 0 49px}.more-button,.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;padding:12px 28px;border:0;border-radius:50px;background:var(--sage);font-size:13px}.more-button span{font-size:20px}.more-button:hover,.soft-button:hover{background:#dde7d1;color:var(--ink)}
.little-note{background:var(--sky);border-radius:23px;padding:37px 54px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin:0 0 50px}.note-label{font-size:12px;color:var(--soft)}.little-note h2{font-size:32px;font-weight:500;margin:4px 0 16px}.little-note p{font-size:14px;line-height:1.9;color:var(--soft)}.little-note a{display:inline-block;font-size:12px;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.little-note figure{position:relative;width:155px;height:155px;flex-shrink:0}.little-note img{border-radius:50%}.little-note figcaption{position:absolute;bottom:-8px;left:-40px;white-space:nowrap;background:#fff6c5;padding:5px 12px;border-radius:5px;transform:rotate(-5deg);font:16px/1.8 var(--hand)}
.site-footer{display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:35px;padding:10px 0 35px;align-items:start}.site-footer .logo{font-size:35px}.site-footer p{font-size:12px;color:var(--soft);line-height:1.9;margin-top:13px}.footer-links{display:flex;flex-direction:column;gap:16px;font-size:11px}.footer-note{text-align:right}.footer-note>span{font:18px var(--hand)}.footer-note small{display:block;font-size:10px;color:var(--soft);margin-top:16px;line-height:1.8}
.post-wrap{width:calc(100% - 40px);max-width:760px;margin:27px auto 60px}.back-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--soft)}.post-head{margin:24px 0 29px}.post-head h1{font-size:39px;line-height:1.45;font-weight:600;margin-bottom:15px}.dek{font-size:16px;line-height:1.85;color:var(--soft);word-break:keep-all}.post-meta{font-size:11px;color:var(--soft);margin-top:20px}.post-meta span{padding:0 5px}.post-image{height:410px;overflow:hidden;border-radius:18px}.post-image img{object-position:center 54%}.photo-credit{font-size:10px;color:var(--soft);margin:8px 0 0;text-align:right}.photo-credit a{text-decoration:underline}.post-body{max-width:680px;margin:35px auto 0;font-size:18px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}.post-body>p{margin-bottom:26px}.post-body h2{font-size:27px;font-weight:600;margin:39px 0 18px;scroll-margin-top:20px}.pull-note{padding:23px 27px;background:#f7efc2;border-radius:14px;margin:30px 0}.pull-note>span{font-size:11px;color:var(--soft)}.pull-note>p{font-size:18px;margin-top:10px;line-height:1.85}.post-contents{background:#f2f4ed;border-radius:13px;padding:16px 22px;font-size:14px;margin:28px 0}.post-contents summary{cursor:pointer;min-height:28px}.post-contents nav{padding-top:13px}.post-contents a{display:block;padding:10px 0;font-size:13px}.source-note{padding:23px 0;color:var(--soft);font-size:12px;line-height:1.9}.source-note h2{font-size:15px;margin:0 0 10px}.source-note a{text-decoration:underline}.post-related{background:var(--peach);border-radius:20px;padding:26px 29px;margin-top:30px}.post-related h2{font-size:22px;font-weight:500;margin-bottom:15px}.post-related>a{display:flex;align-items:center;gap:17px;padding:12px 0;font-size:15px;font-weight:500}.post-related img{width:76px;height:70px;border-radius:10px}.post-related span{flex:1}.post-related small{display:block;font-size:10px;font-weight:400;color:var(--accent);margin-bottom:4px}.post-related b{font-size:22px;font-weight:400}
.empty-wrap{width:calc(100% - 40px);max-width:760px;margin:45px auto 70px;text-align:center}.empty-icon{display:inline-block;font:67px Georgia,serif;color:#b89341;transform:rotate(-12deg);margin-bottom:15px}.empty-wrap h1{font-size:38px;font-weight:500;line-height:1.55;margin-bottom:24px}.empty-wrap>p{max-width:610px;margin:auto;font-size:17px;color:var(--soft);line-height:1.9;word-break:keep-all}.about-points{display:flex;gap:17px;margin:32px 0}.about-points>div{flex:1;padding:24px 18px;background:var(--peach);border-radius:18px}.about-points>div:nth-child(2){background:var(--sage)}.about-points>div:nth-child(3){background:var(--sky)}.about-points h2{font-size:20px;font-weight:500;margin-bottom:12px}.about-points p{font-size:13px;line-height:1.9;color:var(--soft)}.empty-wrap .small-print{font-size:11px;margin-top:18px}
.search-dialog{background:var(--bg);color:var(--ink);border:0;border-radius:22px;padding:27px 30px;width:min(640px,calc(100% - 32px));max-height:85vh;box-shadow:0 15px 70px #26241922}.search-dialog::backdrop{background:#282c2b77}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.dialog-heading h2{font-size:23px;font-weight:500}.dialog-heading button{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:var(--peach);font-size:25px}.search-dialog label{display:block;font-size:11px;color:var(--soft);margin-bottom:8px}.search-dialog input{width:100%;border:0;background:#f0f1e9;border-radius:12px;padding:14px;font-size:16px;min-height:49px}.search-dialog #search-status{font-size:12px;margin:18px 0 7px;color:var(--soft)}.search-result{display:flex;gap:16px;padding:14px 0;align-items:center}.search-result img{width:65px;height:65px;border-radius:11px}.search-result strong{font-size:16px;font-weight:500;display:block;word-break:keep-all}.search-result small{font-size:10px;color:var(--accent);display:block;margin-bottom:3px}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.desktop-nav{gap:19px;font-size:12px}.site-header{gap:20px}.cover-grid{gap:26px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.cover-photo{height:315px}.cover-copy h1{font-size:31px}.cover-date{font-size:10px}.cover-side .side-feature h3{font-size:21px}.side-feature>.side-photo{height:170px}.side-feature>div{padding:17px 20px}.side-small{grid-template-columns:90px 1fr;gap:13px}.side-small>a{height:110px}.side-small h3{font-size:17px}.card-photo{height:210px}.story-card h3{font-size:21px}.cards{gap:28px 23px}}
@media(max-width:800px){.desktop-nav{display:none}.site-header{justify-content:space-between}.header-actions{margin-left:auto}.menu-trigger{display:grid}.intro-note{display:none}.cover-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}.cover-photo{height:295px}.cover-copy h1{font-size:29px}.cover-copy>p:not(.type){font-size:13px}.cover-date{display:none}.side-heading h2{font-size:15px}.side-feature>.side-photo{height:162px}.side-feature>div{padding:15px}.side-feature h3{font-size:19px!important}.side-description{display:none}.side-small{grid-template-columns:78px 1fr;gap:10px}.side-small h3{font-size:16px}.side-small>a{height:95px}.side-footnote{font-size:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-photo{height:240px}.little-note{padding:32px;gap:20px}.little-note p{font-size:13px}.little-note figure{width:125px;height:125px}.little-note figcaption{font-size:14px;left:-25px}.site-footer{grid-template-columns:1fr 1fr}.footer-note{grid-column:1/-1;text-align:left}.sample-caption{font-size:9px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.preview-note{padding:7px 14px;font-size:9px;gap:3px}.preview-note>div{gap:1px}.preview-note button,.preview-note a{font-size:9px;min-height:28px;padding:4px 8px}.site-header{padding:22px 0 18px}.logo{font-size:40px}.flower{font-size:26px;margin-right:8px}.search-trigger{width:44px;height:44px;padding:10px;justify-content:center}.search-trigger span{display:none}.home-intro{margin:8px 0 16px}.home-intro>p{font-size:18px}.topic-pills{gap:6px;flex-wrap:wrap;margin-bottom:23px}.topic-pills button{font-size:11px;min-height:40px;padding:8px 14px}.cover-grid{display:block}.cover-photo{height:245px;border-radius:15px}.photo-label{top:15px;left:15px;font-size:11px;padding:6px 12px}.cover-copy{padding:20px 0 0}.cover-copy h1{font-size:30px;line-height:1.4;margin-bottom:12px}.cover-copy>p:not(.type){font-size:13px;line-height:1.9}.cover-copy .type{font-size:11px}.cover-bottom{margin-top:16px;font-size:10px}.read-arrow{width:40px;height:40px;font-size:22px}.cover-side{margin-top:25px;background:#f8f4df;border-radius:16px;padding:19px}.side-heading{margin-bottom:15px}.side-heading h2{font-size:15px}.side-heading>span{font-size:20px}.side-feature,.side-small{display:grid;grid-template-columns:87px 1fr;gap:15px;align-items:center;background:none;border-radius:0}.side-feature>.side-photo,.side-small>a{height:92px;border-radius:10px}.side-feature>div{padding:0}.side-feature h3,.side-small h3{font-size:16px!important;line-height:1.55}.side-feature .type,.side-small .type{font-size:10px;margin-bottom:5px}.side-small{margin-top:20px}.side-small .card-meta{font-size:9px;margin-top:8px}.side-footnote{font-size:9px;margin-top:16px}.latest-section{margin-top:33px}.section-heading{margin-bottom:21px;align-items:center}.section-kicker{font-size:10px}.section-heading h2{font-size:24px;margin-top:3px}.sample-caption{display:none}.cards{display:block}.story-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:17px;align-items:start;margin-bottom:27px}.card-photo,.story-card:nth-child(3n+2) .card-photo{height:112px;border-radius:12px}.card-copy{padding:0}.card-copy .type{font-size:10px;margin-bottom:6px}.story-card h3{font-size:17px;line-height:1.55;letter-spacing:-.035em}.card-intro{display:none}.card-meta{font-size:9px;margin-top:11px}.card-meta span{padding:0 1px}.more-wrap{margin:23px 0 34px}.more-button{font-size:12px;min-height:44px;padding:10px 25px}.little-note{padding:29px 24px;display:block;position:relative;margin-bottom:37px}.little-note h2{font-size:27px}.little-note p{font-size:13px;position:relative;z-index:1}.little-note p br{display:none}.little-note figure{display:none}.site-footer{gap:26px 20px;padding-bottom:28px}.site-footer .logo{font-size:31px}.site-footer p{font-size:11px}.footer-links{font-size:10px;text-align:right;gap:13px}.footer-note>span{font-size:17px}.footer-note small{font-size:9px}.post-wrap{width:calc(100% - 36px);margin:10px auto 42px}.post-head{margin:21px 0 25px}.post-head h1{font-size:30px;line-height:1.5}.post-head .type{font-size:11px}.dek{font-size:14px;line-height:1.9}.post-meta{font-size:10px;line-height:1.9}.post-meta span{padding:0 2px}.post-image{height:270px;border-radius:14px}.post-body{font-size:18px;line-height:1.85;margin-top:29px}.post-body h2{font-size:24px;margin-top:33px}.pull-note{padding:22px}.post-related{padding:24px 21px}.post-related h2{font-size:20px}.post-related>a{font-size:13px;gap:12px}.post-related img{width:60px;height:64px}.post-related b{font-size:20px}.empty-wrap{margin:25px auto 50px}.empty-wrap h1{font-size:30px}.empty-wrap>p{font-size:16px}.about-points{display:block}.about-points>div{margin-bottom:12px;padding:23px}.search-dialog{padding:22px}.dialog-heading h2{font-size:20px}.search-result strong{font-size:15px}.search-result img{width:55px;height:55px}}
/* v3.1: optical spacing, readable topic states and quiet interaction feedback. */
h1,h2,h3{text-wrap:balance}
.card-intro,.dek,.side-description,.topic-description,.little-note p{text-wrap:pretty}
.card-meta,.cover-date,.post-meta,.sample-caption{font-variant-numeric:tabular-nums}
.home-intro>div{min-width:0}.home-title{font-size:21px;font-weight:500;line-height:1.6;letter-spacing:-.035em}.home-title>span{background:linear-gradient(transparent 63%,var(--butter) 63%)}
.cover-photo{height:320px}.cover-title{font-size:36px;line-height:1.4;font-weight:600;margin-bottom:12px}.cover-grid{gap:40px}.cover-copy{padding-top:23px}.cover-bottom{margin-top:18px}.side-feature>.side-photo{height:182px}.side-heading{margin-bottom:15px}.latest-section{margin-top:42px}
.cover-photo img,.card-photo img,.side-photo img,.side-small img,.post-image img{outline:1px solid #0000000b;outline-offset:-1px}
.topic-pills button,.search-trigger,.menu-trigger,.read-arrow,.soft-button,.more-button,.preview-note button,.preview-note a{min-height:44px;min-width:44px;transition:background-color 160ms ease,box-shadow 160ms ease,transform 130ms ease}
.read-arrow{width:44px;height:44px}.preview-note{padding-block:3px;font-size:11px}.preview-note button,.preview-note a{font-size:11px}.menu-trigger[aria-expanded=true]{background:var(--sage);border-radius:50%}
.desktop-nav a[aria-current=page],.mobile-menu a[aria-current=page]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.footer-links{gap:3px}.footer-links a{display:inline-flex;align-items:center;min-height:40px}.back-link{min-height:44px}
.section-tools{display:flex;gap:16px;align-items:center;justify-content:flex-end}.section-tools>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;color:var(--accent)}
.topic-description{color:var(--soft);font-size:15px;line-height:1.9;margin-top:12px;word-break:keep-all}
#main[data-filtered=true] .home-intro{margin-top:24px;margin-bottom:24px;align-items:flex-start;scroll-margin-top:20px}
#main[data-filtered=true] .home-title{font-size:34px;line-height:1.5}#main[data-filtered=true] .intro-note{padding-top:14px}
#main[data-filtered=true] .latest-section{margin-top:25px}#main[data-filtered=true] .cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:930px}
#main[data-filtered=true] .little-note{margin-top:35px}#main[data-filtered=true] .sample-caption{display:inline}
.home-intro{scroll-margin-top:20px}.card-meta{font-size:11px;line-height:1.8}
.search-field{display:flex;align-items:center;gap:2px;background:#f0f1e9;border-radius:13px;padding-right:5px}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:3px}.search-field input{flex:1;min-width:0;width:auto;min-height:52px;background:none;outline:none!important}.search-field input::-webkit-search-cancel-button{display:none}.search-field button{flex-shrink:0;min-width:52px;min-height:44px;background:#fffefa;border:0;border-radius:9px;font-size:11px}
.search-suggestions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:13px 0 5px}.search-suggestions>span{font-size:10px;color:var(--soft);margin-right:3px}.search-suggestions button{border:0;background:var(--sage);border-radius:40px;padding:5px 15px;font-size:11px;min-height:40px;min-width:44px}
.search-result{border-radius:12px;padding:13px 8px;margin-inline:-8px}.search-result>span{flex:1;min-width:0}.search-result>b{font-size:21px;font-weight:400;color:var(--soft);padding:5px}.search-empty{text-align:center;padding:28px 10px 16px}.search-empty>span{font:44px Georgia,serif;color:#9f8338}.search-empty p{font-size:14px;line-height:1.9;color:var(--soft);margin:10px 0 20px}.search-empty button{background:var(--butter);border:0;border-radius:40px;min-height:44px;padding:10px 20px;font-size:12px}
@media(hover:hover) and (pointer:fine){.more-button:hover,.soft-button:hover,.search-trigger:hover,.read-arrow:hover{box-shadow:0 3px 9px #0000000a;transform:translateY(-1px)}.search-result:hover{background:#f2f2e9}.preview-note button:hover,.preview-note a:hover{background:#fffefa}.topic-pills button:hover{box-shadow:inset 0 0 0 1px #7f8876}}
.more-button:active,.soft-button:active,.search-trigger:active,.read-arrow:active,.topic-pills button:active{transform:scale(.97)}
@media(max-width:1050px){.cover-grid{gap:27px}.cover-title{font-size:31px}.cover-photo{height:300px}.side-feature>.side-photo{height:165px}}
@media(max-width:800px){.cover-grid{gap:23px}.cover-title{font-size:29px}.cover-photo{height:280px}.side-feature>.side-photo{height:155px}.section-tools{gap:9px}.section-tools>a{font-size:11px}.card-meta{font-size:10px}}
@media(max-width:560px){.preview-note{display:block;padding:5px 14px 3px;font-size:9px}.preview-note>span{display:block;font-size:9px;color:var(--soft)}.preview-note>div{justify-content:space-between;gap:2px}.preview-note button,.preview-note a{font-size:10px;min-height:40px;padding-inline:11px}.site-header{padding-top:20px;padding-bottom:16px}.home-title{font-size:18px;line-height:1.75}.home-intro{margin-bottom:16px}.cover-photo{height:235px}.cover-title{font-size:29px;line-height:1.45}.cover-copy{padding-top:21px}.side-feature>.side-photo{height:92px}.topic-pills{gap:7px;margin-bottom:24px}.topic-pills button{font-size:11px;padding:8px 13px;min-height:44px}.card-meta{font-size:10px;line-height:1.8;margin-top:9px}.story-card{grid-template-columns:108px minmax(0,1fr);gap:16px}.section-heading{gap:14px}.section-tools{flex-direction:column;align-items:flex-end;gap:0}.section-tools>a{font-size:10px}.section-tools .sample-caption{font-size:10px}.section-heading h2{font-size:23px}#main[data-filtered=true] .home-intro{margin-top:16px;margin-bottom:20px}#main[data-filtered=true] .home-title{font-size:30px}.topic-description{font-size:14px;margin-top:10px}#main[data-filtered=true] .cards{max-width:none}#main[data-filtered=true] .little-note{margin-top:25px}.footer-links a{justify-content:flex-end}.search-suggestions{gap:6px}.search-suggestions>span{width:100%;margin-bottom:2px}.search-suggestions button{min-height:40px}.search-result{gap:12px}.search-result>b{font-size:19px}.dialog-heading h2{font-size:20px}.search-dialog{max-height:calc(100dvh - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.cover-photo:hover img,.card-photo:hover img,a:active,button:active,a:hover,button:hover{transform:none!important}}

/* WordPress production integration */
.admin-bar .skip{top:-80px}.admin-bar .skip:focus{top:46px}
.site-header .menu-main-container{margin-left:auto}.desktop-nav ul,.mobile-menu ul,.footer-links ul{list-style:none;margin:0;padding:0}.desktop-nav ul{display:flex;gap:27px;align-items:center}.desktop-nav li{display:flex}.desktop-nav a{display:flex;align-items:center}.desktop-nav .current-menu-item>a,.desktop-nav .current-category-ancestor>a{color:var(--accent)}
.topic-pills a{display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:9px 19px;min-height:42px;border-radius:50px;background:#f1f1e9}.topic-pills a:nth-child(3){background:var(--sky)}.topic-pills a:nth-child(4){background:var(--peach)}.topic-pills a[aria-current=page]{background:var(--ink);color:#fff}.topic-pills a:hover{box-shadow:inset 0 0 0 1px #b7bba9;color:var(--ink)}
.wp-post-image{max-width:100%}.cover-photo img,.card-photo img,.side-photo img,.post-image img{width:100%;height:100%;object-fit:cover}.fallback-credit{font-size:10px;color:var(--soft);margin-top:8px}.fallback-credit a{text-decoration:underline}.home-title{font-size:21px;font-weight:500}.home-title span{background:linear-gradient(transparent 60%,var(--butter) 60%)}
.card-photo{background:var(--sage)}.side-photo{background:var(--sky)}.pagination{display:flex;justify-content:center;gap:8px;margin:42px auto 60px}.pagination .page-numbers{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 13px;border-radius:999px;background:#f1f1e9}.pagination .current{background:var(--ink);color:#fff}
.archive-head{margin:12px auto 30px}.archive-head h1{font-size:38px}.archive-description{margin-top:10px;color:var(--soft);max-width:680px}.archive-grid{margin-bottom:20px}.search-page .search-form{display:flex;gap:8px;margin:24px 0 35px}.search-page .search-field{flex:1;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 15px;min-height:48px}.search-page .search-submit{border:0;border-radius:999px;background:var(--sage);padding:10px 22px;min-height:48px}
.page-wrap{width:calc(100% - 40px);max-width:760px;margin:28px auto 70px}.page-head{margin-bottom:26px}.page-head h1{font-size:39px}.page-body{font-size:17px;line-height:1.9}.page-body p,.page-body ul,.page-body ol{margin:0 0 24px}.page-body h2{font-size:27px;margin:42px 0 17px}.page-body h3{font-size:21px;margin:32px 0 13px}.page-body a{text-decoration:underline;text-underline-offset:4px}.page-body ul,.page-body ol{padding-left:24px}.page-body li+li{margin-top:8px}.page-updated{font-size:11px;color:var(--soft);margin-top:16px}
.post-body ul,.post-body ol{margin:0 0 26px;padding-left:25px}.post-body li+li{margin-top:10px}.post-body a{text-decoration:underline;text-underline-offset:4px}.post-body blockquote{margin:30px 0;padding:22px 26px;background:var(--peach);border-radius:14px}.post-body blockquote p:last-child{margin-bottom:0}
.footer-links li+li{margin-top:13px}.footer-note small a{text-decoration:underline}.legal-note{border-top:1px solid var(--line);padding:18px 0 24px;font-size:10px;color:var(--soft);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.legal-note a{text-decoration:underline}
.search-dialog form{display:block}.search-dialog .search-field{position:relative}.search-dialog .search-submit{margin-top:12px;border:0;border-radius:999px;background:var(--sage);padding:10px 20px;min-height:44px}.search-suggestions a{display:inline-flex;align-items:center;min-height:40px;padding:7px 13px;border-radius:999px;background:#f1f1e9;font-size:11px}.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.search-suggestions>span{font-size:10px;color:var(--soft);margin-right:4px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.screen-reader-text:focus{clip:auto!important;clip-path:none;background:#fff;color:var(--ink);display:block;height:auto;width:auto;left:12px;top:12px;padding:14px;z-index:100000}
.alignwide{max-width:1040px;margin-left:auto;margin-right:auto}.alignfull{width:100vw;margin-left:calc(50% - 50vw)}
@media(max-width:800px){.site-header .menu-main-container{display:none}.desktop-nav ul{display:none}.mobile-menu ul{display:block}.mobile-menu li{display:block}.mobile-menu a{display:flex;align-items:center}.footer-links ul{display:block}.archive-head h1{font-size:32px}}
@media(max-width:560px){.topic-pills a{font-size:11px;padding:8px 13px;min-height:44px}.page-head h1,.post-head h1{font-size:31px}.page-body,.post-body{font-size:16px}.site-footer{grid-template-columns:1fr}.footer-links a{justify-content:flex-start}.footer-note{grid-column:auto}.legal-note{display:block}.legal-note span{display:block;margin-bottom:8px}.archive-head h1{font-size:29px}.search-page .search-form{display:block}.search-page .search-submit{width:100%;margin-top:8px}}
