/*
Theme Name: Gurupedia Editorial
Description: Tema ringan Gurupedia untuk referensi pendidikan, kompatibel dengan Rank Math dan LiteSpeed Cache.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gurupedia-editorial
*/
:root{--navy:#163f55;--dark:#112f40;--orange:#a64b22;--cream:#f8f5ee;--ink:#20323d;--muted:#596973;--line:#d9dfdf;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c26527;outline-offset:4px}button,input{font:inherit}img{max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3{line-height:1.2;text-wrap:balance;margin:0 0 20px;letter-spacing:-.035em}h1{font-size:clamp(32px,4.4vw,58px)}h2{font-size:clamp(25px,3vw,36px)}h3{font-size:21px}p{margin:0 0 20px}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{padding-block:54px}.eyebrow,.small-label{font-size:11px;letter-spacing:.15em;font-weight:750;line-height:1.5;color:var(--orange);text-transform:uppercase}.topbar{background:var(--navy);color:#f3f5f6;font-size:10px;letter-spacing:.12em}.topbar .container{display:flex;justify-content:space-between;gap:15px;padding-block:9px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px}.brand{display:flex;align-items:center;gap:12px}.brand:hover{text-decoration:none}.brand strong{font-size:27px;line-height:1;letter-spacing:-1px}.brand strong span,.site-footer strong span{color:#bc6c3f}.brand small{display:block;font-size:11px;letter-spacing:.09em;margin-top:6px;color:var(--muted)}.custom-logo{max-height:80px;width:auto}.search-form{display:flex;gap:0;width:min(420px,100%);border:1px solid #cbd5d8;border-radius:7px;overflow:hidden}.search-form input{width:100%;min-width:0;border:0;padding:12px;font-size:12px;color:var(--ink);background:#fafbfa}.search-form button{flex-shrink:0;border:0;background:var(--navy);color:white;padding:10px 17px;font-size:12px;font-weight:700;cursor:pointer}.main-nav{border-block:1px solid var(--line)}.menu{display:flex;list-style:none;gap:28px;margin:0;padding:0}.main-nav a{display:block;padding-block:14px;font-weight:650;font-size:12px;white-space:nowrap}.hero{background:var(--cream);border-bottom:1px solid #e8e5dc;padding-block:65px}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:center}.hero h1{max-width:690px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-copy{max-width:590px;color:var(--muted);font-size:16px}.button{display:inline-flex;align-items:center;gap:35px;background:var(--navy);color:white;padding:14px 20px;border-radius:5px;font-weight:650;font-size:13px}.button:hover{background:var(--dark);text-decoration:none}.hero-note{background:var(--navy);color:white;padding:30px;border-radius:7px;box-shadow:9px 9px 0 #e4dacc}.hero-note .small-label{color:#eac5a5;font-size:9px}.hero-note h2{font-size:29px;margin-top:17px}.hero-note a{display:flex;justify-content:space-between;padding-block:13px;border-top:1px solid #496575;color:white;font-size:13px}.hero-note p{font-size:11px;color:#ced9dd;margin:19px 0 0;line-height:1.7}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:30px}.section-heading h2{margin:0}.section-heading>p{max-width:290px;color:var(--muted);font-size:13px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic-card{display:block;position:relative;padding:25px 22px;border:1px solid var(--line);border-radius:6px;color:var(--ink);transition:background .15s}.topic-card:hover{background:var(--cream);text-decoration:none;border-color:#c4b8a4}.topic-number{font-family:Georgia,serif;color:var(--orange);font-size:18px;display:block;margin-bottom:24px}.topic-card h3{font-size:18px;margin-bottom:11px}.topic-card p{font-size:12px;color:var(--muted);margin:0 0 20px}.topic-arrow{position:absolute;right:20px;top:25px;color:var(--orange)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.post-card{padding-bottom:25px;border-bottom:1px solid var(--line);min-width:0}.post-card img{border-radius:5px;aspect-ratio:16/9;object-fit:cover;margin-bottom:15px}.post-card h2{font-size:22px;margin:12px 0}.post-card p{font-size:14px;color:var(--muted)}.text-link{font-size:13px;font-weight:700}.preparing{background:var(--cream);border-left:4px solid var(--orange);padding:35px 40px}.preparing h2{font-size:27px;max-width:750px;margin-top:10px}.preparing p{max-width:750px;color:var(--muted);margin-bottom:0}.preparing .button,.preparing .text-link{margin-top:20px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid var(--line);padding-top:42px}.principles h3{font-size:18px;margin:0 0 8px}.principles p:not(.eyebrow){font-size:14px;color:var(--muted)}.site-footer{background:var(--dark);color:#d1dcdf;padding-block:45px;margin-top:35px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.site-footer strong{font-size:25px;color:white}.site-footer p{font-size:12px;margin-top:10px}.site-footer small{font-size:11px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;align-content:start;max-width:500px}.site-footer a{font-size:12px;color:#d1dcdf}.site-footer .menu{flex-wrap:wrap;gap:15px}.archive-heading{margin-bottom:35px}.archive-description{max-width:750px;color:var(--muted)}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:30px}.article-header{max-width:850px;margin-bottom:40px}.article-header h1{font-size:clamp(30px,4vw,48px)}.article-meta{font-size:13px;color:var(--muted)}.featured-image{border-radius:6px;margin-top:15px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,1fr);gap:60px;align-items:start}.entry-content{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere;line-height:1.85}.entry-content h2{font-size:28px;margin-top:40px}.entry-content h3{font-size:22px;margin-top:30px}.entry-content a{text-decoration:underline;text-underline-offset:3px}.entry-content ul,.entry-content ol{padding-left:24px}.entry-content li{margin-block:9px}.entry-content blockquote{margin:25px 0;padding:20px 25px;background:var(--cream);border-left:3px solid var(--orange)}.entry-content table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line);text-align:left}.entry-content th{background:var(--cream)}.entry-content figure{margin:25px 0}.entry-content figcaption{font-size:12px;color:var(--muted)}.entry-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--cream);padding:20px}.toc{grid-column:2;grid-row:1;position:sticky;top:25px;border-left:2px solid var(--line);padding-left:20px;font-size:13px}.toc summary{font-size:12px;font-weight:750;color:var(--orange);cursor:pointer}.toc-links{display:flex;flex-direction:column;gap:12px;padding-top:16px}.toc-sub{padding-left:12px;font-size:12px}.pagination{margin-top:40px}.page-numbers{padding:8px 13px;display:inline-block}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;background:white;color:var(--navy);padding:12px;z-index:99999;left:15px;top:15px}[hidden]{display:none!important}
@media(max-width:1000px){.main-nav .container{overflow-x:auto}.menu{gap:22px}.hero-grid{gap:35px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{gap:30px}.hero-note{padding:25px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.topbar .container>span:last-child{display:none}.header-inner{flex-wrap:wrap;gap:20px;padding-block:20px}.search-form{width:100%}.hero{padding-block:38px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:40px}.hero-copy{font-size:15px}.hero-note h2 br{display:none}.hero-note{box-shadow:6px 6px 0 #e4dacc}.hero-note p{font-size:12px}.section{padding-block:35px}.section-heading{display:block}.section-heading>p{margin-top:18px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-card{padding:21px 16px}.topic-card h3{font-size:18px}.topic-card p{font-size:12px}.topic-arrow{right:15px;top:21px}.post-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr;gap:20px}.preparing{padding:26px 22px}.preparing h2{font-size:25px}.footer-grid{display:block}.site-footer nav{justify-content:flex-start;margin-top:28px}.article-layout{display:flex;flex-direction:column;gap:25px}.toc{position:static;width:100%;background:var(--cream);border-left:3px solid var(--orange);padding:18px}.entry-content{width:100%}.entry-content h2{font-size:25px}.article-header{margin-bottom:25px}.brand strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}