/* Homepage and Lab discovery only. The reading-page shell stays unchanged. */
.media-site.media-discovery .publication-utility { min-height:56px; }
.media-site.media-discovery .publication-masthead { gap:24px; padding-block:0 12px; }
.media-site.media-discovery .publication-masthead .media-logo img { width:228px; }
.media-site.media-discovery .media-nav a { min-height:44px; }
.media-site.media-discovery .publication-welcome { grid-template-columns:1.2fr 1fr; margin-top:24px; }
.media-site.media-discovery .welcome-copy { padding:40px; align-self:center; }
.media-site.media-discovery .welcome-copy h1 { font-size:clamp(38px,4vw,54px); line-height:1.08; margin-bottom:22px; }
.media-site.media-discovery .welcome-copy > p:not(.eyebrow) { max-width:37rem; font-size:16px; line-height:1.7; margin-bottom:26px; }
.media-site.media-discovery .welcome-actions { align-items:center; gap:12px 24px; }
.media-site.media-discovery .welcome-actions .publication-button { min-height:48px; font-size:14px; padding:12px 18px; }
.media-site.media-discovery .welcome-actions .text-link { min-height:44px; font-size:14px; }
.home-tools { min-width:0; padding:32px; border-left:1px solid var(--line); background:#1b2019; }
.home-tools > .eyebrow { color:var(--muted); margin-bottom:14px; }
.home-tools h2 { margin:0 0 22px; font:400 31px/1.15 var(--serif); letter-spacing:-.6px; }
.home-tools h2 em { font-weight:400; }
.home-tool-links a { display:grid; grid-template-columns:24px minmax(0,1fr) 18px; align-items:center; gap:14px; padding:18px 0; border-top:1px solid var(--line); }
.home-tool-links strong { display:block; font-size:16px; font-weight:500; line-height:1.4; }
.home-tool-links small { display:block; margin-top:5px; color:var(--muted); font-size:13px; line-height:1.6; }
.home-tool-number { align-self:start; padding-top:3px; color:#f1b44c; font-size:12px; font-variant-numeric:tabular-nums; }
.home-tool-links a:hover strong { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.home-paths { padding-top:32px; padding-bottom:4px; }
.home-paths .publication-section-heading { margin-bottom:18px; }
.home-download { margin-block:24px 32px; }
.home-download .content-upgrade-featured { margin:0; }
.media-site.media-discovery .lab-discovery-heading { max-width:none; padding-block:26px 22px; }
.media-site.media-discovery .lab-discovery-heading h1 { max-width:1000px; font-size:clamp(35px,3.8vw,48px); line-height:1.1; margin-bottom:16px; }
.lab-discovery-heading > p:not(.eyebrow) { max-width:920px; font-size:16px; line-height:1.65; color:var(--muted); }
.lab-jump-links { display:flex; gap:12px 28px; flex-wrap:wrap; margin-top:12px; }
.lab-jump-links .text-link { min-height:44px; font-size:14px; }
.lab-data-note { max-width:920px; margin-top:8px; color:var(--muted); font-size:14px; line-height:1.7; }
.lab-data-note summary { min-height:44px; padding-block:10px; cursor:pointer; color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.lab-data-note p { margin-block:8px 0; }
.media-site.media-discovery [data-tool-finder] { padding-block:22px 32px; border-top:1px solid var(--line); scroll-margin-top:24px; }
.media-site.media-discovery [data-tool-finder] h2 { font:400 30px/1.2 var(--serif); margin-bottom:18px; }
.media-site.media-discovery [data-tool-controls] { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:end; gap:14px 20px; margin:0 0 24px; }
.media-site.media-discovery [data-tool-controls] label { display:block; margin-bottom:8px; font-size:14px; font-weight:500; }
.media-site.media-discovery [data-tool-controls] input,.media-site.media-discovery [data-tool-controls] select { box-sizing:border-box; width:100%; min-width:0; min-height:48px; padding:12px; color:var(--ink); background:#1b2019; border:1px solid #74816a; border-radius:0; font:inherit; font-size:16px; }
.media-site.media-discovery [data-tool-controls] input::placeholder { color:#b8bfb0; opacity:1; }
.media-site.media-discovery [data-tool-reset] { justify-self:start; min-height:44px; max-width:100%; margin:0; font-size:13px; }
.media-site.media-discovery [data-tool-status] { justify-self:end; margin:0; align-self:center; color:var(--muted); font-size:14px; }
.media-site.media-discovery [data-tool-empty] { grid-column:1/-1; margin:0; padding:18px; border:1px solid var(--line); }
.tool-search-field,.tool-category-field { min-width:0; }
.tool-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.tool-result-grid [data-tool-item] { min-width:0; margin:0; padding:18px 20px; border:1px solid var(--line); background:#1b2019; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.tool-result-grid .text-link { display:block; min-height:44px; font-size:15px; font-weight:500; line-height:1.6; }
.tool-result-grid a:not(.text-link) { display:inline-block; margin-top:8px; color:var(--muted); font-size:13px; text-decoration:underline; text-underline-offset:3px; }
.lab-download { margin-block:4px 32px; }
.media-site.media-discovery #latihan-ai { scroll-margin-top:24px; }
@media(max-width:950px) {
 .media-site.media-discovery .publication-masthead .media-logo img { width:210px; }
 .media-site.media-discovery .welcome-copy { padding:28px; }
 .home-tools { padding:26px; }
}
@media(max-width:700px) {
 .media-site.media-discovery .publication-masthead .media-logo img { width:185px; }
 .media-site.media-discovery .publication-welcome { grid-template-columns:1fr; margin-top:16px; }
 .media-site.media-discovery .welcome-copy { padding:28px 24px; }
 .media-site.media-discovery .welcome-copy h1 { font-size:clamp(35px,9vw,46px); }
 .home-tools { border-left:0; border-top:1px solid var(--line); padding:26px 24px; }
 .home-tools h2 { font-size:29px; }
 .media-site.media-discovery [data-tool-controls],.tool-result-grid { grid-template-columns:1fr; }
 .media-site.media-discovery [data-tool-status] { justify-self:start; }
 .media-site.media-discovery .lab-discovery-heading h1 { font-size:clamp(34px,8vw,42px); }
 .media-site.media-discovery .lab-discovery-heading { padding-block:24px 18px; }
}

@media(min-width:951px) { .media-site.media-discovery .media-nav a { font-size:12px; } }