/*
Theme Name: BikinSehat
Theme URI: https://bikinsehat.com/
Author: BikinSehat
Description: Tema editorial kesehatan yang ringan dengan katalog afiliasi, kartu kanal sosial, dan editor blok WordPress. Tanpa dependensi plugin atau font eksternal.
Version: 1.0.0
Requires at least: 6.2
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: bikinsehat
Tags: blog, custom-logo, custom-menu, featured-images, editor-style, right-sidebar
*/

:root{--navy:#12324a;--teal:#007f86;--teal-dark:#00676d;--aqua:#eaf6f5;--aqua-strong:#ccebea;--ink:#183143;--muted:#536773;--line:#dce7e8;--white:#fff;--shopee:#ee4d2d;--shopee-button:#c43b1d;--radius:18px;--shadow:0 3px 16px rgba(18,50,74,.055);--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-wrap:break-word}
body,h1,h2,h3,h4,p,figure,ul,ol{margin-block-start:0}
h1,h2,h3,h4{color:var(--navy);line-height:1.2;letter-spacing:-.035em}
h1,h2,h3,h4,strong{font-weight:750}
h1{font-size:clamp(2.35rem,4.8vw,4rem)}
h2{font-size:clamp(1.65rem,2.7vw,2.2rem)}
h3{font-size:1.2rem}
p{margin-bottom:1.1em}
a{color:var(--teal);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--teal-dark)}
button,input,textarea,select{font:inherit}
button,a,input,summary,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
:focus-visible{outline:3px solid #df7a28;outline-offset:4px}
img{display:block;max-width:100%;height:auto}
svg{vertical-align:middle}
[hidden]{display:none!important}
::selection{background:var(--aqua-strong);color:var(--navy)}
.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}
.icon{width:24px;height:24px;flex:none}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;background:#fff;border-radius:4px;color:var(--navy);display:block;font-size:1rem;font-weight:700;height:auto;left:16px;padding:12px 18px;top:12px;width:auto;z-index:100000}
.skip-link:focus{text-decoration:none}
.topbar{background:linear-gradient(90deg,#d9f0ef,#eef9f8);font-size:.85rem;font-weight:700;line-height:1.4;padding:9px 0}
.site-header{background:#fff;border-bottom:1px solid #e9eeee;position:relative;z-index:10}
.header-inner{min-height:92px;display:flex;align-items:center;gap:28px}
.site-branding{margin-right:auto;flex:none}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);line-height:1}
.brand:hover{color:var(--navy)}
.brand__mark{width:57px;height:48px;flex:none}
.brand__text{display:flex;flex-direction:column;gap:6px}
.brand__text strong{font-size:31px;letter-spacing:-1.1px;line-height:1}
.brand__text>span{font-size:10px;font-weight:800;letter-spacing:2.9px;padding-left:2px}
.custom-logo-link{display:block}
.custom-logo{max-height:62px;width:auto;max-width:240px}
.primary-nav .menu{display:flex;align-items:center;gap:34px;list-style:none;padding:0;margin:0}
.primary-nav a{display:block;padding:16px 0;text-decoration:none;color:var(--navy);font-weight:750;font-size:1rem}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--teal)}
.primary-nav li{position:relative}
.primary-nav .sub-menu{position:absolute;top:100%;left:-14px;min-width:210px;margin:0;padding:12px 16px;list-style:none;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:10px;background:#fff;display:none}
.primary-nav .sub-menu a{padding:8px 0;font-size:.95rem}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:9px;min-height:44px;padding:8px 10px;align-items:center;gap:7px;font-size:.9rem;font-weight:700}
.header-search{position:relative;flex:none}
.header-search summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;width:44px;height:44px;color:var(--navy);border-radius:50%}
.header-search summary::-webkit-details-marker{display:none}
.header-search summary:hover,.header-search[open] summary{background:var(--aqua)}
.header-search .icon{width:27px;height:27px}
.search-popover{position:absolute;right:0;top:calc(100% + 20px);width:min(390px,calc(100vw - 32px));background:#fff;padding:20px;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 35px rgba(18,50,74,.12)}
.search-form{display:flex;align-items:stretch;gap:8px;max-width:600px}
.search-form label{display:block;flex:1;min-width:0}
.search-field{width:100%;height:100%;min-height:48px;padding:11px 13px;border:1px solid #b6ccce;border-radius:9px;background:#fff;color:var(--ink);font-size:1rem}
.search-form .button{padding:10px 14px;min-width:48px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 21px;border:1px solid var(--teal);border-radius:10px;background:var(--teal);color:#fff;text-decoration:none;font-weight:750;line-height:1.35;font-size:1rem;transition:background-color .16s ease,border-color .16s ease}
.button:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}
.button--outline{background:transparent;color:var(--teal);border-width:2px;padding:11px 20px}
.button--outline:hover{background:#d9efed;color:var(--teal-dark);border-color:var(--teal-dark)}
.button--shopee{background:var(--shopee-button);border-color:var(--shopee-button);font-size:.93rem;padding:11px 15px}
.button--shopee:hover{background:#a93118;border-color:#a93118}
.button--shopee .icon{width:20px;height:20px}
.hero{background:linear-gradient(110deg,#e4f5f3 0%,#f3faf9 60%,#e5f1ef 100%)}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding-block:42px}
.hero h1{font-size:clamp(2.5rem,4.45vw,4.1rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:19px}
.hero h1 span{display:block;color:var(--teal)}
.hero__copy>p{max-width:510px;font-size:clamp(1.05rem,1.55vw,1.27rem);line-height:1.5;margin-bottom:25px}
.hero__actions{display:flex;flex-wrap:wrap;gap:13px}
.hero__image,.hero__placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px}
.hero__placeholder{display:flex;align-items:center;justify-content:center;background:var(--aqua-strong);color:var(--teal)}
.hero__placeholder .icon{width:150px;height:150px;stroke-width:1}
.section{padding-block:31px}
.section--topics{padding-top:30px;padding-bottom:15px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.section-title{position:relative;margin-bottom:23px;padding-bottom:12px;line-height:1.2}
.section-title::after{content:"";position:absolute;bottom:0;left:0;height:4px;width:62px;border-radius:4px;background:var(--teal)}
.section-heading .section-title{margin-bottom:0}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:.98rem;font-weight:750;line-height:1.4}
.text-link .icon{width:19px;height:19px}
.section-heading>.text-link{flex:none}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.topic-card{display:flex;align-items:center;justify-content:center;gap:13px;min-height:88px;padding:18px 14px;border-radius:13px;background:var(--aqua);color:var(--navy);font-size:1rem;font-weight:750;text-decoration:none}
.topic-card .icon{width:39px;height:39px;color:var(--teal);stroke-width:1.5}
a.topic-card:hover{background:#d9eeec;color:var(--navy)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}
.product-card__image{display:block;aspect-ratio:4/3;background:#f6f9f8;overflow:hidden}
.product-card__image img{width:100%;height:100%;object-fit:contain;padding:12px}
.product-card__body{padding:17px;display:flex;flex-direction:column;align-items:stretch;flex:1}
.product-card h3{font-size:1.08rem;letter-spacing:-.02em;line-height:1.35;margin-bottom:9px}
.product-card h3 a{color:var(--navy);text-decoration:none}
.product-card h3 a:hover{color:var(--teal)}
.product-card__summary{font-size:.86rem;color:var(--muted);line-height:1.5;margin-bottom:12px}
.product-card__detail{font-size:.9rem;margin-top:auto;margin-bottom:14px}
.product-card .button{width:100%}
.product-placeholder{width:100%;height:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#eaf6f5,#f6faf9);color:var(--teal)}
.product-placeholder .icon{width:60px;height:60px;stroke-width:1.1}
.product-placeholder span{font-size:.74rem;letter-spacing:.04em;color:#426d70}
.affiliate-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:.8rem;line-height:1.5;margin-top:15px;margin-bottom:0}
.affiliate-note .icon{width:17px;height:17px;margin-top:1px}
.tag{display:inline-block;width:fit-content;background:#d3efed;color:#07565b;font-size:.74rem;font-weight:750;letter-spacing:.01em;padding:4px 8px;border-radius:5px;line-height:1.35}
.editorial-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:18px}
.guide-card{background:#f4f8f7;border-radius:var(--radius);overflow:hidden;min-width:0}
.guide-card__image{display:block}
.guide-card__image img{width:100%;height:100%;object-fit:cover}
.guide-card__body{padding:22px}
.guide-card h3{font-family:var(--serif);font-size:1.6rem;line-height:1.12;letter-spacing:-.03em;margin:9px 0 10px}
.guide-card h3 a{color:var(--navy);text-decoration:none}
.guide-card h3 a:hover{color:var(--teal)}
.guide-card p{font-size:.95rem;line-height:1.5;margin-bottom:12px}
.guide-card--featured{grid-row:span 2;display:flex;flex-direction:column}
.guide-card--featured .guide-card__image{aspect-ratio:1.9;overflow:hidden}
.guide-card--featured h3{font-size:2.05rem}
.guide-card--featured .guide-card__body{padding:24px}
.guide-card--compact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:stretch}
.guide-card--compact:not(:has(.guide-card__image)){display:block}
.guide-card--compact .guide-card__image{min-height:180px}
.guide-card--compact .guide-card__body{padding:18px}
.guide-card--compact h3{font-size:1.43rem}
.guide-card--compact .text-link{font-size:.86rem}
.social-band{background:linear-gradient(115deg,#123d53,#073347);color:#fff;padding:40px 0 43px;margin-top:22px}
.social-band h2{color:#fff}
.social-band .section-title::after{background:#9dded9}
.social-band .section-heading{align-items:flex-start}
.social-band__intro{font-size:.96rem;color:#d8ebed;margin:10px 0 0}
.social-filters{display:none;flex-wrap:wrap;justify-content:flex-end;gap:3px;align-items:center;border:1px solid #608696;border-radius:99px;padding:3px;max-width:100%}
.js .social-filters{display:flex}
.social-filters button{border:0;border-radius:99px;min-height:38px;color:#fff;background:transparent;padding:7px 11px;font-size:.8rem;line-height:1.25;font-weight:650}
.social-filters button:hover{background:rgba(255,255,255,.1)}
.social-filters button[aria-pressed=true]{background:#fff;color:var(--navy)}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.social-card{display:block;border:1px solid #9fbfc4;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:var(--navy);min-width:0}
.social-card:hover{color:var(--navy);border-color:#fff}
.social-card__preview{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;aspect-ratio:1.3;padding:21px;overflow:hidden;background:linear-gradient(140deg,#d9f1ee,#f4faf7);color:var(--navy)}
.social-card--tiktok .social-card__preview{background:linear-gradient(140deg,#dce8ee,#eff6f9)}
.social-card--youtube .social-card__preview{background:linear-gradient(140deg,#f5e9df,#fbf7ef)}
.social-card--facebook .social-card__preview{background:linear-gradient(140deg,#e1e7f3,#f3f5fc)}
.social-card__symbol{display:block;color:var(--teal);margin-bottom:auto;padding-bottom:23px}
.social-card__symbol .icon{width:44px;height:44px;stroke-width:1.55}
.social-card__preview strong{position:relative;font-size:1.13rem;line-height:1.25;letter-spacing:-.025em}
.social-card__visit{position:relative;display:flex;align-items:center;gap:7px;font-size:.79rem;margin-top:9px}
.social-card__visit .icon{width:16px;height:16px}
.social-card__preview.has-image{color:#fff}
.social-card__preview.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,31,44,.88),rgba(7,31,44,0) 85%);z-index:0}
.social-card__preview.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.social-card__preview.has-image strong,.social-card__preview.has-image .social-card__visit{z-index:1}
.social-card__account{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:58px;padding:12px 14px;font-size:.75rem;font-weight:750}
.social-card__account .icon{width:22px;height:22px;color:var(--teal)}
.social-card__account>span{min-width:0;overflow-wrap:anywhere}
.site-footer{padding:32px 0 23px;background:#fff;border-top:1px solid var(--line);font-size:.83rem}
.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.footer-brand{display:flex;gap:24px;align-items:center;max-width:540px}
.footer-brand .brand__mark{width:40px;height:37px}
.footer-brand .brand__text strong{font-size:24px}
.footer-brand .brand__text>span{font-size:8px;letter-spacing:2px}
.footer-brand>p{border-left:1px solid #b7c9cb;padding-left:22px;max-width:250px;font-size:.83rem;line-height:1.5;margin:0}
.footer-nav ul{padding:0;margin:5px 0 0;list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 21px}
.footer-nav a{font-size:.8rem;color:var(--navy);text-decoration:none}
.footer-nav a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.74rem;line-height:1.5}
.footer-bottom>div{max-width:780px}
.footer-bottom p{margin-bottom:0}
.footer-bottom .affiliate-note{font-size:.74rem;margin-top:7px}
.copyright{flex:none;white-space:nowrap}
.archive-shell,.page-shell{padding-top:40px;padding-bottom:65px;min-height:50vh}
.page-heading{margin-bottom:35px;max-width:860px}
.page-heading h1{font-family:var(--serif);margin-bottom:17px;font-weight:700;line-height:1.12}
.page-heading>p{max-width:800px;color:var(--muted);font-size:1.08rem}
.eyebrow{display:inline-block;color:var(--teal);font-weight:750;font-size:.78rem;letter-spacing:.08em;margin-bottom:12px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.post-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column}
.post-card__image{display:block;aspect-ratio:1.65;overflow:hidden}
.post-card__image img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.post-card h2{font-family:var(--serif);font-size:1.6rem;letter-spacing:-.025em;margin-top:13px;margin-bottom:12px}
.post-card h2 a{color:var(--navy);text-decoration:none}
.post-card h2 a:hover{color:var(--teal)}
.post-card p{font-size:.94rem;line-height:1.55;color:var(--muted)}
.post-card .text-link{margin-top:auto;font-size:.9rem}
.pagination,.nav-links{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:36px}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:.95rem;font-weight:700}
.page-numbers.current{background:var(--teal);color:#fff;border-color:var(--teal)}
.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.category-filters a{display:inline-block;padding:9px 16px;min-height:44px;background:var(--aqua);border:1px solid transparent;border-radius:99px;color:var(--navy);font-weight:650;font-size:.9rem;text-decoration:none}
.category-filters a[aria-current=page]{background:var(--teal);color:#fff}
.category-filters a:hover{border-color:var(--teal)}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:11px;color:var(--muted);font-size:.87rem;margin-bottom:25px}
.breadcrumbs a{color:var(--navy);text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.article-shell{padding-top:28px;padding-bottom:60px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}
.article-main{min-width:0}
.article-header h1{font-family:var(--serif);font-size:clamp(2.5rem,4.5vw,4.05rem);font-weight:700;line-height:1.07;letter-spacing:-.04em;margin:16px 0 18px}
.article-header .tag{text-transform:uppercase;font-size:.76rem;letter-spacing:.03em;padding:6px 10px}
.article-deck{font-size:1.17rem;line-height:1.5;color:#384f5e;margin-bottom:22px}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;color:var(--muted);font-size:.77rem;line-height:1.45}
.article-author{display:inline-flex;align-items:center;gap:8px;font-weight:750;color:var(--navy)}
.article-author .icon{width:24px;height:24px;color:var(--teal)}
.share-links{display:flex;align-items:center;gap:8px;font-size:.76rem;margin:15px 0 22px;min-height:34px}
.share-links>a,.share-links>button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--teal);background:transparent;border:0;border-radius:50%}
.share-links>a:hover,.share-links>button:hover{background:var(--aqua)}
.share-links [data-copy-url]{display:none}
.js .share-links [data-copy-url]{display:inline-flex}
.share-links .icon{width:20px;height:20px}
.copy-status{font-size:.73rem;color:var(--muted)}
.article-image{margin:0 0 24px}
.article-image>img{width:100%;height:auto;border-radius:15px}
.article-image figcaption{margin-top:8px;color:var(--muted);font-size:.79rem}
.entry-content{font-size:1.08rem;line-height:1.8}
.entry-content> :last-child{margin-bottom:0}
.entry-content h2,.entry-content h3{font-family:var(--serif);font-weight:700;line-height:1.2;scroll-margin-top:24px}
.entry-content h2{font-size:clamp(1.75rem,3.2vw,2.45rem);margin:1.25em 0 .5em}
.entry-content h3{font-size:1.6rem;margin:1.3em 0 .55em}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content li+li{margin-top:.45em}
.entry-content img{border-radius:12px}
.entry-content iframe{max-width:100%}
.entry-content blockquote{padding:18px 24px;border-left:4px solid var(--teal);margin:28px 0;background:var(--aqua);border-radius:0 12px 12px 0}
.entry-content blockquote p:last-child{margin-bottom:0}
.entry-content table{border-collapse:collapse;width:100%;font-size:.94rem}
.entry-content th,.entry-content td{padding:12px 14px;border:1px solid var(--line);text-align:left}
.entry-content th{background:var(--aqua);color:var(--navy)}
.entry-content pre{padding:20px;background:#f3f7f7;overflow-x:auto;border-radius:10px;font-size:.85rem}
.entry-content .wp-block-table{overflow-x:auto}
.entry-content .wp-block-details{background:var(--aqua);padding:15px 19px;border-radius:12px;margin:25px 0}
.entry-content .wp-block-details summary{font-weight:750;color:var(--teal-dark);cursor:pointer}
.entry-content .wp-block-details[open] summary{margin-bottom:15px}
.entry-content .alignleft{float:left;margin:8px 25px 20px 0}
.entry-content .alignright{float:right;margin:8px 0 20px 25px}
.entry-content .aligncenter{margin-inline:auto}
.entry-content::after{content:"";display:block;clear:both}
.wp-caption{max-width:100%}
.wp-caption-text,.wp-element-caption{font-size:.8rem;color:var(--muted)}
.article-sidebar{display:flex;flex-direction:column;gap:31px;min-width:0}
.article-toc{background:var(--aqua);border-radius:16px;padding:25px 24px}
.article-toc h2{font-size:1.45rem;letter-spacing:-.03em;margin-bottom:15px}
.article-toc ol{list-style:none;counter-reset:toc;padding:0;margin:0}
.article-toc li{counter-increment:toc;border-bottom:1px solid #c3e1df}
.article-toc li:last-child{border-bottom:0}
.article-toc a{display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:var(--navy);font-size:.94rem;line-height:1.45;padding:11px 0}
.article-toc a::before{content:counter(toc);background:var(--teal);color:#fff;border-radius:50%;width:23px;height:23px;flex:none;display:flex;align-items:center;justify-content:center;font-size:.73rem;font-weight:750;margin-top:1px}
.article-toc a:hover{color:var(--teal)}
.article-toc .toc-level-3 a{padding-left:16px;font-size:.86rem}
.article-toc-mobile{display:none}
.sidebar-section .section-title{font-family:var(--serif);font-size:1.9rem;margin-bottom:19px}
.sidebar-products{display:flex;flex-direction:column;gap:14px}
.sidebar-product{display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:9px;background:#fff}
.sidebar-product__image{display:block;height:132px;border-radius:9px;overflow:hidden;background:#f2f8f7}
.sidebar-product__image img{width:100%;height:100%;object-fit:contain}
.sidebar-product .product-placeholder{min-height:132px}
.sidebar-product .product-placeholder .icon{width:40px;height:40px}
.sidebar-product .product-placeholder span{display:none}
.sidebar-product h3{font-size:.99rem;line-height:1.35;letter-spacing:-.02em;margin-bottom:7px}
.sidebar-product h3 a{color:var(--navy);text-decoration:none}
.sidebar-product .text-link{font-size:.77rem;gap:4px;margin-bottom:10px}
.sidebar-product .text-link .icon{width:16px;height:16px}
.sidebar-product .button{font-size:.73rem;padding:9px 10px;min-height:40px;gap:5px;border-radius:7px}
.sidebar-product .button .icon{width:17px;height:17px}
.sidebar-social{background:var(--aqua);border-radius:15px;padding:25px 24px}
.sidebar-social h2{font-size:1.42rem;margin-bottom:10px}
.sidebar-social p{font-size:.93rem;line-height:1.55;margin-bottom:18px}
.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:6px}
.social-links a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;font-size:.64rem;color:var(--navy);padding:7px 0}
.social-links .icon{width:27px;height:27px;color:var(--teal)}
.social-links a:hover{color:var(--teal)}
.author-bio{margin-top:32px;padding:23px;background:var(--aqua);border-radius:14px}
.author-bio h2{font-size:1.2rem;margin-bottom:10px}
.author-bio p{font-size:.94rem;margin:7px 0 0}
.related-section{border-top:1px solid var(--line);margin-top:35px;padding-top:28px}
.related-section>.section-title{font-family:var(--serif);font-size:1.85rem}
.post-grid--related{gap:14px}
.post-grid--related .post-card__body{padding:14px}
.post-grid--related .post-card h2{font-family:var(--sans);font-size:1rem;line-height:1.3;margin:9px 0}
.post-grid--related .post-card p{display:none}
.post-grid--related .tag{font-size:.65rem}
.post-grid--related .text-link{font-size:.76rem}
.standard-page{max-width:850px;margin-inline:auto}
.product-detail__image{max-width:560px;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#f5faf9;margin-bottom:28px}
.product-detail__image img{width:100%;height:100%;object-fit:contain;padding:15px}
.product-detail__image .product-placeholder .icon{width:96px;height:96px}
.product-detail .article-header h1{font-size:clamp(2.1rem,3.8vw,3.4rem)}
.product-buy{margin-top:30px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fbfcfc}
.product-buy h2{font-size:1.45rem;margin-bottom:10px}
.product-buy>p{font-size:.96rem}
.empty-state{padding:45px 30px;background:#f3f8f7;border:1px solid #e4eeed;border-radius:18px;margin:15px 0}
.empty-state h1,.empty-state h2{font-family:var(--serif);margin-bottom:14px}
.empty-state p{max-width:650px;color:var(--muted)}
.empty-state .search-form{margin-bottom:24px}
.empty-state--inline{display:flex;align-items:flex-start;gap:22px;padding:26px 29px;margin:0}
.empty-state--inline>.icon{color:var(--teal);width:40px;height:40px;stroke-width:1.4}
.empty-state--inline h3{margin:0 0 8px;font-size:1.2rem}
.empty-state--inline p{margin-bottom:0;font-size:.98rem}
.empty-state--inline .text-link{margin-top:13px}
.comments-area{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}
.comment-list{list-style:none;padding:0}
.comment-list .children{list-style:none;padding-left:25px}
.comment-body{border-bottom:1px solid var(--line);padding:20px 0;font-size:.94rem}
.comment-author .avatar{display:inline-block;vertical-align:middle;margin-right:8px;border-radius:50%}
.comment-metadata{font-size:.76rem;margin:8px 0 12px}
.comment-reply-link{font-size:.83rem}
.comment-form label{display:block;font-weight:650;font-size:.92rem;margin-bottom:5px}
.comment-form input:not([type=submit]):not([type=checkbox]),.comment-form textarea{display:block;width:100%;padding:11px 13px;border:1px solid #b6ccce;border-radius:9px;color:var(--ink);background:#fff;max-width:100%}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px}
.comment-form-cookies-consent label{font-size:.82rem;font-weight:400}
.comment-form-cookies-consent input{margin-top:6px}
.comment-note,.comment-notes,.logged-in-as{font-size:.84rem;color:var(--muted)}
.page-links{margin-top:22px;display:flex;gap:10px;font-size:.9rem}
@media(min-width:1440px){.hero__grid{padding-block:50px}}
@media(max-width:1100px){.container{width:calc(100% - 42px)}.primary-nav .menu{gap:24px}.hero__grid{gap:30px}.hero h1{font-size:3.1rem}.hero__copy>p{font-size:1.12rem}.product-grid{gap:15px}.product-card__body{padding:14px}.product-card h3{font-size:1rem}.topic-card{gap:10px;font-size:.91rem;padding-inline:12px}.topic-card .icon{width:33px;height:33px}.article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.social-band .section-heading{display:block}.social-filters{width:fit-content;margin-top:20px}.footer-top{gap:25px}.footer-brand{gap:17px}.footer-brand>p{padding-left:17px}.sidebar-product{grid-template-columns:88px minmax(0,1fr);gap:10px}.sidebar-product h3{font-size:.9rem}.sidebar-product .button{font-size:.69rem;padding-inline:8px}.sidebar-social,.article-toc{padding:22px 19px}}
@media(max-width:850px){.header-inner{gap:18px;min-height:82px}.brand__mark{width:47px;height:43px}.brand__text strong{font-size:27px}.brand__text>span{font-size:9px;letter-spacing:2.5px}.primary-nav .menu{gap:19px}.primary-nav a{font-size:.9rem}.hero__grid{gap:25px;padding-block:34px}.hero h1{font-size:2.65rem}.hero__copy>p{font-size:1.03rem}.hero__actions{gap:10px}.hero__actions .button{font-size:.88rem;padding:11px 15px;min-height:46px}.hero__image{border-radius:21px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-card{min-height:76px;justify-content:flex-start;padding:15px 20px;font-size:.98rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card__body{padding:18px}.product-card h3{font-size:1.12rem}.product-card__summary{font-size:.91rem}.editorial-grid{grid-template-columns:1fr 1fr}.guide-card--featured{grid-column:span 2;grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.guide-card--featured .guide-card__image{aspect-ratio:auto;min-height:260px}.guide-card--compact{display:flex;flex-direction:column}.guide-card--compact .guide-card__image{aspect-ratio:1.7;min-height:0}.guide-card--compact .guide-card__body{padding:20px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card__preview{aspect-ratio:1.6}.social-card__account{font-size:.84rem}.footer-top,.footer-bottom{display:block}.footer-nav ul{justify-content:flex-start;margin-top:24px}.copyright{margin-top:16px!important}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.article-sidebar>.article-toc{display:none}.article-toc-mobile{display:block;margin:0 0 25px}.article-toc-mobile:empty{display:none}.article-toc-mobile .article-toc{padding:21px 24px}.article-toc-mobile ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.article-header h1{font-size:3.7rem}.article-sidebar .sidebar-section{grid-column:span 2}.sidebar-products{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sidebar-product{grid-template-columns:104px minmax(0,1fr)}.sidebar-product h3{font-size:1rem}.sidebar-product .button{font-size:.78rem}.sidebar-social{grid-column:span 2;max-width:100%}.social-links{max-width:420px}.social-links a{font-size:.8rem}.post-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){body{font-size:16px}.container{width:calc(100% - 32px)}.topbar{font-size:.72rem;padding:8px 0}.header-inner{flex-wrap:wrap;gap:10px;min-height:76px;padding-block:12px}.site-branding{margin-right:auto}.brand__mark{width:42px;height:38px}.brand__text strong{font-size:25px}.brand__text>span{font-size:8px;letter-spacing:2.4px}.brand{gap:8px}.custom-logo{max-height:48px;max-width:185px}.header-search{order:3}.header-search summary{width:40px;height:40px}.header-search .icon{width:23px;height:23px}.js .menu-toggle{display:flex;order:2}.primary-nav{order:4;flex-basis:100%;padding-top:8px}.primary-nav .menu{display:flex;flex-wrap:wrap;gap:0 22px}.primary-nav a{padding:11px 0;font-size:1rem}.primary-nav .sub-menu{position:static;display:block;border:0;box-shadow:none;padding:0 0 0 14px;background:transparent;min-width:0}.primary-nav .sub-menu a{font-size:.87rem}.js .primary-nav{display:none}.js .primary-nav.is-open{display:block}.js .primary-nav .menu{display:block;border-top:1px solid var(--line);padding-top:7px}.search-popover{top:calc(100% + 13px);right:0}.hero__grid{grid-template-columns:1fr;gap:26px;padding-block:31px}.hero h1{font-size:clamp(2.45rem,8.7vw,3.25rem);margin-bottom:17px;max-width:520px}.hero__copy>p{font-size:1.08rem;margin-bottom:22px;max-width:470px}.hero__actions .button{font-size:.92rem;padding:12px 16px}.hero__media{width:100%}.hero__image{aspect-ratio:1.55;border-radius:20px}.hero__image{object-position:50% 51%}.section{padding-block:25px}.section--topics{padding-bottom:8px}.section-title{font-size:1.65rem;padding-bottom:12px;margin-bottom:20px;letter-spacing:-.035em}.section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}.section-heading>.text-link{font-size:.85rem}.topic-grid{gap:10px}.topic-card{min-height:78px;padding:14px 12px;gap:10px;font-size:.85rem;line-height:1.35}.topic-card .icon{width:32px;height:32px}.product-grid{gap:13px}.product-card{border-radius:13px}.product-card__image{aspect-ratio:1.2}.product-card__body{padding:13px}.product-card h3{font-size:.99rem;line-height:1.35}.product-card__summary{font-size:.8rem;line-height:1.5}.product-card__detail{font-size:.79rem;gap:4px;margin-bottom:12px}.product-card__detail .icon{width:15px;height:15px}.product-card .button{font-size:.78rem;gap:5px;padding:10px 5px;border-radius:8px;min-height:44px}.product-card .button .icon{width:17px;height:17px}.product-placeholder{min-height:130px;gap:10px}.product-placeholder .icon{width:48px;height:48px}.product-placeholder span{font-size:.68rem}.affiliate-note{font-size:.74rem;margin-top:13px}.editorial-grid{display:flex;flex-direction:column;gap:15px}.guide-card--featured{display:flex;flex-direction:column}.guide-card--featured .guide-card__image{aspect-ratio:1.8;min-height:0}.guide-card--featured h3{font-size:1.95rem}.guide-card--featured .guide-card__body{padding:22px}.guide-card--compact{display:grid;grid-template-columns:1fr 1.3fr}.guide-card--compact .guide-card__image{aspect-ratio:auto;min-height:155px}.guide-card--compact .guide-card__body{padding:17px}.guide-card--compact h3{font-size:1.35rem}.guide-card--compact p{font-size:.83rem;margin-bottom:9px}.guide-card--compact .text-link{font-size:.78rem}.social-band{padding:31px 0 33px;margin-top:14px}.social-band__intro{font-size:.9rem}.social-filters{border:0;padding:0;justify-content:flex-start;border-radius:0;gap:5px}.social-filters button{border:1px solid #7395a3;font-size:.75rem;min-height:38px;padding:7px 10px}.social-grid{gap:12px}.social-card__preview{aspect-ratio:.95;padding:17px}.social-card__symbol{padding-bottom:18px}.social-card__symbol .icon{width:34px;height:34px}.social-card__preview strong{font-size:1rem;line-height:1.25}.social-card__visit{font-size:.7rem;gap:5px}.social-card__account{font-size:.65rem;gap:6px;padding:11px 10px;min-height:54px}.social-card__account .icon{width:20px;height:20px}.site-footer{padding-top:27px}.footer-brand{display:block;max-width:none}.footer-brand>p{border:0;padding:0;margin:16px 0 0;max-width:330px;font-size:.86rem}.footer-nav ul{margin-top:19px;gap:12px 18px}.footer-nav a{font-size:.8rem}.footer-bottom{margin-top:22px;padding-top:18px;font-size:.73rem}.footer-bottom .affiliate-note{font-size:.73rem}.copyright{white-space:normal}.archive-shell,.page-shell{padding-top:30px;padding-bottom:40px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:2.45rem}.page-heading>p{font-size:1rem}.post-grid{grid-template-columns:1fr;gap:20px}.post-card__body{padding:22px}.post-card h2{font-size:1.75rem}.post-card__image{aspect-ratio:1.8}.breadcrumbs{font-size:.77rem;gap:9px;margin-bottom:21px}.article-shell{padding-top:23px;padding-bottom:40px}.article-header h1{font-size:clamp(2.45rem,8.7vw,3.4rem);line-height:1.09;margin-top:15px}.article-header .tag{font-size:.69rem}.article-deck{font-size:1.1rem;line-height:1.55;margin-bottom:18px}.article-meta{font-size:.74rem;gap:8px 16px}.share-links{margin:13px 0 18px}.article-image{margin-bottom:21px}.article-image>img{border-radius:12px}.entry-content{font-size:1.06rem;line-height:1.8}.entry-content h2{font-size:1.95rem;margin-top:1.25em}.entry-content h3{font-size:1.5rem}.entry-content .alignleft,.entry-content .alignright{float:none;margin:20px auto}.entry-content blockquote{padding:18px 20px}.article-toc-mobile .article-toc{padding:21px}.article-toc-mobile ol{display:block}.article-toc h2{font-size:1.3rem}.article-toc a{font-size:.87rem;padding:10px 0}.post-grid--related{grid-template-columns:1fr;gap:14px}.post-grid--related .post-card{display:grid;grid-template-columns:1fr 1.55fr}.post-grid--related .post-card__image{aspect-ratio:auto;min-height:140px}.post-grid--related .post-card__body{padding:15px}.post-grid--related .post-card h2{font-size:1.08rem}.post-grid--related .text-link{font-size:.75rem}.related-section>.section-title{font-size:1.75rem}.sidebar-products{grid-template-columns:1fr;gap:14px}.sidebar-product{grid-template-columns:110px minmax(0,1fr);padding:10px;gap:17px}.sidebar-product h3{font-size:1.05rem}.sidebar-product .text-link{font-size:.86rem}.sidebar-product .button{font-size:.85rem;padding:10px 13px;min-height:44px}.sidebar-section .section-title{font-size:1.8rem}.article-sidebar{gap:25px}.sidebar-social{padding:24px}.social-links a{font-size:.75rem}.product-detail .article-header h1{font-size:2.4rem}.product-detail__image{max-width:100%;margin-bottom:24px}.product-buy{padding:22px}.product-buy h2{font-size:1.35rem}.product-buy .button{width:100%}.category-filters{gap:8px;margin-bottom:24px}.category-filters a{font-size:.8rem;padding:9px 12px}.empty-state{padding:30px 23px}.empty-state--inline{gap:15px;padding:22px}.empty-state--inline>.icon{width:30px;height:30px}.empty-state--inline h3{font-size:1.1rem}.empty-state--inline p{font-size:.9rem}.empty-state--inline .text-link{font-size:.85rem}.comment-list .children{padding-left:17px}.comment-form .button{width:100%}}
@media(max-width:360px){.container{width:calc(100% - 24px)}.brand__mark{width:34px}.brand__text strong{font-size:23px}.brand__text>span{font-size:7px}.menu-toggle{font-size:.8rem;padding:8px}.header-inner{gap:6px}.header-search summary{width:35px}.hero__actions{display:grid;grid-template-columns:1fr}.hero__actions .button{width:100%}.product-grid{gap:10px}.product-card__body{padding:11px}.product-card h3{font-size:.93rem}.product-card .button{font-size:.7rem}.topic-card{font-size:.8rem;padding:12px 10px;gap:8px}.topic-card .icon{width:28px;height:28px}.social-card__account{font-size:.61rem;gap:4px;padding-inline:8px}.social-card__preview{padding:14px}.social-card__preview strong{font-size:.93rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.topbar,.article-sidebar,.article-toc-mobile,.share-links,.related-section,.comments-area,.social-band,.site-footer{display:none!important}.container{width:100%;max-width:none}.article-layout{display:block}.article-header h1{font-size:30pt}.entry-content{font-size:11pt;line-height:1.6}.article-image{max-width:60%}a{color:inherit}.article-shell,.page-shell{padding:0}}