/*
Theme Name: Growth Hacker
Author: Semmy
Description: Blog minimalis untuk catatan SEO, AI search, dan eksperimen growth. Dua kolom dengan featured image dan sidebar widget.
Version: 1.1.0
Requires at least: 6.6
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: growth-hacker
*/
:root{--ink:#171a18;--muted:#59625d;--line:#dce2dd;--accent:#155d39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.7}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #155d39;outline-offset:4px}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere}h1{font-size:clamp(2.6rem,6.4vw,5rem)}h2{font-size:clamp(1.65rem,3vw,2.35rem)}h3{font-size:1.4rem}.site-header{border-bottom:1px solid var(--line);padding-block:24px}.wp-block-site-title{font-weight:800;letter-spacing:-.06em;font-size:1.65rem}.wp-block-site-title a{text-decoration:none}.site-header .wp-block-navigation{font-size:15px;font-weight:600}.hero{padding-top:76px;padding-bottom:68px;border-bottom:1px solid var(--line)}.eyebrow{font-size:14px;letter-spacing:.1em;font-weight:700;color:var(--accent);text-transform:uppercase}.hero h1{max-width:850px;margin:20px 0 24px}.hero p:not(.eyebrow){max-width:610px;color:var(--muted);font-size:20px}.section-label{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding-block:30px 10px}.post-list{list-style:none;padding:0;margin:0}.article-row{padding:34px 0;border-bottom:1px solid var(--line)}.article-row .wp-block-post-title{margin:10px 0 14px;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.035em;line-height:1.2}.article-row .wp-block-post-title a{text-decoration:none}.article-row .wp-block-post-excerpt{color:var(--muted);max-width:720px}.article-row .wp-block-post-excerpt p{margin:0}.article-row .wp-block-post-date,.article-meta{font-size:14px;color:var(--muted)}.article-row .wp-block-post-terms{color:var(--accent);font-size:14px;font-weight:700}.wp-block-post-terms a{text-decoration:none}.site-footer{margin-top:64px;border-top:1px solid var(--line);padding:30px 0 40px;color:var(--muted);font-size:14px}.site-footer p{margin:0}.entry-header{padding-block:64px 34px}.entry-header h1{font-size:clamp(2.25rem,5vw,3.75rem)}.wp-block-post-content{line-height:1.85}.wp-block-post-content h2{margin-top:2em}.wp-block-post-content img,.wp-block-post-featured-image img{height:auto;max-width:100%}.wp-block-post-content pre{overflow:auto;padding:20px;background:#f4f7f4}.wp-block-post-content table{display:block;overflow-x:auto}.wp-block-post-content blockquote{border-left:3px solid var(--accent);margin:32px 0;padding-left:24px}.wp-block-query-pagination{padding-block:32px;font-size:16px}.wp-block-search__input{border:1px solid var(--line);padding:12px;font:inherit;min-width:0}.wp-block-search__button{background:var(--ink);color:white;border:0;padding:12px 20px;font:inherit;border-radius:0}.wp-block-search{max-width:600px}.wp-block-comment-content{overflow-wrap:anywhere}textarea,input{max-width:100%}.alignwide{max-width:1040px}.wp-block-button__link{border-radius:0}::selection{background:#d9f5e0}@media(max-width:600px){.site-header{padding-block:20px}.hero{padding-block:44px 40px}.hero p:not(.eyebrow){font-size:18px}.article-row{padding-block:26px}.entry-header{padding-block:40px 24px}.site-footer{margin-top:40px}.wp-block-navigation__responsive-container.is-menu-open{padding:30px}}

.site-shell{max-width:1120px;margin:0 auto;padding:0 24px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:26px;font-weight:800;letter-spacing:-.06em;text-decoration:none}.brand-mark{color:var(--accent)}.site-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.site-nav a{text-decoration:none;font-size:15px;font-weight:600}.site-nav li{position:relative}.site-nav ul ul{display:block;padding:12px;position:absolute;background:white;border:1px solid var(--line);min-width:180px;z-index:10;left:0;top:100%;visibility:hidden}.site-nav li:hover>ul,.site-nav li:focus-within>ul{visibility:visible}.site-nav ul ul ul{left:100%;top:0}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start;padding-top:36px}.content-column{min-width:0}.sidebar{border-left:1px solid var(--line);padding-left:28px;margin-top:0;min-width:0}.widget{margin-bottom:36px;overflow-wrap:anywhere}.widget-title,.widget h2,.widget h3{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-top:0}.widget ul,.widget ol{list-style:none;padding:0;margin:0}.widget li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}.widget a{text-decoration:none}.widget p{font-size:15px;color:var(--muted)}.widget img{max-width:100%;height:auto}.widget input{width:100%}.search-form{display:flex;gap:6px}.search-field{min-width:0;width:100%;border:1px solid var(--line);padding:10px;font-size:15px}.search-submit{background:var(--ink);color:white;border:0;padding:10px 13px;font-size:14px;cursor:pointer}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed;width:auto;height:auto;clip:auto;top:12px;left:12px;padding:12px;background:white;z-index:1000}.article-row:first-child{padding-top:0}.post-thumb{display:block;margin-bottom:22px}.post-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.post-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--muted)}.post-meta a{color:var(--accent);font-weight:700;text-decoration:none}.post-title{margin:12px 0;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2}.post-title a{text-decoration:none}.post-excerpt{color:var(--muted)}.post-excerpt p{margin:0}.read-link{display:inline-block;margin-top:12px;color:var(--accent);font-size:15px;font-weight:600}.section-label{padding-top:0;margin-top:0}.pagination{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}.pagination a,.pagination span{padding:4px 10px;border:1px solid var(--line);text-decoration:none}.pagination .current{background:var(--ink);color:white}.entry-header{padding:0 0 24px}.entry-content{line-height:1.85;overflow-wrap:anywhere}.entry-content h2{margin-top:2em;font-size:1.9rem}.entry-content img{height:auto;max-width:100%}.entry-content pre{overflow:auto;background:#f4f7f4;padding:20px}.entry-content blockquote{margin:28px 0;border-left:3px solid var(--accent);padding-left:22px}.entry-content iframe{max-width:100%}.entry-content .alignwide,.entry-content .alignfull{width:100%;margin-left:0;margin-right:0}.entry-content table{display:block;overflow:auto}.entry-image img{display:block;width:100%;height:auto}.post-links{display:flex;gap:24px;justify-content:space-between;font-size:15px;border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.site-footer{display:flex;gap:24px;justify-content:space-between}.comment-list{padding:0;list-style:none}.comment-list .children{list-style:none;padding-left:20px}.comment-body{border-bottom:1px solid var(--line);padding:24px 0}.comment-form textarea{width:100%;font:inherit;border:1px solid var(--line)}.comment-form input:not([type=checkbox]){padding:10px;font:inherit;border:1px solid var(--line)}.comment-form .submit{background:var(--ink);color:white}.custom-logo-link img{max-width:180px;height:auto}.hero h1{font-size:clamp(2.6rem,6vw,4.5rem)}@media(max-width:800px){.blog-grid{grid-template-columns:1fr;gap:40px}.sidebar{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:30px}.site-header{flex-wrap:wrap}.site-nav ul{gap:18px}.site-nav ul ul{position:static;visibility:visible;border:0;padding:0 0 0 14px}.site-footer{flex-direction:column;gap:8px}}