/*
Theme Name: Siphonic Editorial
Author: Siphonic Online
Description: Pusat edukasi drainase atap dengan artikel dinamis dan kalkulator terpisah.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: siphonic-editorial
*/
:root{--ink:#112f37;--muted:#567078;--teal:#007c78;--lime:#d9f394;--paper:#f5f7f3;--line:#dbe4df;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0 0 1rem}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(2.5rem,5.4vw,4.9rem);font-weight:650}h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:620}h3{font-size:1.35rem;letter-spacing:-.025em}p{color:var(--muted)}:focus-visible{outline:3px solid #dc8700;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.topbar{background:var(--ink);color:#cbdedb;font-size:12px;padding:7px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px}.topbar a{color:white}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.admin-bar .site-header{top:32px}.header-row{display:flex;align-items:center;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand em{font-style:normal;color:var(--teal)}.brand-mark{background:var(--teal);color:var(--lime);display:grid;place-items:center;width:36px;height:40px;border-radius:12px 12px 12px 2px;font-size:23px}.main-nav{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:13px;font-weight:600}.main-nav a[aria-current=page]{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border:1px solid var(--teal);border-radius:8px;background:var(--teal);color:white;font-weight:650;font-size:14px;line-height:1.5;text-decoration:none}.button:hover{background:#005e5c;color:white}.button.secondary{background:transparent;color:var(--ink);border-color:#b7c9c5}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.menu-toggle{display:none;margin-left:auto}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;color:var(--teal);font-size:11px;font-weight:750;margin-bottom:19px}.hero{padding:72px 0 60px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}.hero h1 span{color:var(--teal)}.hero .intro{font-size:17px;max-width:510px;margin:25px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:12px;margin:18px 0 0}.diagram{background:#e7eee7;border:1px solid #d8e4da;border-radius:26px;position:relative;overflow:hidden}.diagram svg{width:100%;display:block}.diagram-label{padding:22px 25px 0;display:flex;justify-content:space-between;font:11px/1.4 ui-monospace,monospace;color:#50766b;letter-spacing:1px}.diagram-bottom{margin:0 24px 24px;padding:13px 15px;background:white;border-radius:10px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.diagram-bottom strong{color:var(--teal)}.route-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.routes{display:grid;grid-template-columns:repeat(3,1fr)}.route{padding:25px 28px;border-right:1px solid var(--line);display:flex;gap:18px;align-items:center}.route:first-child{padding-left:0}.route:last-child{border:0}.route b{font:12px ui-monospace,monospace;color:var(--teal)}.route strong{display:block;font-size:14px}.route span{font-size:12px;color:var(--muted)}.section{padding:76px 0}.section.white{background:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2{margin-bottom:0}.text-link{font-size:14px;font-weight:650;color:var(--teal);text-decoration:underline;text-underline-offset:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #183e3410}.card-body{padding:26px;flex:1}.card .thumb{width:100%;aspect-ratio:1.7;object-fit:cover}.card .meta{font-size:11px;color:var(--teal);letter-spacing:.04em;margin-bottom:15px}.card p{font-size:14px;margin-bottom:20px}.card h3 a:after{content:' ↗';font-size:17px;color:var(--teal)}.card-art{height:140px;background:linear-gradient(135deg,#dcece3,#f3f6e6);display:flex;align-items:end;padding:20px;color:#507466;font:44px ui-monospace,monospace;letter-spacing:-3px}.card-art:nth-child(2n){background:#e1edf0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.topic{padding:25px 20px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.topic span{font:12px ui-monospace,monospace;color:var(--teal)}.topic h3{margin:18px 0 9px;font-size:18px}.topic p{font-size:13px;margin:0}.calculator-banner{background:var(--ink);border-radius:24px;padding:45px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;color:white}.calculator-banner h2{font-size:36px}.calculator-banner .eyebrow{color:var(--lime)}.calculator-banner p{color:#bccfcd}.formula{border:1px solid #567473;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:30px;background:#1c3c43}.formula strong{color:var(--lime);font:clamp(25px,4vw,40px) ui-monospace,monospace;letter-spacing:-2px}.formula p{font-size:12px;margin:18px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{counter-reset:steps}.step{border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:20px}.step:before{counter-increment:steps;content:'0' counter(steps);font:13px ui-monospace,monospace;color:var(--teal);padding-top:4px}.step h3{font-size:18px;margin-bottom:8px}.step p{font-size:14px;margin:0}.cta{background:#e6efdf;border-top:1px solid #d6e0cd;padding:50px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:30px}.cta p{margin:0}.site-footer{padding:48px 0 22px;background:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid p{font-size:13px;max-width:340px;margin-top:18px}.footer-grid strong{font-size:13px}.footer-grid a:not(.brand){display:block;font-size:13px;color:var(--muted);margin:9px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:32px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.page-heading{padding:60px 0 36px}.page-heading h1{font-size:clamp(35px,5vw,57px);max-width:900px}.page-heading p{max-width:680px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:25px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.pill{border:1px solid var(--line);background:white;padding:7px 14px;border-radius:30px;font-size:12px}.pill:hover,.pill.active{background:var(--ink);color:white}.search-form{display:flex;gap:10px;max-width:580px}.search-form label{flex:1}.search-form input{width:100%;padding:13px 16px;border:1px solid #b8cac3;border-radius:8px;background:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content{max-width:780px;margin:auto;font-size:17px}.content h2{font-size:29px;margin-top:40px}.content h3{margin-top:30px}.content p,.content li{color:#435e66}.content a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.content img{border-radius:12px}.content blockquote{border-left:3px solid var(--teal);padding:10px 25px;margin:30px 0;background:#e8efea}.content table{border-collapse:collapse;width:100%}.content td,.content th{border:1px solid var(--line);padding:10px}.content ul,.content ol{padding-left:24px}.content .button{color:white;text-decoration:none}.post-meta{font-size:12px;color:var(--muted);margin-top:22px}.article-cover{width:100%;max-height:500px;object-fit:cover;border-radius:18px;margin-bottom:40px}.notice{padding:20px 24px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:9px;background:white;color:var(--muted);font-size:14px}.empty{padding:35px;background:white;border:1px dashed #bacdc3;border-radius:15px}.pagination{margin:40px 0;display:flex;gap:10px}.page-numbers{padding:7px 14px;background:white;border:1px solid var(--line);border-radius:6px}.page-numbers.current{background:var(--teal);color:white}.wp-block-image{margin-left:0;margin-right:0}.so-form{padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.so-form label{display:block;font-size:13px;font-weight:650;margin-bottom:16px}.so-form input:not([type=checkbox]),.so-form select,.so-form textarea{display:block;width:100%;border:1px solid #b8cac3;border-radius:7px;padding:11px;margin-top:6px;background:#fff}.so-form .consent{font-weight:400;display:flex;gap:9px;align-items:start}.so-form .consent input{margin-top:6px}.so-form .consent a{text-decoration:underline}.so-form .hp{position:absolute;left:-10000px}.so-form button:disabled{opacity:.6;cursor:wait}.so-status{margin-top:15px;font-size:14px}.so-status.error{color:#a32b21}.so-calc-frame{width:100%;height:1600px;border:0;background:#f8fafc;display:block}.calc-shell{width:min(1450px,calc(100% - 24px));margin:auto}.so-consult{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.content:has(.so-consult){max-width:1180px}.wp-caption-text,figcaption{font-size:12px;color:var(--muted)}@media(max-width:1000px){.header-row{gap:12px}.main-nav{gap:15px}.header-cta{display:none}.hero-grid{gap:25px}.topic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topbar .wrap span:last-child{display:none}.header-row{min-height:72px}.brand{font-size:19px}.menu-toggle{display:inline-flex;padding:8px 13px}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:20px;box-shadow:0 10px 20px #102c3614;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero{padding:42px 0}.hero-grid,.split,.calculator-banner,.so-consult{grid-template-columns:1fr;gap:30px}.hero h1{font-size:44px}.hero .intro{font-size:16px}.diagram{max-width:530px}.routes{grid-template-columns:1fr}.route,.route:first-child{padding:17px 0;border-right:0;border-bottom:1px solid var(--line)}.cards{grid-template-columns:1fr}.section{padding:48px 0}.section-head{align-items:start;flex-direction:column;gap:16px}.calculator-banner{padding:28px}.formula{padding:22px}.cta .wrap{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.admin-bar .site-header{top:46px}.search-form{flex-wrap:wrap}.page-heading{padding-top:38px}.so-form{padding:20px}.topic{padding:20px 14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.site-footer,.topbar,.cta,.no-print{display:none}body{background:white}.wrap{width:100%}}

.language-switcher{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden;flex-shrink:0}.language-switcher a{font-size:11px;font-weight:750;padding:7px 9px}.language-switcher a[aria-current=page]{background:var(--ink);color:white}.content table{display:block;overflow-x:auto}.content h2{scroll-margin-top:110px}@media(min-width:761px) and (max-width:1200px){.header-cta{display:none}}