/*
Theme Name: Garut Editorial Press
Theme URI: https://garut.co/
Author: Garut Editorial
Description: Original, lightweight magazine theme for editorial WordPress websites. Built without commercial theme source.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: garut-editorial-press
*/
:root{--ink:#182336;--muted:#687386;--accent:#e45731;--accent-dark:#b73c1e;--line:#e5e9ef;--paper:#fff;--soft:#f5f7fa;--radius:12px;--wrap:1180px;--shadow:0 5px 28px rgba(26,39,61,.07)}
body.brand-idjxrt{--accent:#1766a6;--accent-dark:#144c7a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9fafc;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.68}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.container{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:8px;z-index:999}.skip-link:focus{left:10px}
.topline{background:#172236;color:#cfdae9;font-size:12px;font-weight:600;letter-spacing:.02em}.topline .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:14px}.topline a{color:#fff}.topline-nav ul{display:flex;gap:16px;list-style:none;padding:0;margin:0}
.brandbar{background:#fff}.brandbar-inner{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:25px}.branding{min-width:0}.site-title{display:block;font-size:clamp(27px,3vw,40px);font-weight:850;letter-spacing:-.04em;line-height:1.14}.site-title a{color:#172236}.site-description{display:block;margin-top:7px;color:var(--muted);font-size:13px}.custom-logo{max-height:82px;width:auto}.brandbar-side{font-size:12px;letter-spacing:.14em;color:#8b97a9;text-transform:uppercase;border-left:2px solid var(--accent);padding-left:18px}
.nav-shell{background:var(--accent);box-shadow:0 2px 8px #00000011}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:52px}.primary-nav{min-width:0}.primary-nav ul{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;gap:0}.primary-nav li{position:relative}.primary-nav a{display:block;padding:15px 16px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em}.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{background:rgba(0,0,0,.16);color:#fff}.primary-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:210px;background:var(--ink);box-shadow:var(--shadow);z-index:30;flex-direction:column}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:flex}.primary-nav .sub-menu a{padding:10px 14px}.header-search{margin:0;display:flex;gap:0;min-width:150px;max-width:240px}.header-search input{border:0;background:#ffffffeb;padding:9px 12px;min-width:0;width:100%;outline-offset:2px;border-radius:5px 0 0 5px;font-size:13px}.header-search button{background:#19273f;color:#fff;border:0;padding:9px 13px;cursor:pointer;border-radius:0 5px 5px 0}.menu-mobile{display:none}
.main-wrap{padding:32px 0 56px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px;border-bottom:2px solid var(--line);padding:0 0 12px}.section-line:after{content:"";position:absolute}.section-title{font-size:21px;letter-spacing:-.03em;margin:0;font-weight:850}.section-kicker{color:var(--accent);font-weight:800;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.section-link{color:var(--muted);font-size:13px;font-weight:700}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:215px 215px;gap:14px;margin-bottom:38px}.hero-grid .feature-card:first-child{grid-row:span 2;grid-column:span 1}.hero-grid .feature-card:nth-child(2){grid-column:span 2}.hero-grid .feature-card:nth-child(3),.hero-grid .feature-card:nth-child(4){grid-column:span 1}
.feature-card{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(125deg,#243c5c,#8ba5b5);min-height:150px;isolation:isolate}.feature-card img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .35s ease}.feature-card:hover img{transform:scale(1.045)}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,18,34,.93),rgba(7,18,34,.03) 70%);z-index:0}.feature-copy{z-index:1;position:absolute;bottom:0;left:0;right:0;color:#fff;padding:20px}.feature-cat,.cat-pill{display:inline-block;background:var(--accent);color:white;padding:3px 9px;border-radius:3px;font-size:10px;line-height:1.7;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.feature-copy h2{margin:9px 0;font-size:clamp(17px,2vw,25px);line-height:1.3;font-weight:850;letter-spacing:-.025em}.feature-card:first-child h2{font-size:clamp(23px,2.9vw,36px)}.feature-meta{font-size:12px;color:#e4eaf2}.hero-grid .feature-card:nth-child(n+3) .feature-copy h2{font-size:18px}.hero-grid .feature-card:nth-child(n+3) .feature-copy{padding:14px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.post-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#edf0f4,#cbd6e4);position:relative}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.post-card:hover img{transform:scale(1.045)}.post-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:850;font-size:42px;letter-spacing:-.06em;color:#8b9bae}.card-info{padding:18px}.card-meta{color:#7d8798;font-size:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card-meta .cat-name{color:var(--accent);font-weight:850;text-transform:uppercase;font-size:10px}.card-title{margin:9px 0;font-size:19px;line-height:1.35;letter-spacing:-.028em;font-weight:820}.card-excerpt{font-size:13px;line-height:1.65;margin:9px 0 0;color:#667386}.full-list{margin-top:10px}.spotlights{margin-top:40px}.spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.spotlight-col{background:#fff;padding:18px;border:1px solid var(--line);border-radius:var(--radius)}.spotlight-col h3{font-size:19px;margin:0 0 10px}.spotlight-item{padding:10px 0;border-top:1px solid var(--line)}.spotlight-item a{font-size:14px;font-weight:750;line-height:1.3;display:block}.spotlight-item span{font-size:11px;color:var(--muted)}
.sidebar{min-width:0}.widget{background:white;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow)}.widget-title,.widget h2,.widget h3{font-size:17px;letter-spacing:-.02em;border-bottom:2px solid var(--line);margin:0 0 15px;padding-bottom:10px}.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:10px 0;border-bottom:1px solid var(--line);line-height:1.4;font-size:13px}.widget li:last-child{border-bottom:0}.widget a{font-weight:650}.widget input[type=search]{width:100%;border:1px solid var(--line);padding:10px}.widget button,.search-submit{border:0;background:var(--accent);color:white;padding:10px 15px;cursor:pointer;border-radius:4px}
.article-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,4vw,42px);box-shadow:var(--shadow);overflow:hidden}.breadcrumb{color:#7c8798;font-size:12px;margin-bottom:22px}.breadcrumb a{color:var(--accent)}.article-title{margin:10px 0 15px;font-size:clamp(29px,4vw,46px);line-height:1.18;letter-spacing:-.045em}.article-subtitle{color:#768297;margin:0 0 18px}.article-byline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#657287;font-size:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.article-byline a{font-weight:750}.article-hero{width:100%;height:auto;max-height:560px;object-fit:cover;margin:24px 0 25px;border-radius:7px}.entry-content{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{line-height:1.35;margin:1.5em 0 .55em}.entry-content a{color:var(--accent);text-decoration:underline}.entry-content p{margin:0 0 1.3em}.entry-content img{height:auto;max-width:100%}.entry-content figure{max-width:100%}.entry-content ul,.entry-content ol{padding-left:1.5rem}.entry-content blockquote{margin:1.5rem 0;padding:12px 24px;border-left:4px solid var(--accent);background:#f7f8fb}.entry-content table{max-width:100%;display:block;overflow-x:auto}.post-footer{padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.tag-links a{display:inline-block;background:#eef2f6;padding:3px 9px;margin:3px;border-radius:3px;font-size:12px}.author-box{display:flex;gap:16px;align-items:center;margin:20px 0;padding:19px;background:#f6f8fa;border-radius:9px}.author-box img{border-radius:50%}.author-box p{margin:5px 0;color:#768297;font-size:13px}.related-block{margin-top:34px}.related-block .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-block .card-title{font-size:15px}.related-block .card-info{padding:13px}.related-block .card-excerpt{display:none}.pagination{margin-top:30px}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}.pagination a,.pagination span{background:white;border:1px solid var(--line);padding:7px 13px;border-radius:5px;font-size:13px}.pagination .current{background:var(--accent);color:white}.archive-heading{margin-bottom:22px}.archive-heading h1{font-size:32px;letter-spacing:-.04em;margin:0}.archive-description{color:#6e7a8e;font-size:14px}.empty-state{padding:50px 25px;text-align:center;background:white;border-radius:12px}
.comments-area{margin-top:34px;border-top:1px solid var(--line);padding-top:22px}.comments-area ol{padding-left:20px}.comments-area .comment-body{border-bottom:1px solid var(--line);padding:12px 0}.comments-area input:not([type=submit]),.comments-area textarea{display:block;width:100%;padding:10px;border:1px solid #d7dfe8;border-radius:4px}.comments-area input[type=submit]{background:var(--accent);border:0;color:white;padding:12px 20px;border-radius:5px;cursor:pointer}
.site-footer{background:#152238;color:#c2ccda;padding:44px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.footer-brand{font-size:24px;font-weight:850;color:#fff}.footer-description{font-size:13px;color:#b8c4d5}.footer-nav ul{display:flex;gap:13px;justify-content:flex-end;flex-wrap:wrap;list-style:none;padding:0;margin:0}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #324154;margin-top:24px;padding-top:19px;font-size:12px;display:flex;justify-content:space-between;gap:10px}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}
@media(max-width:1020px){.hero-grid{grid-template-columns:1.2fr 1fr;grid-template-rows:230px 190px}.hero-grid .feature-card:first-child{grid-row:span 2}.hero-grid .feature-card:nth-child(2){grid-column:span 1}.hero-grid .feature-card:nth-child(3){grid-column:span 1}.hero-grid .feature-card:nth-child(4){display:none}.content-grid{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.primary-nav a{padding:13px 10px}.header-search{max-width:190px}}
@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--wrap))}.topline-nav,.brandbar-side,.header-search{display:none}.brandbar-inner{min-height:85px}.site-title{font-size:28px}.site-description{font-size:12px}.nav-shell .primary-nav{display:none}.nav-shell{position:relative}.nav-inner{min-height:45px}.menu-mobile{display:block;width:100%;color:#fff;font-weight:800;font-size:14px}.menu-mobile summary{padding:11px 2px;cursor:pointer;list-style:none}.menu-mobile summary::-webkit-details-marker{display:none}.menu-mobile .menu{display:flex;flex-direction:column;margin:0 0 10px;padding:0;list-style:none;background:#ffffff16}.menu-mobile .menu li{list-style:none}.menu-mobile .menu a{display:block;padding:10px 14px;color:white;border-top:1px solid #ffffff33}.menu-mobile .sub-menu{padding-left:12px}.main-wrap{padding:20px 0 40px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 165px;gap:10px;margin-bottom:28px}.hero-grid .feature-card:first-child{grid-column:span 2;grid-row:span 1}.hero-grid .feature-card:nth-child(2),.hero-grid .feature-card:nth-child(3){grid-column:span 1}.hero-grid .feature-card:nth-child(3){display:block}.hero-grid .feature-card:first-child h2{font-size:27px}.hero-grid .feature-card:nth-child(n+2) h2{font-size:14px}.hero-grid .feature-card:nth-child(n+2) .feature-cat{font-size:9px}.hero-grid .feature-card:nth-child(n+2) .feature-copy{padding:10px}.content-grid{grid-template-columns:1fr;gap:24px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sidebar .widget{margin:0}.spotlight-grid{grid-template-columns:1fr 1fr}.related-block .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:510px){.post-grid{grid-template-columns:1fr}.post-card .post-thumb{aspect-ratio:16/9}.sidebar{display:block}.sidebar .widget{margin-bottom:15px}.spotlight-grid{grid-template-columns:1fr}.related-block .post-grid{grid-template-columns:1fr 1fr;gap:10px}.related-block .post-card .post-thumb{aspect-ratio:16/11}.related-block .card-title{font-size:13px}.related-block .card-info{padding:10px}.related-block .card-meta{font-size:10px}.footer-grid{grid-template-columns:1fr}.footer-nav ul{justify-content:flex-start}.footer-bottom{flex-direction:column}.article-panel{padding:21px}.feature-card:first-child h2{font-size:23px}}