/* Hak Gundem Online | article detail only | 2026-10-12 */
.article-layout{grid-template-columns:minmax(0,790px) minmax(215px,265px);gap:clamp(22px,3vw,38px);align-items:start;padding-top:24px;padding-bottom:20px}
.article-layout>.article{min-width:0}
.article-layout .crumb{margin:0 0 16px;flex-wrap:wrap;align-items:center;font:500 12px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#66758a}
.article-layout .crumb a:hover{color:#bf1428;text-decoration:underline}
.article-layout .article-head .eyebrow{background:#fff0f2;color:#c3152b;border-radius:4px;padding:5px 9px;font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.06em}
.article-layout .article-head h1{max-width:850px;margin:12px 0 13px;color:#142237;font:800 clamp(27px,3vw,40px)/1.17 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.032em;overflow-wrap:break-word;hyphens:auto;text-wrap:pretty}
.article-layout .article-summary{max-width:790px;margin:0 0 17px;color:#526278;font:400 clamp(15px,1.25vw,17px)/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.article-layout .article-meta{border-block:1px solid #e4eaf1;color:#66758a;font:500 12px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;padding:10px 0;gap:6px 12px}
.article-layout .article-cover{margin:19px 0 22px;border-radius:10px;overflow:hidden;background:#eef2f6}
.article-layout .article-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-layout .article-body{max-width:790px;color:#273549;font:400 17px/1.83 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-wrap:anywhere}
.article-layout .article-body p{margin:0 0 1.25em}
.article-layout .article-body h2{color:#142237;font:800 clamp(21px,2vw,25px)/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em;margin:1.6em 0 .55em}
.article-layout .article-body h3{color:#17283d;font:750 20px/1.35 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;margin:1.45em 0 .55em}
.article-layout .article-body ul,.article-layout .article-body ol{padding-left:1.5em;margin:0 0 1.35em}
.article-layout .article-body li{margin-bottom:.5em}
.article-layout .article-body a{color:#bb142a;text-decoration:underline;text-underline-offset:3px}
.article-layout .article-body blockquote{margin:24px 0;padding:13px 20px;background:#f6f8fb;border-left:4px solid #c71b32;border-radius:0 8px 8px 0}
.article-layout .article-body img{max-width:100%;height:auto;border-radius:8px}
.article-layout .article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.article-layout .article-body th,.article-layout .article-body td{border:1px solid #e0e6ee;padding:9px 12px}
.article-layout .source-box{font:500 13px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;border-color:#e1e7ef}
.article-layout .source-box b{color:#c31b32}
.article-layout .article-side{padding-top:72px;min-width:0}
.article-layout .trust-box{background:#fff;border:1px solid #e3e9f0;border-top:3px solid #c61931;border-radius:9px;padding:17px;box-shadow:0 5px 18px rgba(15,35,60,.045)}
.article-layout .trust-box strong{font:800 15px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#17283c}
.article-layout .trust-box p{font:400 13px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#627187}
.article-layout .trust-box a{color:#bd1a30}
@media(max-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.article-layout .article-head h1{font-size:clamp(27px,3.4vw,36px)}}
@media(max-width:760px){.article-layout{display:block;padding-top:17px}.article-layout .crumb{margin-bottom:12px;font-size:11px}.article-layout .article-head h1{font-size:clamp(25px,6.6vw,34px);line-height:1.2;letter-spacing:-.028em;margin:10px 0 12px}.article-layout .article-summary{font-size:15px;line-height:1.6;margin-bottom:14px}.article-layout .article-meta{font-size:11px}.article-layout .article-cover{margin:15px 0 19px;border-radius:8px}.article-layout .article-body{font-size:16px;line-height:1.8}.article-layout .article-body h2{font-size:22px;line-height:1.32;margin-top:1.5em}.article-layout .article-body h3{font-size:19px}.article-layout .article-side{padding-top:22px}.article-layout .trust-box{position:static}.article-layout .source-box{flex-wrap:wrap}}
@media(max-width:390px){.article-layout .article-head h1{font-size:25px}.article-layout .article-body{font-size:15.5px}}