/* Hak Gundem Online — Interior Pro | isolated public interior styles | v1.0 */
:root{--hi-ink:#142238;--hi-muted:#64748b;--hi-red:#bd2032;--hi-border:#e3e9f1;--hi-panel:#fff;--hi-soft:#f5f7fb;--hi-radius:20px;--hi-shadow:0 14px 42px rgba(18,35,57,.065)}
/* Unified inner-page rhythm; no homepage, navbar, admin, JS or data changes */
.wrap.listing{padding-top:22px;padding-bottom:54px;min-height:0}
.listing .listing-head{position:relative;max-width:none;margin:0 0 22px;padding:25px clamp(18px,3vw,38px) 27px;overflow:hidden;background:linear-gradient(115deg,#162438 0%,#203550 68%,#293e55 100%);border-radius:var(--hi-radius);color:#fff;box-shadow:var(--hi-shadow)}
.listing .listing-head::before{content:"";position:absolute;inset:auto -70px -140px auto;width:210px;height:210px;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}
.listing .listing-head::after{content:"";position:absolute;right:22px;bottom:-90px;width:165px;height:165px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.listing .listing-head>span{display:inline-flex;align-items:center;gap:9px;margin-bottom:9px;color:#ffd7dc;font:800 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.listing .listing-head>span::before{content:"";width:21px;height:3px;border-radius:8px;background:#fb5361}
.listing .listing-head h1{position:relative;z-index:1;color:#fff;font:850 clamp(27px,3.1vw,43px)/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0 0 8px;max-width:820px}
.listing .listing-head p{position:relative;z-index:1;color:#d5e0ec;font:400 clamp(13px,1.15vw,16px)/1.5 Arial,Helvetica,sans-serif;margin:0;max-width:700px}
/* Category and search cards */
.listing .card-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
.listing .card-grid .card{min-width:0;overflow:hidden;border:1px solid var(--hi-border);border-radius:15px;background:var(--hi-panel);box-shadow:0 6px 20px rgba(21,35,55,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.listing .card-grid .card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(21,35,55,.12);border-color:#d4dce7}
.listing .card-grid .card-media{display:block;overflow:hidden;aspect-ratio:1.55;background:#e9edf3}
.listing .card-grid .card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.listing .card-grid .card:hover .card-media img{transform:scale(1.035)}
.listing .card-grid .card-body{padding:16px 17px 18px}
.listing .card-grid .eyebrow{display:inline-block;font:800 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--hi-red)}
.listing .card-grid h3{font:800 clamp(15px,1.2vw,19px)/1.38 Arial,Helvetica,sans-serif;letter-spacing:-.018em;margin:9px 0 13px;color:var(--hi-ink)}
.listing .card-grid h3 a:hover{color:var(--hi-red)}
.listing .card-grid .byline{font:500 11px/1.5 Arial,Helvetica,sans-serif;color:var(--hi-muted)}
.listing .pagination{gap:12px;flex-wrap:wrap;margin-top:34px}
.listing .pagination a,.listing .pagination span{background:#fff;border:1px solid var(--hi-border);padding:11px 17px;border-radius:10px;font:700 13px Arial,Helvetica,sans-serif;color:var(--hi-ink)}
.listing .pagination a:hover{background:var(--hi-ink);color:#fff}
.listing .empty{border:1px dashed #cbd5e1;border-radius:14px;background:linear-gradient(140deg,#fff,#f5f8fc);padding:25px clamp(18px,3vw,35px);color:var(--hi-ink)}
.listing .empty h2{font:800 21px/1.25 Arial,Helvetica,sans-serif;margin:0 0 9px}
.listing .empty p{color:var(--hi-muted);margin:0;line-height:1.7}
/* Columnists index and individual profile */
.listing .hg-authors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0}
.listing .hg-author-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:270px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid var(--hi-border);border-radius:18px;padding:27px;box-shadow:var(--hi-shadow);transition:transform .2s ease,box-shadow .2s ease}
.listing .hg-author-card::before{content:"";position:absolute;top:0;left:25px;right:25px;height:3px;border-radius:0 0 8px 8px;background:var(--hi-red)}
.listing .hg-author-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(21,35,55,.1)}
.listing .hg-author-card img{width:86px;height:86px;object-fit:cover;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--hi-border),0 8px 22px rgba(0,0,0,.08)}
.listing .hg-author-card h2{font:800 22px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:var(--hi-ink);margin:16px 0 9px}
.listing .hg-author-card p{font:400 14px/1.65 Arial,Helvetica,sans-serif;color:var(--hi-muted);margin:0 0 22px}
.listing .hg-author-card>a{margin-top:auto;color:var(--hi-red);font:800 13px Arial,Helvetica,sans-serif}
.listing .hg-interior-empty{grid-column:1/-1;text-align:center;border:1px solid var(--hi-border);background:linear-gradient(140deg,#fff,#f5f8fc);border-radius:18px;padding:clamp(34px,6vw,72px) 20px;box-shadow:var(--hi-shadow)}
.listing .hg-interior-empty-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 17px;border-radius:18px;background:#fde9ec;color:var(--hi-red);font-size:34px}
.listing .hg-interior-empty h2{font:800 clamp(22px,3vw,29px)/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 12px;color:var(--hi-ink)}
.listing .hg-interior-empty p{font:400 15px/1.65 Arial,Helvetica,sans-serif;color:var(--hi-muted);max-width:500px;margin:0 auto 24px}
.listing .hg-interior-empty a{display:inline-flex;gap:12px;align-items:center;border-radius:10px;background:var(--hi-red);color:#fff;padding:13px 19px;font:800 13px Arial,Helvetica,sans-serif}
.listing .hg-interior-empty a:hover{background:#961a28}
.listing .author-head{background:linear-gradient(120deg,#162438,#243c56);color:#fff;border-radius:20px;padding:36px clamp(22px,4vw,46px);margin:0 0 33px;align-items:center;gap:28px}
.listing .author-head>img{width:132px;height:132px;border:4px solid #fff;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.listing .author-head span{color:#ffbfc7;letter-spacing:.12em}
.listing .author-head h1{color:#fff;font:850 clamp(32px,4vw,48px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.035em}
.listing .author-head strong{color:#fff}
.listing .author-head p{color:#dbe5ee;line-height:1.7;max-width:760px;margin-top:8px}
.listing>.card-grid+.pagination,.listing>.author-head+.card-grid{margin-top:25px}
.listing>.author-head+h2{font:850 26px/1.2 Arial,Helvetica,sans-serif;color:var(--hi-ink);letter-spacing:-.025em;margin:0 0 18px}
/* Corporate, policy, contact and legal pages (DB-managed and PHP fallbacks share markup) */
.wrap.corporate{display:grid;grid-template-columns:minmax(235px,330px) minmax(0,1fr);align-items:start;gap:clamp(22px,4vw,54px);padding-top:42px;padding-bottom:86px;max-width:1160px}
.corporate>header{position:sticky;top:26px;align-self:start;min-width:0;background:linear-gradient(150deg,#162438,#233b56);border-radius:18px;padding:34px clamp(20px,2.5vw,34px);box-shadow:var(--hi-shadow);color:#fff}
.corporate>header>span{color:#ffbfc7;font:800 11px Arial,Helvetica,sans-serif;letter-spacing:.13em}
.corporate>header h1{color:#fff;font:850 clamp(29px,3vw,42px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere;margin:16px 0 15px}
.corporate>header p{color:#dce5ef;font:400 15px/1.7 Arial,Helvetica,sans-serif;margin:0}
.corporate .corporate-body{min-width:0;background:#fff;border:1px solid var(--hi-border);border-radius:18px;padding:clamp(24px,3.5vw,48px);box-shadow:var(--hi-shadow);color:#29364a;font:400 16px/1.85 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.corporate .corporate-body>p:first-child{margin-top:0}
.corporate .corporate-body p{margin:0 0 1.3em}
.corporate .corporate-body h2{color:var(--hi-ink);font:800 clamp(21px,2.2vw,26px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:1.8em 0 .7em;padding-left:14px;border-left:4px solid var(--hi-red)}
.corporate .corporate-body h3{font:800 19px/1.35 Arial,Helvetica,sans-serif;color:var(--hi-ink);margin:1.5em 0 .5em}
.corporate .corporate-body ul,.corporate .corporate-body ol{padding-left:23px;margin:0 0 1.3em}
.corporate .corporate-body li{padding-left:3px;margin-bottom:.5em}
.corporate .corporate-body a{color:#a51b2b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.corporate .imprint{grid-template-columns:minmax(130px,32%) 1fr;border-top:1px solid var(--hi-border)}
.corporate .imprint dt,.corporate .imprint dd{padding:15px 12px;border-bottom:1px solid var(--hi-border)}
.corporate .imprint dt{color:var(--hi-ink);font-weight:800;background:#f8fafc}
.corporate .contact-form{margin-top:25px;padding:25px;border:1px solid var(--hi-border);border-radius:15px;background:#f8fafc;gap:16px}
.corporate .contact-form label{font:800 13px/1.5 Arial,Helvetica,sans-serif;color:var(--hi-ink)}
.corporate .contact-form input,.corporate .contact-form textarea{border:1px solid #cdd7e4;border-radius:10px;padding:13px 14px;background:#fff;color:var(--hi-ink)}
.corporate .contact-form input:focus,.corporate .contact-form textarea:focus{outline:2px solid #b7d1f4;outline-offset:1px;border-color:#4976a4}
.corporate .contact-form button{background:var(--hi-red);border-radius:10px;padding:13px 21px;font:800 14px Arial,Helvetica,sans-serif;cursor:pointer}
.corporate .contact-form button:hover{background:#991d2b}
/* Shared accessibility */
.listing a:focus-visible,.corporate a:focus-visible,.corporate button:focus-visible{outline:3px solid #ec7380;outline-offset:3px}
@media(max-width:1050px){.listing .card-grid.four{grid-template-columns:repeat(3,minmax(0,1fr))}.listing .hg-authors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap.listing{padding-top:18px;padding-bottom:52px}.listing .listing-head{padding:20px 18px 22px;border-radius:13px;margin-bottom:17px}.listing .listing-head h1{font-size:clamp(25px,6.4vw,34px)}.listing .card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listing .card-grid.four .card,.listing .card-grid.four .card:nth-child(n+4){display:block;padding:0;border:1px solid var(--hi-border);border-radius:13px}.listing .card-grid.four .card-media{aspect-ratio:1.4;border-radius:0}.listing .card-grid.four .card-body{padding:12px}.listing .card-grid.four .card h3{font-size:14px;line-height:1.38;margin:7px 0 10px}.listing .card-grid.four .card .byline{font-size:10px}.listing .hg-authors-grid{grid-template-columns:1fr}.listing .hg-author-card{min-height:0}.listing .author-head{padding:26px 22px;gap:16px}.listing .author-head>img{width:90px;height:90px}.wrap.corporate{display:block;padding-top:18px;padding-bottom:55px}.corporate>header{position:static;padding:27px 23px;border-radius:15px 15px 0 0}.corporate>header h1{font-size:clamp(28px,7vw,39px)}.corporate .corporate-body{border-radius:0 0 15px 15px;padding:24px 22px;font-size:15px;line-height:1.75}.corporate .imprint{grid-template-columns:minmax(95px,36%) 1fr}.corporate .imprint dt,.corporate .imprint dd{padding:12px 8px}.corporate .contact-form{padding:16px}}
@media(max-width:440px){.listing .card-grid.four{grid-template-columns:1fr}.listing .card-grid.four .card,.listing .card-grid.four .card:nth-child(n+4){display:grid;grid-template-columns:38% minmax(0,1fr);align-items:stretch}.listing .card-grid.four .card-media{height:100%;aspect-ratio:auto;min-height:125px}.listing .card-grid.four .card-body{padding:12px 11px}.listing .card-grid.four .card h3{font-size:14px}.listing .card-grid.four .card .byline{display:none}.listing .hg-interior-empty{padding:28px 18px}.corporate .imprint{display:block}.corporate .imprint dt{border-bottom:0;padding-bottom:3px}.corporate .imprint dd{padding-top:3px}}
@media(prefers-reduced-motion:reduce){.listing .card-grid .card,.listing .card-grid .card-media img,.listing .hg-author-card{transition:none!important}.listing .card-grid .card:hover,.listing .hg-author-card:hover{transform:none!important}}