@charset "UTF-8";
:root{--ink:#203d36;--muted:#667871;--green:#24624d;--deep:#174937;--mint:#eaf2e9;--paper:#fbfcf8;--line:#dde5dc;--orange:#de754c;--white:#fff;--radius:16px;--font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;height:auto}p{margin:0 0 1em}h1,h2,h3,h4{line-height:1.5;margin:0;font-weight:750;letter-spacing:.025em}h2{font-size:27px}h3{font-size:18px}ul{padding-left:1.4em}svg{display:inline-block;vertical-align:middle;flex:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d37c36;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip-link{position:fixed;top:-100px;left:20px;background:var(--green);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:#ffffffed;position:relative;z-index:20}.header-inner{height:88px;display:flex;gap:35px;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;flex:none}.brand-mark{display:grid;grid-template-columns:repeat(2,12px);gap:3px;transform:rotate(-9deg)}.brand-mark i{width:12px;height:12px;background:var(--green);border-radius:3px}.brand-mark i:first-child{border-radius:9px 3px 3px 3px;background:#84a78a}.brand-name{font-size:17px;line-height:1.35;font-weight:750;letter-spacing:.02em}.brand-name small{display:block;font-size:9px;font-weight:550;letter-spacing:.19em;margin-top:5px;color:var(--muted)}.main-nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:650}.main-nav a:not(.button){padding:8px 0;position:relative}.main-nav a[aria-current=page]:after{content:"";height:3px;background:var(--green);position:absolute;bottom:-25px;left:0;right:0}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 21px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:7px;font-weight:650;font-size:14px;line-height:1.5;transition:background .15s,transform .15s}.button:hover{background:var(--deep);color:#fff;transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--green);border-color:#c7d7c6}.button.small{padding:10px 16px;font-size:12px}.button.outline-light{background:transparent;border-color:#789784;color:white}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:5px;padding:6px 10px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--green)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}.hero{padding:57px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;min-height:326px}.hero h1{font-size:44px;line-height:1.6;letter-spacing:.065em;margin:18px 0 18px}.hero h1 em{font-style:normal;color:var(--green);position:relative;z-index:1}.hero h1 em:after{content:"";position:absolute;bottom:1px;height:9px;left:0;right:0;background:#dce8c7;z-index:-1}.hero-copy{font-size:14px;line-height:2;color:var(--muted)}.hero-note{display:flex;gap:20px;font-size:11px;color:var(--muted);margin-top:25px}.hero-note span{display:flex;align-items:center;gap:5px}.hero-art{height:306px;position:relative;margin-left:25px}.art-orbit{position:absolute;inset:-9px 14px -6px 8px;border:1px solid #d7e3d1;border-radius:50%;transform:rotate(-17deg);background:radial-gradient(ellipse at center,#e7efdfaa 0,#edf3e566 60%,transparent 61%)}.art-orbit:after{content:"";position:absolute;inset:24px -21px;border:1px dashed #cddcc7;border-radius:50%;transform:rotate(30deg)}.art-window{position:absolute;top:38px;left:21px;width:320px;background:#fff;border:1px solid #d6e0d1;border-radius:12px;box-shadow:0 20px 50px #234e3710;transform:rotate(-4deg);overflow:hidden}.art-bar{height:30px;padding:11px;display:flex;gap:4px;border-bottom:1px solid #e8ece5;background:#f9faf6}.art-bar i{width:5px;height:5px;background:#c8d3c5;border-radius:50%}.art-body{padding:18px}.art-topline{display:flex;justify-content:space-between;font-size:9px;font-weight:750;letter-spacing:.06em}.art-topline span{color:#80907b;font-size:8px}.art-banner{margin:12px 0;display:flex;align-items:center;justify-content:space-between;background:#edf3e7;padding:14px;border-radius:6px;font-size:12px;font-weight:750}.art-plant{position:relative;width:45px;height:45px}.art-plant:after{content:"";position:absolute;left:24px;top:10px;width:2px;height:31px;background:#46745a}.art-plant i{position:absolute;width:19px;height:10px;background:#8daf77;left:6px;top:14px;border-radius:0 12px;transform:rotate(20deg)}.art-plant i+ i{left:25px;top:6px;background:#4f7e5d;transform:rotate(-33deg)}.art-cards{display:flex;gap:7px}.art-card{width:33.3%;border:1px solid #e0e6db;border-radius:6px;padding:9px;min-height:69px}.art-card b{display:block;width:17px;height:17px;border-radius:4px;background:#e1ead9;margin-bottom:9px}.art-card:nth-child(2) b{background:#f8dcc8}.art-card:nth-child(3) b{background:#dce8ec}.art-card span{display:block;height:3px;background:#dce3d9;margin:5px 0}.art-card span:last-child{width:65%}.art-floating{position:absolute;right:0;bottom:23px;transform:rotate(5deg);background:#fff;padding:16px 20px;border:1px solid #d8e2d4;border-radius:10px;box-shadow:0 9px 20px #244d3310;width:178px}.art-floating small{font-size:9px;color:var(--muted)}.art-floating strong{display:block;font-size:12px;margin-top:4px}.art-bars{height:41px;display:flex;align-items:flex-end;gap:7px;margin-top:8px}.art-bars i{width:13px;background:#b7ce9f;border-radius:3px 3px 0 0}.art-bars i:nth-child(2n){background:#5a8c69}.art-seal{position:absolute;right:11px;top:11px;background:#f8e7cc;border:5px solid var(--paper);width:71px;height:71px;display:grid;place-content:center;border-radius:50%;color:#876742;transform:rotate(9deg)}.art-seal span{font-size:8px;text-align:center;line-height:1.6;letter-spacing:.05em}.art-seal b{font-size:18px;text-align:center}.search-panel{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:34px 0 0;box-shadow:0 3px 8px #234e3703}.search-field{position:relative;flex:1;display:flex;align-items:center;gap:13px;padding-left:9px}.search-field svg{color:#748773}.search-field input{background:transparent;border:0;outline:0;width:100%;padding:7px 0;font-size:14px;color:var(--ink)}.search-panel select{padding:10px 34px 10px 18px;border:0;border-left:1px solid var(--line);background:#fff;color:var(--muted);max-width:220px}.search-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:12px 2px 0}.search-meta a{text-decoration:underline;text-underline-offset:3px}.search-meta strong{color:var(--green);font-size:13px}.section{padding:55px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-title .label{font:550 10px/1.8 var(--font);letter-spacing:.18em;color:var(--muted);margin-bottom:5px}.section-title h2{font-size:25px}.section-title p{font-size:13px;color:var(--muted);margin:9px 0 0}.text-link{font-size:12px;font-weight:700;display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-card{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 13px;font-size:12px;font-weight:650;transition:border-color .15s,background .15s}.category-card:hover{background:#f2f7ed;border-color:#a7bba1}.category-card svg{color:#688264;width:22px;height:22px}.category-card small{margin-left:auto;color:#8a9885;font-size:10px;font-weight:400}.category-more{margin-top:15px;text-align:center}.category-more summary{cursor:pointer;font-size:12px;padding:9px;color:var(--muted)}.category-more .category-grid{text-align:left;margin-top:12px}.divider{height:1px;background:var(--line)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.site-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s,transform .2s}.site-card:hover{box-shadow:0 9px 22px #1c4e3410;transform:translateY(-3px)}.site-visual{height:150px;padding:22px;display:flex;align-items:center;justify-content:center;background:#e9efdf;position:relative;overflow:hidden}.site-visual.blue{background:#e7eef1}.site-visual.peach{background:#f4e9dc}.site-visual:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffffa0;border-radius:50%;right:-26px;bottom:-66px}.site-visual .mini-browser{width:86%;height:107px;border:1px solid #ffffff9a;border-radius:6px;background:#ffffffd6;box-shadow:0 4px 10px #37443305;padding:10px 15px;transform:translateY(20px)}.mini-top{display:flex;align-items:center;gap:3px;border-bottom:1px solid #dce1d766;padding-bottom:8px}.mini-top i{background:#d0d9c5;width:3px;height:3px;border-radius:100%}.mini-name{font-size:12px;text-align:center;font-weight:700;max-height:34px;overflow:hidden;line-height:1.4;margin:12px 0;color:#5b7450}.blue .mini-name{color:#617a8b}.peach .mini-name{color:#a0815f}.mini-lines{display:flex;gap:8px;justify-content:center}.mini-lines i{width:21%;height:21px;background:#dce6d1;border-radius:3px}.blue .mini-lines i{background:#dce5e9}.peach .mini-lines i{background:#ecdfd0}.site-visual small{position:absolute;top:9px;left:11px;font-size:9px;color:#6c7e64;letter-spacing:.08em}.card-body{padding:20px;flex:1;display:flex;flex-direction:column}.tag{font-size:10px;padding:3px 8px;border-radius:4px;background:#edf3e9;color:#4c7253;display:inline-block;line-height:1.7;max-width:100%}.tag.orange{background:#faeee3;color:#a26c3e}.tag.blue{background:#edf0f8;color:#64708c}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.site-card h3{font-size:16px;line-height:1.6;margin-bottom:10px}.site-card p{font-size:12px;color:var(--muted);line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-bottom{margin-top:auto;border-top:1px solid #edf0e8;padding-top:12px;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.bookmark{display:flex;align-items:center;gap:4px;background:transparent;border:0;padding:4px;color:var(--muted);font-size:10px;white-space:nowrap}.bookmark[aria-pressed=true]{color:var(--green);font-weight:750}.bookmark[aria-pressed=true] svg{fill:#dce8d6}.learning-section{background:#f0f4e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:45px;align-items:start}.learning-intro h2{font-size:29px;line-height:1.65;margin:12px 0}.learning-intro p{font-size:13px;color:var(--muted);line-height:2}.learning-intro .button{margin-top:14px}.path-list{display:grid;gap:11px}.path-card{display:flex;align-items:center;gap:18px;padding:19px 23px;background:#fff;border:1px solid #dee6d4;border-radius:10px}.path-card:hover{border-color:#9bae90}.path-number{font:500 26px/1.4 Georgia,serif;color:#9baa83}.path-card div{flex:1}.path-card small{font-size:10px;color:var(--muted)}.path-card h3{font-size:16px}.path-card p{font-size:11px;color:var(--muted);margin:3px 0 0}.path-card svg{color:#6c8766}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{padding:0 0 20px;border-bottom:1px solid var(--line)}.article-art{height:138px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:27px;background:#e9eee2;position:relative;overflow:hidden;margin-bottom:17px}.article-art b{font-family:Georgia,serif;font-size:41px;line-height:1;color:#49643b;font-weight:500;letter-spacing:-.04em}.article-art small{display:block;font:10px/1.8 var(--font);letter-spacing:.04em;margin-top:8px}.article-art svg{width:55px;height:55px;stroke-width:1;color:#81966b}.article-art.orange{background:#f4e9dc}.article-art.orange b,.article-art.orange svg{color:#9d754e}.article-art.blue{background:#e7edf0}.article-art.blue b,.article-art.blue svg{color:#627b88}.article-card h3{font-size:16px;line-height:1.8;margin:9px 0}.article-card .article-meta{display:flex;gap:12px;font-size:10px;color:var(--muted)}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px 29px}.tool-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.icon-box{display:grid;place-content:center;width:43px;height:43px;background:#edf3e8;border-radius:10px;color:#68875c}.tool-heading h3{font-size:18px}.tool-heading p{font-size:11px;color:var(--muted);margin:2px 0 0}.tool-brands{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tool-brands a{border:1px solid #e3e8dc;background:#fafbf8;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:650}.tool-panel>.text-link{border-top:1px solid var(--line);padding-top:16px;width:100%;justify-content:space-between}.cta{background:var(--green);color:#fff;border-radius:14px;padding:32px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.cta h2{font-size:23px;margin-bottom:7px}.cta p{font-size:12px;color:#d6e5d4;margin:0}.cta .button{flex:none;background:#fff;color:var(--green);border-color:#fff}.site-footer{padding:45px 0 23px;border-top:1px solid var(--line);margin-top:58px;background:#f6f8f2}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-description{font-size:11px;color:var(--muted);margin:15px 0;max-width:380px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;align-items:flex-start;padding-top:5px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.preview-banner{background:#edf0e6;color:#617057;font-size:10px;text-align:center;padding:4px 16px;border-bottom:1px solid var(--line)}.page-heading{padding:38px 0 30px}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:25px;flex-wrap:wrap}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.page-heading h1{font-size:34px;margin:8px 0 12px}.page-heading p{font-size:14px;color:var(--muted);max-width:750px}.filter-layout{display:grid;grid-template-columns:216px 1fr;gap:30px}.filter-box{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px;align-self:start;position:sticky;top:24px}.filter-box h2{font-size:14px;margin-bottom:13px}.filter-box a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;margin:3px -8px;border-radius:5px}.filter-box a.active{background:#eaf2e5;color:var(--green);font-weight:700}.filter-box small{font-size:10px;color:var(--muted)}.filter-box hr{border:0;border-top:1px solid var(--line);margin:18px 0}.results-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 20px;font-size:12px}.results-toolbar select{background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:5px;font-size:12px;color:var(--ink)}.directory-results .card-grid{grid-template-columns:repeat(2,1fr)}.directory-results .search-panel{margin:0 0 20px;padding:8px}.directory-results .search-field input{font-size:12px}.directory-results .search-panel .button{padding:10px 14px;font-size:12px}.empty-state{background:#fff;border:1px dashed #b9c9b2;border-radius:10px;padding:45px 25px;text-align:center}.empty-state h2{font-size:20px}.empty-state p{color:var(--muted);font-size:13px;margin:12px 0 20px}.pagination,.nav-links{display:flex;justify-content:center;gap:8px;margin:30px 0}.page-numbers,.pagination button{border:1px solid var(--line);border-radius:5px;background:#fff;padding:8px 13px;font-size:12px;color:var(--green)}.page-numbers.current,.pagination button[aria-current=page]{background:var(--green);color:#fff}.notice{padding:17px 20px;border:1px solid #e7d7b9;border-radius:8px;background:#fbf6eb;color:#786545;font-size:12px;margin:0 0 25px}.notice a{text-decoration:underline}.prose{font-size:15px;line-height:2.1;overflow-wrap:anywhere}.prose p{margin:0 0 1.3em}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose h2{font-size:23px;margin:42px 0 17px;padding-top:8px}.prose h3{font-size:18px;margin:25px 0 12px}.prose ul,.prose ol{margin:12px 0 25px}.prose li{margin:5px 0}.prose table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow:auto}.prose td,.prose th{border:1px solid var(--line);padding:14px;text-align:left;min-width:100px}.prose th{background:#f1f5ed}.prose blockquote{border-left:3px solid #b6c9a9;margin:22px 0;padding:15px 22px;background:#f0f5ea}.reading-layout{display:grid;grid-template-columns:minmax(0,790px) 250px;gap:55px}.article-header{max-width:840px}.article-header h1{font-size:33px;line-height:1.6;margin:16px 0}.article-header .description{font-size:15px;color:var(--muted)}.article-byline{display:flex;gap:18px;font-size:11px;color:var(--muted);margin:20px 0 30px;flex-wrap:wrap}.takeaways{border:1px solid #d6e2cc;border-radius:10px;background:#f0f5e9;padding:22px 26px;margin-bottom:30px}.takeaways h2{font-size:16px;margin:0 0 12px}.takeaways ul{font-size:13px;margin:0;padding-left:1.3em}.toc{background:white;border:1px solid var(--line);border-radius:9px;padding:22px;position:sticky;top:25px;font-size:12px;align-self:start}.toc strong{display:block;font-size:14px;margin-bottom:15px}.toc ol{padding-left:17px;margin:0}.toc li{margin:13px 0}.source-list{font-size:12px;background:#f4f6ef;padding:23px;border-radius:9px;margin-top:32px}.source-list h2{font-size:15px;margin:0 0 15px}.source-list a{display:block;margin:7px 0}.form-layout{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:40px;align-items:start}.form-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px}.form-card label,.ad-form label{font-size:13px;font-weight:650;display:block;margin-bottom:7px}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea,.ad-form input:not([type=checkbox]),.ad-form select,.ad-form textarea{width:100%;border:1px solid #cbd7c4;border-radius:6px;padding:11px 13px;background:#fdfefa;color:var(--ink)}.form-card textarea{min-height:135px;resize:vertical}.form-field{margin-bottom:23px}.field-hint{font-size:11px;color:var(--muted);margin:5px 0 0}.required{color:#a96542;font-size:10px;font-weight:500;margin-left:9px}.checkbox-label{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;margin:18px 0}.checkbox-label input{margin-top:6px;accent-color:var(--green)}.form-aside{font-size:12px;color:var(--muted)}.form-aside h2{font-size:18px;color:var(--ink);margin-bottom:18px}.form-step{display:flex;gap:14px;margin:23px 0}.form-step b{width:26px;height:26px;flex:none;display:grid;place-content:center;border-radius:100%;background:#e9efdf;color:var(--green);font-size:12px}.form-step strong{display:block;color:var(--ink);margin-bottom:3px}.form-feedback{padding:14px;margin-top:16px;background:#edf4e8;border-radius:6px;color:var(--green);font-size:12px}.form-error{background:#fff0e9;color:#963e23}.detail-meta{border-top:1px solid var(--line);margin:25px 0}.detail-meta>div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--line);padding:17px 0;gap:20px;font-size:13px}.detail-meta dt{color:var(--muted)}.detail-meta dd{margin:0;overflow-wrap:anywhere}.level-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 26px}.level-tabs a,.level-tabs button{border:1px solid var(--line);border-radius:5px;padding:8px 18px;background:#fff;font-size:12px;color:var(--muted)}.level-tabs .active{background:var(--green);color:#fff;border-color:var(--green)}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.compare-card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px}.compare-card h2{font-size:21px;margin:12px 0}.compare-card p,.compare-card li{font-size:12px;color:var(--muted)}.compare-card ul{padding-left:1.2em;min-height:100px}.compare-card .button{width:100%;margin-top:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--deep);color:white;font-size:12px;padding:12px 24px;border-radius:7px;z-index:100;box-shadow:0 3px 15px #0002}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.policy-card{background:white;border:1px solid var(--line);padding:25px;border-radius:10px}.policy-card h2{font-size:18px;margin-bottom:13px}.policy-card p{font-size:13px;color:var(--muted)}
@media(min-width:1500px){.hero-grid{min-height:350px}.hero{padding-top:65px}}
@media(max-width:1100px){.main-nav{gap:18px;font-size:12px}.header-inner{gap:20px}.brand-name{font-size:15px}.hero h1{font-size:37px}.hero-art{margin-left:0;transform:scale(.9);transform-origin:right center}.category-grid{grid-template-columns:repeat(4,1fr)}.reading-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.main-nav .button.small{padding:9px 11px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header-inner{height:74px}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:20px;box-shadow:0 10px 15px #203d3610;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a[aria-current=page]:after{display:none}.menu-toggle{display:block}.hero-grid{grid-template-columns:1.2fr .8fr;gap:0}.hero h1{font-size:32px}.hero-art{transform:scale(.69);width:375px;margin-left:-70px}.hero-copy{font-size:12px}.hero-note{font-size:10px;gap:12px}.category-grid{grid-template-columns:repeat(3,1fr)}.card-grid{gap:14px}.card-body{padding:15px}.site-card h3{font-size:14px}.site-visual{height:130px;padding:15px}.learning-layout{gap:25px;grid-template-columns:1fr 1.2fr}.learning-intro h2{font-size:24px}.path-card{padding:17px 16px;gap:12px}.path-card h3{font-size:14px}.article-list{gap:17px}.article-art{padding:20px;height:120px}.article-art b{font-size:34px}.article-art svg{width:35px}.tools-grid{gap:15px}.tool-panel{padding:23px}.filter-layout{grid-template-columns:170px 1fr;gap:20px}.filter-box{padding:14px}.reading-layout{display:flex;flex-direction:column-reverse;gap:20px}.toc{position:static;width:100%}.toc ol{display:flex;gap:5px 30px;flex-wrap:wrap}.toc li{margin:5px 0}.article-header h1{font-size:28px}.form-layout{grid-template-columns:1.5fr 1fr;gap:25px}.form-card{padding:23px}.compare-grid{grid-template-columns:1fr 1fr}.footer-top{flex-direction:column;gap:15px}.footer-links{gap:16px}.cta{padding:28px}.cta h2{font-size:20px}}
@media(max-width:600px){body{font-size:14px}.wrap{width:calc(100% - 36px)}.hero{padding:34px 0 0}.hero-grid{display:block;min-height:0}.hero h1{font-size:31px;line-height:1.65;margin:14px 0}.hero-copy{font-size:12px}.hero-art{display:none}.hero-note{margin-top:18px;gap:17px}.search-panel{margin-top:25px;padding:10px;gap:6px;flex-wrap:wrap}.search-field{min-width:calc(100% - 90px);padding-left:3px;gap:9px}.search-field input{font-size:13px}.search-panel .button{padding:11px 14px;font-size:12px}.search-panel select{display:none}.search-meta{font-size:10px;display:block;line-height:1.9}.search-meta>span{display:block}.section{padding:35px 0}.section-head{margin-bottom:18px;align-items:center;gap:10px}.section-title h2{font-size:21px}.section-title p{font-size:11px}.section-title .label{font-size:9px}.text-link{font-size:10px;gap:5px}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-card{font-size:11px;padding:13px 11px}.category-card svg{width:19px;height:19px}.card-grid{grid-template-columns:1fr;gap:15px}.site-card{display:grid;grid-template-columns:100px 1fr}.site-visual{height:100%;padding:10px;min-height:174px}.site-visual small{font-size:7px;left:6px;top:7px}.site-visual .mini-browser{height:77px;width:100%;padding:5px;transform:none}.mini-name{font-size:8px;margin:8px 0}.mini-lines{gap:3px}.mini-lines i{height:12px}.card-body{padding:14px}.site-card h3{font-size:14px;margin-bottom:6px}.site-card p{font-size:11px;margin-bottom:8px}.card-bottom{font-size:9px;padding-top:9px}.card-tags{margin-bottom:6px}.tag{font-size:9px}.learning-layout{grid-template-columns:1fr;gap:24px}.learning-intro h2{font-size:25px}.learning-intro .button{margin-top:4px}.path-card{padding:16px 19px}.path-card h3{font-size:15px}.article-list{grid-template-columns:1fr;gap:20px}.article-card{display:grid;grid-template-columns:95px 1fr;gap:14px;padding-bottom:20px}.article-art{height:105px;margin:0;padding:13px;display:block}.article-art b{font-size:23px}.article-art small{font-size:7px}.article-art svg{position:absolute;bottom:10px;right:10px;width:24px;height:24px}.article-card h3{font-size:14px;line-height:1.7;margin:6px 0}.article-meta{font-size:9px!important}.tools-grid{grid-template-columns:1fr}.tool-heading{margin-bottom:15px}.tool-panel{padding:22px}.tool-heading h3{font-size:17px}.cta{padding:27px 24px;display:block}.cta h2{font-size:20px}.cta p{font-size:11px;margin-bottom:20px}.cta .button{font-size:12px;padding:11px 20px}.site-footer{margin-top:35px;padding-top:30px}.footer-links{gap:13px 18px;font-size:10px}.footer-bottom{display:block;font-size:9px}.footer-bottom span{display:block;margin:8px 0}.page-heading{padding:27px 0 22px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.breadcrumbs{font-size:10px;margin-bottom:19px}.filter-layout{display:block}.filter-box{position:static;margin-bottom:20px}.filter-box h2{font-size:12px}.filter-box .filter-items{display:flex;gap:5px;flex-wrap:wrap}.filter-box a{border:1px solid var(--line);padding:4px 9px;margin:0;gap:7px;font-size:10px}.filter-box hr{margin:12px 0}.directory-results .card-grid{grid-template-columns:1fr}.results-toolbar{font-size:11px}.notice{font-size:11px;padding:14px 16px}.article-header h1{font-size:25px}.article-header .description{font-size:13px}.article-byline{font-size:10px;gap:8px 15px}.prose{font-size:14px}.prose h2{font-size:21px}.prose h3{font-size:17px}.takeaways{padding:20px}.takeaways ul{font-size:12px}.toc{padding:19px}.toc ol{display:block}.form-layout{display:flex;flex-direction:column-reverse;gap:15px}.form-card{padding:20px;width:100%}.form-aside{width:100%}.form-aside h2{font-size:17px;margin-bottom:10px}.form-step{margin:14px 0}.form-step p{margin:0}.compare-grid{grid-template-columns:1fr}.compare-card ul{min-height:auto}.detail-meta>div{grid-template-columns:80px 1fr;gap:12px;font-size:12px}.policy-grid{grid-template-columns:1fr}.level-tabs{gap:6px}.level-tabs a,.level-tabs button{padding:6px 12px;font-size:11px}.preview-banner{font-size:9px}.toast{font-size:11px;max-width:90vw;width:max-content}}
.search-field:focus-within{outline:2px solid #d37c36;outline-offset:5px;border-radius:3px}
.service-logo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:300/170;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;text-align:center}
.service-logo-text{font-size:18px;font-weight:700;color:var(--green);overflow-wrap:anywhere}
.service-logo.has-image .service-logo-text{visibility:hidden}
.service-logo img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;background:white}
.service-card{display:flex;flex-direction:column;padding:18px;min-width:0}
.service-card-content{display:flex;flex-direction:column;flex:1;padding:18px 3px 4px;align-items:flex-start}
.service-card h2{font-size:19px;line-height:1.6;overflow-wrap:anywhere}
.service-card p{font-size:13px;line-height:1.9;margin:0 0 18px}
.service-card-detail{margin-top:auto}
.service-logo-link{display:block;border-radius:8px}
.service-criteria{padding:8px 0 24px;font-size:13px}.service-criteria p{color:var(--muted);margin:7px 0 0}
.service-detail-hero{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;align-items:center;margin:24px 0 8px}
.service-detail-hero h1{margin:10px 0;overflow-wrap:anywhere}.service-logo-large{aspect-ratio:4/3}
.service-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.service-actions .button{font-size:13px}
.service-description{overflow-wrap:anywhere}.service-specifications{border-collapse:collapse;width:100%;font-size:14px;margin:20px 0 30px}
.service-specifications th,.service-specifications td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.service-specifications th{background:var(--surface,#f3f5f2);width:30%;min-width:100px}
.tool-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.tool-logo-grid>a{font-size:11px;line-height:1.6;text-align:center;overflow-wrap:anywhere}.tool-logo-grid>a>span{display:block;margin-top:8px}
.tool-logo-grid .service-logo{aspect-ratio:4/3;padding:5px}.tool-logo-grid .service-logo img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.tool-logo-grid .service-logo-text{font-size:12px}
@media(max-width:600px){.service-detail-hero{grid-template-columns:1fr;gap:22px}.service-logo-large{max-width:230px}.service-grid{grid-template-columns:1fr}.service-card{padding:16px}.service-grid .service-logo{aspect-ratio:2/1}.service-card h2{font-size:18px}.service-actions .button{font-size:12px}.service-specifications th,.service-specifications td{padding:12px 10px;font-size:12px}.service-criteria{font-size:12px}.tool-logo-grid{gap:8px}.service-card-detail{font-size:12px}}
@media(max-width:600px){.search-panel>.field-hint{display:none}.search-panel .search-field{min-width:0;flex:1}.results-toolbar{flex-wrap:wrap}.form-card .wpcf7-form input:not([type=checkbox]):not([type=submit]),.form-card .wpcf7-form textarea{width:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}