:root{--ink:#111413;--muted:#57635d;--green:#0b6b44;--green2:#06472f;--gold:#b68a36;--orange:#e95b25;--paper:#fbfaf4;--line:rgba(18,28,23,.12)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}a{color:inherit}.tools-header{height:70px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{text-decoration:none;color:var(--green2);font-weight:950;font-size:22px;letter-spacing:.02em}.tools-header nav{display:flex;gap:20px;font-weight:850}.tools-header nav a{text-decoration:none}.tools-hero{padding:70px max(22px,calc((100vw - 1180px)/2)) 46px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:34px;align-items:center;background:linear-gradient(120deg,#fff,#f3f7ef)}.eyebrow{margin:0 0 10px;color:var(--orange);font-weight:950;font-size:15px}.tools-hero h1,.tool-hero h1{margin:0;color:#073f2d;font-size:clamp(48px,7vw,92px);line-height:1.05;letter-spacing:0}.tools-hero p,.tool-hero p{max-width:780px;color:#33413b;font-size:22px;font-weight:800;line-height:1.65}.hero-actions,.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-actions a,.tool-actions a,.primary-btn,.copy-btn,.share-actions a,.share-actions button{min-height:54px;padding:15px 22px;border:0;border-radius:8px;background:var(--green);color:#fff;text-decoration:none;font-size:17px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hero-actions a:nth-child(2),.tool-actions a:nth-child(2),.share-actions a:nth-child(2),.share-actions button{background:#fff;color:var(--green2);border:1px solid var(--green2)}.hero-panel{aspect-ratio:16/10;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(10,30,20,.18);border:1px solid var(--line)}.hero-image{width:100%;height:100%;display:block;object-fit:cover}.category-strip,.tools-list,.tool-shell{max-width:1180px;margin:0 auto;padding:44px 22px}.category-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.compact-categories{padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}.category-pill{display:block;padding:16px;border-radius:8px;background:#fff;border:1px solid var(--line);font-weight:950;text-align:center;text-decoration:none;color:#073f2d}.section-head h1,.section-head h2{margin:0 0 20px;font-size:clamp(34px,5vw,58px);line-height:1.1}.lead-text{max-width:820px;color:#33413b;font-size:21px;font-weight:800;line-height:1.7}.toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:18px}.toolbar input,.toolbar select,.tool-card input,.tool-card textarea,.tool-card select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 14px;font-size:16px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-link{min-height:178px;padding:20px;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(10,20,16,.06)}.tool-link span{color:var(--gold);font-weight:950;font-size:13px}.tool-link strong{margin:10px 0;color:#111;font-size:23px;line-height:1.25}.tool-link p{margin:auto 0 0;color:var(--muted);font-weight:750;line-height:1.55}.tool-hero{padding:48px 22px 20px}.tool-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:20px;margin-top:20px}.tool-panel,.result-panel,.seo-section{padding:24px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px rgba(10,20,16,.07)}.tool-panel label{display:block;margin:0 0 14px;color:#1b2923;font-weight:900}.tool-panel textarea{min-height:220px;resize:vertical}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-panel h2{margin:0 0 14px;font-size:28px}.result-box{min-height:180px;padding:16px;border-radius:8px;background:#f6f7f3;border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;font-size:17px;line-height:1.65}.example-box{margin:0 0 18px;padding:16px;border-radius:8px;background:#f7fbf4;border:1px solid rgba(11,107,68,.22)}.example-box strong{display:block;color:#073f2d;font-size:18px;margin-bottom:6px}.example-box p{margin:0 0 12px;color:#43524b;font-size:15px;font-weight:750;line-height:1.65}.example-fill-btn{min-height:48px;padding:12px 18px;border:0;border-radius:8px;background:#e95b25;color:#fff;font-size:16px;font-weight:950;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:14px;border-radius:8px;background:#f6f7f3}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:850}.metric strong{display:block;font-size:28px}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{border:1px solid var(--line);padding:10px;text-align:left}.seo-section{margin-top:20px}.seo-section h2{margin:0 0 12px;font-size:28px}.seo-section p,.seo-section li{color:#33413b;font-size:17px;font-weight:700;line-height:1.8}.faq-list details{border-top:1px solid var(--line);padding:14px 0}.faq-list details:first-of-type{border-top:0}.faq-list summary{cursor:pointer;font-weight:950;color:#073f2d}.related-grid .tool-link{min-height:150px}.share-actions{display:flex;gap:12px;flex-wrap:wrap}.tools-footer{padding:28px max(22px,calc((100vw - 1180px)/2));display:flex;gap:18px;flex-wrap:wrap;background:#10241d;color:#fff;font-weight:850}.tools-footer a{text-decoration:none;color:rgba(255,255,255,.78)}@media(max-width:900px){.tools-header{position:static}.tools-header nav{font-size:13px}.tools-hero,.tool-card,.toolbar,.category-strip,.tool-grid,.compact-categories{grid-template-columns:1fr}.tools-hero h1,.tool-hero h1{font-size:46px}.tools-hero p,.tool-hero p{font-size:19px}.field-grid{grid-template-columns:1fr}.share-actions a,.share-actions button,.example-fill-btn{width:100%}}.trust-note{max-width:1180px;margin:16px auto 0;padding:16px 20px;border-radius:8px;background:#eef8f2;border:1px solid rgba(11,107,68,.18);display:flex;gap:10px;flex-wrap:wrap;color:#123b2a;font-size:16px;font-weight:850}.trust-note strong{color:#06472f}.usecase-section{margin-top:0;margin-bottom:24px}.usecase-visual{margin:22px 0 24px;border-radius:8px;overflow:hidden;border:1px solid var(--line);box-shadow:0 22px 52px rgba(10,20,16,.11);background:#fff}.usecase-visual img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.deep-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:18px 0 0;list-style:none}.deep-list li{padding:18px;border:1px solid var(--line);border-radius:8px;background:#f8faf5}.deep-list strong{display:block;color:#073f2d;font-size:18px;margin-bottom:8px}.deep-list span{display:block;color:#33413b;font-size:16px;line-height:1.7;font-weight:750}.ad-section{min-height:120px;margin:22px 0;padding:12px;border:1px dashed rgba(11,107,68,.22);border-radius:8px;background:#fff}@media(max-width:900px){.deep-list{grid-template-columns:1fr}}
.example-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-preset-btn{min-height:48px;padding:12px 14px;border:1px solid rgba(11,107,68,.25);border-radius:8px;background:#fff;color:#073f2d;font-size:15px;font-weight:950;cursor:pointer}.example-preset-btn:first-child{background:#e95b25;border-color:#e95b25;color:#fff}.starter-section{background:#fffdf5;border-color:rgba(182,138,54,.28)}.starter-section .section-head h2{margin-bottom:10px}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.starter-grid .tool-link{border-color:rgba(233,91,37,.28);box-shadow:0 18px 48px rgba(233,91,37,.08)}.topic-all-tools{margin-top:30px}@media(max-width:900px){.starter-grid{grid-template-columns:1fr}}@media(max-width:700px){.example-actions{grid-template-columns:1fr}.example-preset-btn{width:100%}}
.search-help{margin:-6px 0 22px;padding:16px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;gap:12px}.search-help strong{font-size:18px;color:#073f2d}.search-help span{color:#57635d;font-weight:800}.search-help-cats{display:flex;flex-wrap:wrap;gap:8px}.search-help-cats button{min-height:40px;padding:9px 12px;border:1px solid rgba(11,107,68,.22);border-radius:8px;background:#f7fbf4;color:#073f2d;font-size:14px;font-weight:950;cursor:pointer}.search-help-cats button:first-child{background:#073f2d;color:#fff}.quick-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:-8px;margin-bottom:20px}.quick-keywords button{min-height:40px;padding:9px 12px;border:1px solid rgba(233,91,37,.22);border-radius:8px;background:#fff7f2;color:#9b3414;font-size:14px;font-weight:950;cursor:pointer}@media(max-width:700px){.search-help{margin-top:0}.search-help-cats button,.quick-keywords button{width:100%;text-align:center}}
.home-search{margin-top:24px;padding:18px;border-radius:8px;background:#fff;border:1px solid rgba(11,107,68,.18);box-shadow:0 18px 42px rgba(10,20,16,.08)}.home-search label{display:block;margin-bottom:8px;color:#073f2d;font-size:17px;font-weight:950}.home-search input{width:100%;min-height:56px;border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:18px;font-weight:800}.home-search-count{margin:10px 0;color:#57635d;font-size:15px;font-weight:850}.home-search-results{display:grid;gap:8px}.home-search-results a{padding:13px 14px;border-radius:8px;background:#f7fbf4;border:1px solid rgba(11,107,68,.16);text-decoration:none;display:grid;gap:4px}.home-search-results strong{color:#111;font-size:17px}.home-search-results span{color:#b68a36;font-size:13px;font-weight:950}.home-search-results p{margin:0!important;color:#57635d!important;font-size:14px!important;line-height:1.5!important;font-weight:750!important}.home-search-empty{padding:14px;border-radius:8px;background:#fff7f2;color:#9b3414;font-size:15px;font-weight:900}@media(max-width:900px){.home-search{padding:14px}.home-search input{font-size:16px}}