/* Artikel: ukuran stabil, paragraf lega, dan navigasi yang jelas pada HP. */
.reader-layout{grid-template-columns:minmax(0,760px) minmax(240px,300px);gap:52px;max-width:1112px;margin-inline:auto}
.reader-layout .article-main{min-width:0}.reader-layout .article-main h1{font-size:clamp(27px,3.2vw,38px);line-height:1.35;letter-spacing:-.65px;color:#1c2833}
.reader-layout .article-main>.eyebrow{display:block;margin-top:18px;font-size:12px}
.reader-layout .article-main>.meta,.reader-byline{font-size:13px;line-height:1.7;gap:12px;flex-wrap:wrap;color:#647080}
.reader-layout .article-cover{border-radius:12px;margin-block:26px 12px;width:100%;height:auto;object-fit:cover}
.reader-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#687280;font-size:13px;margin:18px 0 24px}
.reader-layout .news-engagement small{min-height:3.4em}.reader-layout [data-view-count],.reader-layout [data-like-count]{font-variant-numeric:tabular-nums;display:inline-block;min-width:2ch}
.article-body.reader-body{font-family:var(--font,Jakarta,sans-serif);font-size:var(--reader-font,18px);line-height:1.85;font-weight:400;letter-spacing:0;color:#222337;text-align:left;max-width:100%}
.article-body.reader-body p,.article-body.reader-body p:first-child{font-size:inherit;line-height:inherit;font-weight:400;color:inherit;margin:0 0 1.25em;white-space:pre-line;overflow-wrap:break-word;word-break:normal}
.reader-body h2{font-size:1.3em;line-height:1.5;letter-spacing:-.2px;margin:1.6em 0 .8em;color:#202738}
.reader-body:focus{outline:none}.reader-body:focus-visible{outline:3px solid #1688b2;outline-offset:8px}
.reader-related{background:#f7f7fc;border-left:6px solid #0789b5;border-radius:6px;padding:14px 20px;margin:24px 0;line-height:1.55;break-inside:avoid}
.reader-related>span{display:block;color:#087da6;font-weight:700}.reader-related>a{display:block;color:#b94b00;font-weight:700;text-decoration:none;overflow-wrap:break-word}.reader-related>a:hover{text-decoration:underline;text-underline-offset:4px}
.reader-copyright{border:1px solid #d47966;color:#923f30;font-size:13px;line-height:1.75;text-align:center;padding:15px 20px;margin:30px 0 24px;overflow-wrap:break-word}
.reader-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#f0f1f7;border:1px solid #dcdfea;border-radius:7px;margin:24px 0 32px;padding:16px 18px;color:#202337;font-size:16px}
.reader-page-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.reader-page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px;border-radius:50%;border:1px solid #c45200;background:#fff;color:#252638;font-weight:600;text-decoration:none;line-height:1.2}
.reader-page-word{border-radius:26px;padding-inline:16px}.reader-page.is-active{background:#bd4d00;border-color:#bd4d00;color:#fff}.reader-page[href]:hover{background:#fff0e5}.reader-page-gap{padding-inline:2px}
.reader-sidebar{padding-top:18px}.reader-sidebar>h2{font-size:19px}.reader-sidebar>p{border-bottom:1px solid #e8ecef;padding:18px 0;font-size:15px;line-height:1.7}
.reader-layout .share-row{flex-wrap:wrap;font-size:13px}.reader-layout .caption{font-size:12px;line-height:1.6}
.reader-public-footer{padding:24px 18px;background:#f5f7f6;border-top:1px solid #e1e8e4}.reader-public-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 24px;max-width:1100px;margin:auto;font-size:13px;line-height:1.8}.reader-public-footer a{text-decoration:underline;text-underline-offset:4px}
.modern-footer .reader-footer-links{display:flex;flex-wrap:wrap;gap:14px 24px;border-top:1px solid #ffffff20;padding-top:24px;margin-top:24px;font-size:13px;line-height:1.8}
.public-policy{max-width:850px;margin:0 auto 32px}.public-policy>.eyebrow{display:block;margin-top:30px;font-size:12px}.public-policy>h1{font-size:clamp(28px,5vw,38px);line-height:1.4;margin:12px 0 30px}.public-policy .reader-body{--reader-font:17px}.public-policy .reader-body a{color:#086894;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-editor-guide{background:#f0f6f3;border:1px solid #d5e6dc;border-radius:10px;padding:16px;margin-block:16px;line-height:1.7;font-size:13px}.reader-editor-guide p{margin:8px 0 12px}.reader-editor-guide small{display:block;margin-top:10px;font-size:12px}.reader-admin-note{font-size:13px;line-height:1.85;color:#526273;margin-bottom:18px}.reader-policy-settings{grid-column:1/-1}.reader-policy-settings textarea{font-size:14px;line-height:1.8}.reader-policy-settings .field{margin-bottom:24px}
.reader-home-story{border-top:1px solid #e4e9e6;padding-block:22px}.reader-home-story h3{font-size:22px;line-height:1.5;margin-bottom:12px}.reader-home-story p{font-size:17px;line-height:1.8}
@media(max-width:1000px){.reader-layout{gap:30px;grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:760px){.reader-layout{grid-template-columns:minmax(0,1fr);gap:36px}.portal-main:has(.reader-layout){width:calc(100% - 32px);padding-top:18px}.reader-layout .article-main h1{font-size:28px;line-height:1.42}.reader-layout .article-cover{border-radius:8px;margin-top:22px}.reader-related{padding:13px 16px;margin-block:24px}.reader-copyright{padding:14px 16px}.reader-pagination{padding:14px 12px;gap:10px;margin-bottom:26px}.reader-layout>.reader-sidebar{border-top:1px solid #e1e6e9;padding-top:24px}.public-policy .reader-body{--reader-font:17px}}
@media(max-width:360px){.portal-main:has(.reader-layout){width:calc(100% - 28px)}.reader-related{padding-inline:12px}.reader-pagination{padding:12px 10px}.reader-page-links{gap:6px}.reader-page-word{padding-inline:12px}}
@media print{.reader-related,.reader-pagination,.reader-sidebar,.modern-header,.modern-footer,.reader-public-footer{display:none}.reader-layout{display:block}.article-body.reader-body{font-size:12pt;color:#000}}