/*
Theme Name: TOOLIGO Guide
Theme URI: https://wordpress.org/
Author: TOOLIGO
Description: 툴리고 작업 가이드를 위한 사진 중심의 반응형 워드프레스 테마입니다. 네이비와 옐로 포인트, 간편한 블록 글쓰기 양식을 제공합니다.
Version: 1.3.1
Requires at least: 6.5
Tested up to: 7.1
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: tooligo-guide
*/

:root{--navy:#061b3b;--navy-deep:var(--navy);--yellow:#ffc400;--ink:#142038;--muted:#677184;--line:#e3e7ee;--paper:#fff;--wash:#f5f7fa;--width:1280px;--body-width:760px;--radius:3px;--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ce9500;outline-offset:5px}button{touch-action:manipulation}[hidden]{display:none!important}::selection{background:#ffe584;color:#061b3b}.site-shell{max-width:var(--width);margin-inline:auto;padding-inline:44px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;left:16px;top:12px;z-index:100;background:var(--yellow);color:var(--navy);padding:12px 22px}.site-header{background:var(--navy-deep);color:#fff;border-bottom:1px solid transparent;position:relative;z-index:10}.header-inner{display:flex;align-items:center;gap:30px;min-height:92px}.brand{display:inline-flex;align-items:center;gap:17px;white-space:nowrap}.brand-wordmark{font-size:29px;font-weight:900;line-height:1;letter-spacing:-1.2px}.brand-caption{font-size:16px;line-height:1.2;border-left:1px solid rgba(255,255,255,.45);padding-left:17px;letter-spacing:-.4px}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0}.primary-nav a{font-size:14px;font-weight:650;display:block;padding:12px 0;white-space:nowrap}.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current-cat>a{color:var(--yellow)}.header-actions{display:flex;align-items:center;gap:18px}.icon-button{border:0;background:transparent;color:inherit;min-width:40px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:7px}.icon-button svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;fill:none}.store-button{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--navy-deep);padding:8px 23px;min-height:42px;border-radius:2px;font-size:14px;font-weight:800;white-space:nowrap;transition:background .2s}.store-button:hover{background:#ffdb4d}.menu-toggle{display:none}.site-search-panel{background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.1);padding:23px 0}.site-search-panel .search-form{max-width:760px;margin:0 auto}.search-form{display:flex;gap:10px;align-items:stretch}.search-field{width:100%;min-width:0;border:1px solid var(--line);border-radius:2px;padding:14px 16px;background:#fff;color:var(--ink);font-size:16px}.search-submit{border:0;border-radius:2px;background:var(--yellow);color:var(--navy-deep);font-weight:750;padding:12px 24px;white-space:nowrap}.search-form label{flex:1;min-width:0}.search-submit:hover{background:#ffdb4d}.no-js-search{padding-bottom:20px}.hero{background:var(--navy-deep);color:#fff}.hero-inner{display:grid;grid-template-columns:40% 60%;max-width:var(--width);margin-inline:auto;min-height:575px}.hero-intro{padding:75px 42px 68px 44px;display:flex;flex-direction:column;justify-content:center;background:var(--navy-deep)}.eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:#bdc8dd;margin:0 0 30px}.hero h1{font-size:clamp(38px,4.7vw,61px);line-height:1.3;font-weight:800;letter-spacing:-2.8px;margin:0 0 20px;word-break:keep-all}.hero-heading-line{display:block;white-space:normal;overflow-wrap:anywhere}.hero-summary{font-size:15px;color:#e6ecf6;margin:0;line-height:1.8;letter-spacing:-.4px}.hero-rule{display:block;width:36px;height:4px;background:var(--yellow);margin:34px 0 30px}.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:650;font-size:14px;align-self:flex-start;min-height:32px}.text-link .arrow{font-size:24px;line-height:1;transition:transform .2s}.text-link:hover .arrow{transform:translateX(5px)}.hero-feature{position:relative;min-height:575px;display:flex;align-items:flex-end;overflow:hidden;background:#485053}.hero-feature>a{position:absolute;inset:0;z-index:3}.hero-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-feature:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}.hero-feature-copy{position:relative;z-index:2;padding:42px;max-width:660px;pointer-events:none}.hero-feature h2{font-size:34px;line-height:1.4;letter-spacing:-1.1px;margin:12px 0 0;font-weight:780;text-wrap:balance}.hero-feature:hover img{transform:scale(1.025);transition:transform .6s ease}.hero-feature img{transition:transform .6s ease}.guide-tag{display:inline-block;width:fit-content;background:#edf2fb;color:var(--navy);font-size:11px;line-height:1.6;font-weight:750;padding:2px 7px;letter-spacing:-.2px}.hero .guide-tag{background:var(--yellow);color:var(--navy)}.home-guides{padding-block:55px 68px}.section-heading{display:flex;align-items:center;gap:25px;margin-bottom:26px}.section-heading h2{font-size:28px;line-height:1.4;margin:0;letter-spacing:-1px;font-weight:800}.section-heading:after{content:"";height:1px;background:var(--line);flex:1;order:1}.section-heading .view-all{order:2;white-space:nowrap;color:var(--muted);font-size:13px;min-height:36px;display:flex;align-items:center;gap:9px}.view-all:hover{color:var(--navy)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:40px}.guide-card{min-width:0}.card-image-link{display:block;overflow:hidden;background:#ebedf0;margin-bottom:16px;aspect-ratio:1.72}.card-image-link img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card-image-link:hover img{transform:scale(1.04)}.card-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--navy-deep);color:#b6c4d9;font-size:11px;letter-spacing:.28em}.guide-card h2,.guide-card h3{font-size:21px;font-weight:750;line-height:1.45;letter-spacing:-.7px;margin:8px 0 7px}.guide-card h2 a:hover,.guide-card h3 a:hover{color:#3465a4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.card-excerpt{font-size:14px;color:var(--muted);line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-date{color:var(--muted);font-size:12px;margin-top:12px;display:block}.field-section{padding-block:45px 56px;border-top:1px solid var(--line);background:var(--wash)}.field-intro{color:var(--muted);margin:10px 0 25px;font-size:15px}.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.field-card{background:#fff;border:1px solid var(--line);padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;font-weight:750;transition:border-color .2s,transform .2s}.field-card:hover{border-color:var(--navy);transform:translateY(-2px)}.field-card .arrow{color:#8391a7;font-size:22px;font-weight:400}.site-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted)}.footer-inner{padding-block:38px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.footer-brand{color:var(--navy);font-size:24px;font-weight:900;letter-spacing:-.8px;display:inline-block;line-height:1.3}.footer-description{font-size:13px;margin:8px 0 0}.footer-links{display:flex;gap:22px;font-size:13px;list-style:none;margin:0;padding:5px 0;flex-wrap:wrap}.footer-links a:hover{text-decoration:underline}.footer-bottom{font-size:11px;color:#7a8494;padding-block:0 27px;letter-spacing:.03em}.archive-header{padding-block:57px 42px;border-bottom:1px solid var(--line);margin-bottom:38px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.breadcrumb a:hover{color:var(--navy);text-decoration:underline}.archive-kicker{color:var(--muted);font-size:11px;letter-spacing:.18em;font-weight:650;text-transform:uppercase;margin:0 0 10px}.archive-header h1{font-size:39px;line-height:1.35;font-weight:800;letter-spacing:-1.4px;margin:0 0 12px}.archive-description{max-width:760px;color:var(--muted);font-size:16px}.archive-description p{margin:0}.archive-content{padding-bottom:75px}.archive-header .search-form{max-width:720px;margin-top:24px}.pagination{display:flex;justify-content:center;margin-top:48px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.page-numbers{min-height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:7px 13px;font-size:14px;border-radius:2px}.page-numbers.current{background:var(--navy);border-color:var(--navy);color:white}.page-numbers:hover:not(.current){background:var(--wash)}.article-wrap{max-width:var(--body-width);margin:0 auto;padding-block:48px 70px}.article-header{margin-bottom:31px}.article-header h1{font-size:42px;line-height:1.38;letter-spacing:-1.7px;margin:18px 0 19px;font-weight:800}.article-summary{font-size:18px;color:var(--muted);line-height:1.8;margin:0 0 24px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 17px;color:var(--muted);font-size:12px}.article-featured{margin:0 0 35px}.article-featured img{width:100%;height:auto}.article-content{font-size:17px;line-height:1.95}.article-content>:first-child{margin-top:0}.article-content p{margin:0 0 1.55em}.article-content h2{font-size:28px;line-height:1.5;font-weight:800;letter-spacing:-1px;margin:2.1em 0 .8em}.article-content h3{font-size:22px;line-height:1.5;font-weight:750;letter-spacing:-.6px;margin:1.8em 0 .7em}.article-content h4{font-size:19px;line-height:1.5;margin-top:1.7em}.article-content a{color:#164b8b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.article-content a:hover{color:var(--navy)}.article-content img{border-radius:var(--radius)}.article-content figure{margin:1.8em 0}.article-content figcaption{font-size:13px;color:var(--muted);text-align:left;margin-top:9px;line-height:1.65}.article-content ul,.article-content ol{padding-left:1.4em;margin:0 0 1.7em}.article-content li{margin-bottom:.4em}.article-content .wp-block-table{overflow-x:auto}.article-content table{border-collapse:collapse;width:100%;font-size:15px}.article-content th,.article-content td{border:1px solid var(--line);padding:13px 16px;vertical-align:top;text-align:left;min-width:90px}.article-content th{background:var(--wash);font-weight:700}.article-content blockquote{border-left:3px solid var(--yellow);margin:1.8em 0;padding:7px 0 7px 23px;color:#46546b}.article-content blockquote p:last-child{margin-bottom:0}.article-content .wp-block-buttons{margin-block:2em}.article-content .wp-block-button__link{background:var(--navy);color:#fff;text-decoration:none;border-radius:2px;padding:12px 24px;font-size:15px;font-weight:700}.article-content pre{background:var(--wash);padding:20px;overflow-x:auto;font-size:14px}.article-content code{font-size:.9em}.article-content .alignwide{width:calc(100% + 100px);max-width:calc(100% + 100px);margin-left:-50px}.article-content .alignfull{width:calc(100% + 100px);max-width:calc(100% + 100px);margin-left:-50px}.article-content .wp-block-separator{border:0;border-top:1px solid var(--line);margin:42px 0}.article-content .wp-block-gallery{gap:16px}.article-content .wp-block-group.is-style-tooligo-note{padding:24px;background:var(--wash);border-left:3px solid var(--yellow);margin-block:28px}.article-content .wp-block-group.is-style-tooligo-note p:last-child{margin-bottom:0}.article-content .wp-block-details{border-block:1px solid var(--line);padding:15px 0}.article-content summary{cursor:pointer;font-weight:650}.article-content .wp-block-details[open] summary{margin-bottom:15px}.article-footer{margin-top:45px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.article-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.article-tags a{background:var(--wash);padding:3px 10px;color:#485971;border-radius:2px}.related-section{padding-block:42px 60px;background:var(--wash);border-top:1px solid var(--line)}.empty-state{padding:56px 32px;border:1px solid var(--line);background:var(--wash);text-align:center;max-width:900px;margin:auto}.empty-state h2{font-size:24px;line-height:1.5;margin:0 0 14px;letter-spacing:-.7px}.empty-state p{max-width:520px;margin:0 auto 20px;color:var(--muted);font-size:15px}.empty-state .search-form{max-width:540px;margin:20px auto 0}.button-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;padding:12px 22px;font-size:14px;font-weight:700;border-radius:2px;min-height:44px}.button-primary:hover{background:#163766}.empty-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.error-page{padding-block:85px 100px}.error-number{font-size:12px;letter-spacing:.25em;font-weight:700;color:var(--muted);margin:0 0 12px}.error-page h1{font-size:38px;line-height:1.45;letter-spacing:-1.1px;margin:0 0 20px}.error-page p{color:var(--muted)}.error-page .search-form{max-width:620px;margin:26px 0}.page-content-wrap{min-height:45vh}.post-navigation{margin-top:38px}.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.post-navigation a{font-size:14px;display:block;padding:16px;background:var(--wash)}.post-navigation .nav-subtitle{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.post-navigation .nav-next{text-align:right}

@media(min-width:1440px){.hero-inner{max-width:1440px;grid-template-columns:42% 58%}.hero-intro{padding-left:max(44px,calc((1440px - 1192px)/2))}.hero h1{font-size:63px}.hero-feature,.hero-inner{min-height:610px}.hero-feature-copy{padding:46px}}
@media(max-width:1120px){.site-shell{padding-inline:30px}.header-inner{gap:20px;min-height:83px}.brand-wordmark{font-size:26px}.brand-caption{font-size:14px;padding-left:12px}.brand{gap:12px}.primary-nav ul{gap:17px}.primary-nav a{font-size:13px}.header-actions{gap:9px}.store-button{padding:8px 18px}.hero-intro{padding:56px 28px 50px 30px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-summary{font-size:14px}.hero-feature,.hero-inner{min-height:530px}.hero-feature-copy{padding:31px}.hero-feature h2{font-size:29px}.card-grid{gap:30px 24px}.guide-card h2,.guide-card h3{font-size:19px}.field-card{padding:19px;font-size:15px}}
@media(max-width:900px){.brand-caption{display:none}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-feature h2{font-size:27px}.hero-feature,.hero-inner{min-height:490px}.hero-intro{padding-block:48px}.hero-summary{font-size:13px}.eyebrow{margin-bottom:24px;letter-spacing:.25em}.article-wrap{padding-inline:28px}.article-content .alignwide,.article-content .alignfull{width:100%;max-width:100%;margin-left:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-shell{padding-inline:23px}.header-inner{min-height:72px;gap:15px;justify-content:space-between}.brand-wordmark{font-size:26px}.brand-caption{display:inline;font-size:13px;padding-left:11px}.brand{gap:11px}.header-actions{margin-left:auto;gap:4px}.store-button{display:none}.menu-toggle{display:inline-flex}.primary-nav{position:absolute;left:0;right:0;top:100%;background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.12);margin:0;padding:15px 23px 21px;display:none}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.primary-nav a{font-size:15px;padding:11px 0}.site-search-panel{position:relative;padding-block:20px}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-intro{padding:36px 25px 30px;display:block}.eyebrow{font-size:9px;letter-spacing:.28em;margin-bottom:18px}.hero h1{font-size:clamp(34px,8.8vw,52px);line-height:1.28;letter-spacing:-1.65px;margin-bottom:15px}.hero-summary{font-size:13px;max-width:490px}.hero-rule{width:30px;height:3px;margin:21px 0 15px}.text-link{font-size:13px;gap:10px}.text-link .arrow{font-size:20px}.hero-feature{min-height:0;aspect-ratio:1.32}.hero-feature-copy{padding:25px}.hero-feature h2{font-size:26px;line-height:1.38;max-width:440px;letter-spacing:-.8px;margin-top:9px}.home-guides{padding-block:32px 40px}.section-heading{gap:16px;margin-bottom:20px}.section-heading h2{font-size:22px;letter-spacing:-.7px;white-space:nowrap}.section-heading .view-all{font-size:11px;gap:5px}.section-heading:after{min-width:16px}.card-grid{grid-template-columns:1fr;gap:0}.guide-card{display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.guide-card:first-child{padding-top:0}.guide-card:last-child{border-bottom:0;padding-bottom:0}.card-image-link{margin:0;aspect-ratio:1.1;align-self:start}.guide-card h2,.guide-card h3{font-size:17px;line-height:1.45;letter-spacing:-.5px;margin:5px 0}.guide-tag{font-size:10px;padding:1px 6px}.card-excerpt{font-size:12px;line-height:1.65}.card-date{font-size:10px;margin-top:6px}.field-section{padding-block:32px 38px}.field-intro{font-size:13px;margin:8px 0 20px}.field-grid{gap:10px}.field-card{padding:15px;font-size:14px}.field-card .arrow{font-size:18px}.footer-inner{padding-block:29px 20px;flex-direction:column;gap:20px}.footer-brand{font-size:23px}.footer-description{font-size:12px}.footer-links{gap:20px;padding:0;font-size:12px}.footer-bottom{font-size:10px;padding-bottom:23px}.archive-header{padding-block:33px 27px;margin-bottom:27px}.breadcrumb{font-size:11px;gap:8px;margin-bottom:20px}.archive-header h1{font-size:30px;letter-spacing:-1px}.archive-description{font-size:14px}.archive-content{padding-bottom:45px}.article-wrap{padding:30px 23px 43px}.article-header{margin-bottom:25px}.article-header h1{font-size:32px;line-height:1.4;letter-spacing:-1.15px;margin-top:14px;margin-bottom:17px}.article-summary{font-size:16px;margin-bottom:20px}.article-meta{font-size:11px;gap:7px 13px}.article-featured{margin-bottom:27px}.article-content{font-size:16px;line-height:1.9}.article-content h2{font-size:25px;letter-spacing:-.8px;margin-top:1.85em}.article-content h3{font-size:21px}.article-content figure{margin-block:1.5em}.article-content th,.article-content td{font-size:13px;padding:11px 12px}.article-content .wp-block-columns{gap:18px}.article-content .wp-block-group.is-style-tooligo-note{padding:20px}.related-section{padding-block:30px 40px}.empty-state{padding:35px 22px}.empty-state h2{font-size:21px}.empty-state p{font-size:14px}.empty-state .search-form{flex-direction:column;gap:8px}.search-field{font-size:16px;padding:12px 13px}.search-submit{padding:10px 18px;font-size:14px}.error-page{padding-block:48px 65px}.error-page h1{font-size:29px}.error-page p{font-size:14px}.post-navigation .nav-links{grid-template-columns:1fr}.post-navigation .nav-next{text-align:left}}
@media(max-width:380px){.site-shell{padding-inline:18px}.brand-wordmark{font-size:23px}.brand-caption{font-size:12px}.header-inner{gap:8px}.icon-button{min-width:34px;padding:5px}.hero-intro{padding-inline:20px}.hero h1{font-size:34px}.hero-summary{font-size:12px}.section-heading h2{font-size:20px}.section-heading{gap:12px}.guide-card{grid-template-columns:102px minmax(0,1fr);column-gap:13px}.guide-card h2,.guide-card h3{font-size:16px}.card-excerpt{font-size:11px}.article-wrap{padding-inline:18px}.article-header h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Homepage follows the approved navy + editorial magazine layout.
   Only explicitly designated editorial images fill their frames.
   Original product photographs in articles stay uncropped. */
:root { --width: 1280px; --navy-deep: var(--navy); --ink: #0e1729; --font: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
html body { font-family: var(--font); }
.site-shell { padding-inline: 40px; }
.header-inner { min-height: 76px; }
.brand-wordmark { font-size: 34px; font-weight: 900; letter-spacing: -1.3px; }
.site-header a, .hero a, .guide-card h2 a, .guide-card h3 a { color: inherit; }
.site-header .store-button { color: var(--navy-deep); }
.primary-nav a:hover { color: var(--yellow); }
.hero { background: var(--navy-deep); }
.hero-inner { grid-template-columns: 37% 63%; min-height: 605px; max-width: 1280px; }
.hero-intro { min-width: 0; padding: 82px 24px 62px 40px; justify-content: flex-start; background: var(--navy-deep); }
.eyebrow { font-size: 11px; letter-spacing: .31em; margin-bottom: 36px; color: #c6d1e2; }
.hero h1 { font-size: 64px; line-height: 1.28; font-weight: 900; letter-spacing: -3.3px; margin: 0 0 22px; }
.hero-heading-line { white-space: normal; overflow-wrap: anywhere; }
.hero-summary { font-size: 16px; line-height: 1.8; letter-spacing: -.7px; max-width: 410px; }
.hero-rule { width: 43px; height: 4px; margin: 36px 0 31px; }
.hero .text-link { color: #fff; font-size: 15px; font-weight: 650; gap: 14px; }
.hero-feature { height: 605px; min-height: 0; display: flex; align-items: flex-end; position: relative; overflow: hidden; background: #34414a; }
.hero-feature img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; object-position: center; }
.hero-feature.is-editorial img { object-fit: cover; }
.hero-feature:after { content: ""; display: block; position: absolute; z-index: 1; inset: 34% 0 0; background: linear-gradient(180deg, transparent, rgba(0,0,0,.7)); pointer-events: none; }
.hero-feature-copy { position: relative; z-index: 2; width: 100%; max-width: 700px; padding: 38px 43px 41px; background: transparent; pointer-events: none; }
.hero-feature h2 { color: #fff; font-size: 40px; line-height: 1.34; font-weight: 800; letter-spacing: -1.25px; max-width: 570px; margin: 12px 0 0; text-wrap: balance; }
.hero .guide-tag { background: var(--yellow); color: var(--navy); font-size: 12px; line-height: 1.7; padding: 2px 8px; }
.hero-feature > a { position: absolute; inset: 0; z-index: 3; }
.hero-feature:hover img { transform: none; }
.hero-feature.is-product-photo { background: #fff; }
.hero-feature.is-product-photo img { object-fit: contain; height: calc(100% - 145px); padding: 24px; }
.hero-feature.is-product-photo:after { inset: auto 0 0; height: 155px; background: var(--navy-deep); }
.home-guides { padding-block: 44px 57px; }
.section-heading { margin-bottom: 27px; gap: 29px; }
.section-heading h2 { color: #0b1426; font-size: 30px; line-height: 1.4; font-weight: 800; letter-spacing: -1.05px; }
.section-heading .view-all { font-size: 13px; gap: 10px; }
.card-grid { column-gap: 29px; row-gap: 36px; }
.card-image-link { position: relative; background: #fff; aspect-ratio: 2.08; margin-bottom: 10px; }
/* Card previews share one frame; full article images and media files stay intact. */
.card-image-link img, .card-image-link .card-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; }
.card-image-link img { object-fit: cover; object-position: center; padding: 0; }
.card-image-link:hover img { transform: none; }
.guide-tag { background: #edf2fc; color: var(--navy); font-size: 11px; padding: 1px 7px; line-height: 1.6; }
.guide-card h2, .guide-card h3 { font-size: 23px; line-height: 1.45; font-weight: 800; letter-spacing: -.85px; margin: 8px 0 5px; }
.card-excerpt { font-size: 15px; line-height: 1.7; color: #67758a; }
.editorial-credit { position: absolute; z-index: 4; top: 14px; right: 14px; padding: 3px 6px; border-radius: 2px; color: #fff; background: rgba(0,0,0,.4); font-size: 10px; font-weight: 400; line-height: 1.4; letter-spacing: -.15px; pointer-events: none; }
.card-image-link .editorial-credit { top: auto; bottom: 7px; right: 7px; font-size: 9px; padding: 2px 4px; }
.article-featured { background: #fff; }
.article-featured img { object-fit: contain; max-height: 650px; }
.article-content img { object-fit: contain; }
.article-toc { background: var(--wash); border: 1px solid var(--line); border-left: 3px solid var(--yellow); padding: 21px 25px; margin: 0 0 34px; }
.article-toc summary { font-size: 15px; line-height: 1.6; color: var(--navy); font-weight: 750; cursor: pointer; }
.article-toc ol { margin: 15px 0 0; padding-left: 20px; list-style: decimal; }
.article-toc li { font-size: 14px; line-height: 1.8; margin: 4px 0; }
.article-toc li.toc-level-3 { margin-left: 15px; list-style: circle; font-size: 13px; }
.article-toc a { color: #4e5d72; text-decoration: none; }
.article-toc a:hover { text-decoration: underline; color: var(--navy); }

@media (max-width: 1120px) and (min-width: 761px) {
  .site-shell { padding-inline: 32px; }
  .header-inner { min-height: 76px; }
  .brand-wordmark { font-size: 29px; }
  .hero-inner { grid-template-columns: 37% 63%; min-height: 565px; }
  .hero-intro { padding: 82px 18px 52px 32px; }
  .hero h1 { font-size: clamp(44px, 4.9vw, 56px); letter-spacing: -2.8px; }
  .hero-summary { font-size: 14px; letter-spacing: -.7px; }
  .eyebrow { font-size: 10px; margin-bottom: 33px; }
  .hero-feature { height: 565px; }
  .hero-feature-copy { padding: 31px 35px 36px; }
  .hero-feature h2 { font-size: 34px; }
  .hero-rule { margin: 31px 0 28px; }
  .hero .text-link { font-size: 13px; }
  .section-heading h2 { font-size: 28px; }
  .guide-card h2, .guide-card h3 { font-size: 21px; }
  .card-excerpt { font-size: 14px; }
}
@media (max-width: 900px) and (min-width: 761px) {
  .hero-intro { padding: 78px 16px 48px 27px; }
  .hero-inner { min-height: 520px; }
  .hero-feature { height: 520px; }
  .hero h1 { font-size: clamp(34px, 4.7vw, 42px); letter-spacing: -2.6px; }
  .hero-summary { font-size: 13px; }
  .hero-feature h2 { font-size: 30px; }
  .hero-feature-copy { padding: 28px; }
}
@media (max-width: 760px) {
  .site-shell { padding-inline: 24px; }
  .header-inner { min-height: 66px; gap: 12px; }
  .brand-wordmark { font-size: 29px; font-weight: 900; }
  .brand-caption { font-size: 13px; }
  .header-actions .search-toggle { display: none; }
  .hero-inner { grid-template-columns: 1fr; min-height: 0; }
  .hero-intro { display: block; padding: 33px 25px 25px; }
  .eyebrow { font-size: 9px; letter-spacing: .3em; margin: 0 0 18px; }
  .hero h1 { font-size: clamp(39px, 11.7vw, 51px); line-height: 1.25; letter-spacing: -1.85px; font-weight: 900; margin-bottom: 15px; }
  .hero-summary { font-size: 13px; line-height: 1.65; letter-spacing: -.45px; max-width: none; }
  .hero-rule { width: 34px; height: 3px; margin: 23px 0 16px; }
  .hero .text-link { font-size: 13px; min-height: 26px; gap: 10px; }
  .hero-feature { height: auto; min-height: 0; aspect-ratio: 1.24; display: flex; }
  .hero-feature img { padding: 0; width: 100%; height: 100%; }
  .hero-feature-copy { max-width: none; padding: 24px 26px 27px; background: transparent; }
  .hero-feature h2 { max-width: 350px; font-size: 28px; line-height: 1.34; letter-spacing: -.8px; margin-top: 10px; }
  .hero .guide-tag { font-size: 10px; padding: 2px 7px; line-height: 1.6; }
  .hero-feature:after { inset: 27% 0 0; }
  .hero-feature.is-product-photo img { height: calc(100% - 110px); padding: 15px; }
  .hero-feature.is-product-photo:after { inset: auto 0 0; height: 125px; }
  .home-guides { padding-block: 29px 38px; }
  .section-heading { gap: 16px; margin-bottom: 20px; }
  .section-heading h2 { font-size: 23px; line-height: 1.4; font-weight: 800; letter-spacing: -.8px; white-space: nowrap; }
  .section-heading .view-all { font-size: 11px; gap: 6px; }
  .card-grid { grid-template-columns: 1fr; gap: 0; }
  .guide-card { grid-template-columns: 120px minmax(0, 1fr); column-gap: 17px; padding: 15px 0; }
  .guide-card:first-child { padding-top: 0; }
  .guide-card:last-child { padding-bottom: 0; }
  .card-image-link { aspect-ratio: 1.16; margin: 0; }
  .guide-tag { font-size: 10px; padding: 1px 6px; }
  .guide-card h2, .guide-card h3 { font-size: 17px; line-height: 1.45; font-weight: 800; letter-spacing: -.55px; margin: 5px 0; }
  .card-excerpt { font-size: 12px; line-height: 1.65; }
  .hero-feature .editorial-credit { top: 10px; right: 10px; font-size: 9px; }
  .card-image-link .editorial-credit { left: 3px; right: auto; bottom: 3px; font-size: 7px; white-space: nowrap; padding: 2px 3px; }
  .article-toc { padding: 18px 20px; margin-bottom: 28px; }
  .article-toc summary { font-size: 14px; }
  .article-toc li { font-size: 13px; }
  .article-featured img { max-height: 480px; }
}
@media (max-width: 380px) {
  .site-shell { padding-inline: 20px; }
  .brand-wordmark { font-size: 26px; }
  .brand-caption { font-size: 12px; }
  .hero-intro { padding-inline: 22px; }
  .hero h1 { font-size: 40px; letter-spacing: -1.9px; }
  .hero-summary { font-size: 12px; }
  .hero-feature-copy { padding-inline: 22px; }
  .hero-feature h2 { font-size: 26px; }
  .section-heading h2 { font-size: 20px; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  .section-heading { gap: 8px; }
  .section-heading:after { min-width: 0; }
  .section-heading .view-all { flex-shrink: 0; }
  .guide-card { grid-template-columns: 104px minmax(0, 1fr); column-gap: 13px; }
  .guide-card h2, .guide-card h3 { font-size: 16px; }
  .card-excerpt { font-size: 11px; }
}
@media print {
  .site-header, .site-footer, .related-section, .post-navigation, .article-tags, .article-toc { display: none; }
  .article-wrap { max-width: none; padding: 0; }
  .article-content a { color: inherit; }
  .article-content { font-size: 11pt; }
  .article-header h1 { font-size: 24pt; }
  body { background: #fff; }
}

.mobile-nav-search{display:none}
.guide-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-10px 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.guide-sort{display:flex;align-items:center;gap:5px}
.guide-sort a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;color:var(--muted);font-size:14px;font-weight:600;border-radius:3px;text-decoration:none}
.guide-sort a[aria-current="page"]{color:var(--navy);background:#edf2fb;font-weight:800}
.guide-sort a:hover{color:var(--navy);background:var(--wash)}
.guide-sort-note{font-size:12px;color:var(--muted)}
@media(max-width:760px){.guide-list-toolbar{margin:-8px 0 23px;gap:10px;padding-bottom:14px}.guide-sort a{font-size:13px;padding-inline:11px}.guide-sort-note{font-size:11px}}
@media(max-width:380px){.guide-list-toolbar{flex-wrap:wrap;row-gap:5px}.guide-sort-note{font-size:10px}}
@media(min-width:1121px){.hero h1{font-size:clamp(56px,5vw,64px)}}
@media(max-width:760px){.mobile-nav-search{display:block;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}.mobile-nav-search .search-field{font-size:16px}.mobile-nav-search .search-submit{padding-inline:18px}}

/* Include the text gap in the available width of aligned product photos. */
.article-content{display:flow-root}.article-content img.alignleft,.article-content figure.alignleft{float:left;margin:8px 24px 16px 0;max-width:calc(100% - 24px)}.article-content img.alignright,.article-content figure.alignright{float:right;margin:8px 0 16px 24px;max-width:calc(100% - 24px)}.article-content img.aligncenter,.article-content figure.aligncenter{display:block;float:none;margin-left:auto;margin-right:auto}.article-content img.alignnone{float:none;margin-left:0;margin-right:0}
@media(max-width:600px){.article-content img.alignleft,.article-content figure.alignleft{margin-right:14px;max-width:calc(100% - 14px)}.article-content img.alignright,.article-content figure.alignright{margin-left:14px;max-width:calc(100% - 14px)}}

/* Keep small labels legible and primary links comfortable to tap. */
.editorial-credit,
.card-image-link .editorial-credit,
.hero-feature .editorial-credit {
  font-size: 12px;
  line-height: 1.4;
  max-width: calc(100% - 14px);
  white-space: normal;
  background: rgba(0, 0, 0, .72);
}
.icon-button { min-width: 44px; }
.text-link, .hero .text-link, .section-heading .view-all, .guide-sort a { min-height: 44px; }
@media (max-width: 760px) {
  .card-excerpt { font-size: 14px; line-height: 1.7; }
  .card-date, .guide-tag, .hero .guide-tag, .guide-sort-note { font-size: 12px; }
}

/* Four recommendations below the article; homepage selection remains independent. */
.related-section .card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.related-section .guide-card h3 { font-size: 21px; }
@media (min-width: 761px) and (max-width: 1050px) {
    .related-section .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .related-section .card-grid { grid-template-columns: 1fr; }
    .related-section .guide-card h3 { font-size: 17px; }
}