:root { --ink:#33261e; --brown:#5d3520; --orange:#f97316; --orange-dark:#c84c0c; --orange-soft:#fff1e6; --cream:#fffaf5; --muted:#735f52; --line:#f0ded0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif; }
.shared-chrome-content>main>header,.shared-chrome-content>main>footer { display:none!important; }
.shared-site-header nav a[aria-current="page"] { color:var(--orange-dark); }
.shared-site-header nav a[aria-current="page"]::after { right:0; }
.shared-site-header { gap:24px; }
.shared-site-header .brand { flex-shrink:0; }
.shared-site-header nav a { white-space:nowrap; }
@media print {
  .shared-site-header,
  .shared-site-footer,
  .no-print,
  .tool-related { display:none!important; }
}
a { color:inherit; text-decoration:none; }
.site-header { height:82px; padding:0 clamp(24px,6vw,88px); display:flex; align-items:center; justify-content:space-between; background:rgba(255,255,255,.96); border-bottom:1px solid #f2e5dc; position:sticky; top:0; z-index:20; backdrop-filter:blur(10px); }
.brand img { display:block; width:190px; height:58px; object-fit:contain; }
.mobile-menu-button,.mobile-menu-backdrop { display:none; }
nav { display:flex; gap:34px; font-size:14px; font-weight:700; }
nav a { min-height:44px; display:inline-flex; align-items:center; position:relative; }
nav a::after { content:""; position:absolute; left:0; right:100%; bottom:5px; height:2px; background:var(--orange); transition:right .2s ease; }
nav a:hover { color:var(--orange-dark); }
nav a:hover::after { right:0; }
.hero { min-height:600px; padding:80px clamp(24px,8vw,120px); display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:70px; background:radial-gradient(circle at 83% 22%,#ffe1ca 0,transparent 27%),linear-gradient(120deg,#fffaf5 0%,#fff1e6 65%,#fff8f1 100%); overflow:hidden; }
.eyebrow,.section-kicker { color:var(--orange-dark); font-size:14px; letter-spacing:.18em; font-weight:800; }
h1 { margin:16px 0 24px; color:var(--ink); font-size:clamp(42px,5vw,68px); line-height:1.28; letter-spacing:.02em; font-weight:900; }
h1 .title-line { white-space:nowrap; }
h1 .accent { color:var(--orange-dark); position:relative; isolation:isolate; }
h1 .accent::after { content:""; position:absolute; z-index:-1; left:-.05em; right:-.05em; bottom:.04em; height:.24em; border-radius:999px; background:#ffd2b2; }
.lead { max-width:610px; margin:0 0 32px; font-size:17px; line-height:2; color:var(--muted); }
.tool-count-badge { width:fit-content; min-height:52px; margin:0 0 22px; padding:8px 18px; display:flex; align-items:baseline; gap:7px; border:1px solid #efb58d; border-radius:14px; color:var(--brown); background:rgba(255,255,255,.82); box-shadow:0 10px 24px rgba(125,61,20,.1); font-size:13px; font-weight:800; }
.tool-count-badge strong { color:var(--orange-dark); font-size:30px; line-height:1; font-weight:900; }
.primary-button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:30px; padding:14px 26px; color:#fff; background:var(--orange-dark); border-radius:12px; font-weight:800; box-shadow:0 12px 26px rgba(200,76,12,.24); transition:transform .2s ease,box-shadow .2s ease; }
.primary-button:hover { transform:translateY(-2px); box-shadow:0 16px 30px rgba(200,76,12,.3); }
.primary-button:focus-visible,nav a:focus-visible,.tool-card a:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.note { margin:14px 0 0; font-size:12px; color:#8a7466; }
.hero-visual { position:relative; min-height:390px; display:grid; place-items:center; }
.hero-visual::before { content:""; position:absolute; width:420px; height:420px; border-radius:48% 52% 55% 45%; background:linear-gradient(135deg,#ffd6b8,#fff0e4); transform:rotate(12deg); }
.tool-window { position:relative; z-index:2; width:min(100%,480px); background:#fff; border:1px solid rgba(240,190,151,.45); border-radius:20px; box-shadow:0 24px 60px rgba(125,61,20,.16); transform:rotate(-2deg); overflow:hidden; }
.window-top { height:44px; padding:16px; display:flex; gap:7px; background:#fff8f2; }
.window-top span { width:10px; height:10px; border-radius:50%; background:#edc9ae; }
.window-top span:first-child { background:var(--orange); }
.window-body { padding:44px 48px 48px; }
.mini-icon { width:52px; height:52px; display:grid; place-items:center; color:#fff; background:var(--orange-dark); border-radius:14px; font-size:26px; box-shadow:0 8px 20px rgba(200,76,12,.2); }
.line { width:75%; height:12px; margin-top:20px; border-radius:6px; background:#f4e9e0; }
.line.long { width:100%; }.line.short { width:55%; }
.action-line { width:42%; height:42px; margin-top:32px; border-radius:9px; background:var(--orange); }
.float-card { position:absolute; z-index:3; padding:13px 18px; border:1px solid #f4dfcf; border-radius:11px; color:var(--brown); background:#fff; font-size:13px; font-weight:800; box-shadow:0 12px 30px rgba(113,55,18,.13); }
.card-one { top:30px; right:4px; }.card-two { bottom:36px; left:0; }
.tools-section,.about-section { padding:90px clamp(24px,8vw,120px); text-align:center; }
.reasons-section { padding:90px clamp(24px,8vw,120px); text-align:center; background:var(--cream); border-block:1px solid #f6e7db; }
.reasons-grid { max-width:1120px; margin:42px auto 0; display:grid; grid-template-columns:repeat(5,1fr); gap:16px; text-align:left; }
.reason-card { padding:25px 22px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.reason-icon { width:46px; height:46px; display:grid; place-items:center; color:#fff; border-radius:13px; background:linear-gradient(135deg,var(--orange),var(--orange-dark)); box-shadow:0 8px 18px rgba(200,76,12,.18); }
.reason-icon svg { width:24px; height:24px; }
.reason-card h3 { margin:18px 0 9px; font-size:18px; line-height:1.55; }
.reason-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.featured-tools-section { padding:90px clamp(24px,8vw,120px); text-align:center; background:#fff; }
.featured-tool-groups { max-width:1120px; margin:46px auto 0; display:grid; gap:52px; }
.featured-tool-group { text-align:left; }
.featured-group-heading { margin-bottom:20px; display:flex; align-items:end; justify-content:space-between; gap:28px; }
.featured-group-heading h3 { margin:0; color:var(--ink); font-size:24px; line-height:1.5; }
.featured-group-heading p { max-width:660px; margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.featured-tools-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:left; }
.featured-tool-card { min-height:100%; position:relative; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(111,61,28,.08); transition:transform .2s ease,box-shadow .2s ease; }
.featured-reason { min-height:34px; padding:8px 14px; position:absolute; z-index:1; top:14px; left:14px; display:flex; align-items:center; border:1px solid #efc7aa; border-radius:999px; color:var(--orange-dark); background:rgba(255,255,255,.96); font-size:11px; font-weight:900; box-shadow:0 6px 16px rgba(111,61,28,.08); }
.featured-tool-card:hover { transform:translateY(-4px); box-shadow:0 18px 38px rgba(111,61,28,.12); }
.featured-tool-card>img { width:100%; height:170px; object-fit:contain; padding:28px; background:linear-gradient(135deg,#fffaf5,#fff0e4); }
.featured-tool-body { padding:26px; display:flex; flex:1; flex-direction:column; }
.featured-labels { display:flex; flex-wrap:wrap; gap:7px; }
.featured-labels span { padding:5px 9px; border-radius:999px; color:var(--orange-dark); background:var(--orange-soft); font-size:11px; font-weight:800; }
.featured-tool-card h4 { margin:17px 0 10px; color:var(--ink); font-size:21px; line-height:1.55; }
.featured-tool-card p { margin:0 0 18px; color:var(--muted); font-size:14px; line-height:1.8; }
.featured-tool-card a { min-height:44px; margin-top:auto; display:inline-flex; align-items:center; gap:8px; color:var(--orange-dark); font-size:14px; font-weight:800; }
.featured-all-link { margin-top:30px; }
h2 { margin:10px 0 14px; color:var(--ink); font-size:34px; }
.section-lead,.about-section>p:last-child { max-width:700px; margin:0 auto; line-height:1.9; color:var(--muted); }
.tool-grid { max-width:1120px; margin:45px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:left; }
.home-purpose-section { background:var(--cream); border-bottom:1px solid #f6e7db; }
.home-industry-section { background:#fff; }
.home-industry-section .content-section-heading { margin-bottom:32px; }
.home-industry-section .section-lead { margin:12px 0 0; text-align:left; }
.home-discovery-grid { max-width:1120px; margin:45px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:left; }
.tool-card { padding:30px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.tool-card:hover { transform:translateY(-4px); border-color:#f4b98e; box-shadow:0 16px 34px rgba(111,61,28,.1); }
.tool-card-icon { width:72px; height:72px; margin-bottom:18px; padding:8px; object-fit:contain; border:1px solid #f3ddcc; border-radius:16px; background:linear-gradient(135deg,#fffaf5,#fff0e4); }
.category-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(135deg,var(--orange),var(--orange-dark)); font-weight:900; box-shadow:0 8px 18px rgba(200,76,12,.18); }
.category-icon svg { width:25px; height:25px; }
.tool-card h3 { margin:20px 0 10px; color:var(--ink); font-size:20px; }
.tool-card p { min-height:54px; line-height:1.8; color:var(--muted); font-size:14px; }
.tool-card a { min-height:44px; margin-top:auto; display:inline-flex; align-items:center; gap:8px; color:var(--orange-dark); font-size:14px; font-weight:800; }
.tool-card-badges { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.new-badge { padding:6px 10px; border-radius:999px; color:#fff; background:var(--orange-dark); font-size:11px; font-weight:900; }
.directory-tool-card { min-width:0; }
.directory-tool-card-header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.directory-tool-card-header .tool-card-icon { margin-bottom:0; flex-shrink:0; }
.directory-tool-card-header .tool-card-badges { justify-content:flex-end; }
.directory-tool-card h3 { line-height:1.5; }
.directory-tool-card p { min-height:0; margin:0 0 18px; font-size:1rem; line-height:1.75; }
.tool-card-tags { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.tool-card-tags > div { max-width:100%; padding:5px 10px; border-radius:8px; background:#f6f3ef; }
.tool-card-tags dd { margin:0; color:var(--brown); font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
.tool-card-tags .tool-card-output { background:#fff0e4; }
.tool-card-tags .tool-card-output dd { color:var(--orange-dark); font-weight:700; }
.tool-comparison-note { max-width:1120px; margin:28px auto 0; padding:14px 16px; border:1px solid #f0ded0; border-radius:12px; color:var(--muted); background:#fffaf5; font-size:13px; line-height:1.75; }
.about-section { background:var(--cream); border-block:1px solid #f6e7db; }
.about-section>p:last-child { max-width:760px; }
footer { padding:44px 24px; text-align:center; border-top:1px solid #f2e5dc; color:#7d695d; background:#fff; font-size:13px; }
footer img { width:190px; height:70px; object-fit:contain; }
footer small { display:block; margin-top:18px; }
.footer-links { margin-top:14px; display:flex; align-items:center; justify-content:center; gap:20px; }
.footer-links a { min-height:44px; display:inline-flex; align-items:center; color:var(--brown); font-weight:700; }
.footer-links a:hover { color:var(--orange-dark); text-decoration:underline; text-underline-offset:4px; }
.footer-links a:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.shared-site-footer { padding:48px clamp(24px,6vw,88px) 24px; text-align:left; }
.shared-footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,2.2fr); gap:64px; }
.shared-footer-brand img { width:190px; height:70px; object-fit:contain; }
.shared-footer-brand p { margin:10px 0 0; color:#7d695d; font-size:13px; line-height:1.9; }
.shared-footer-navigation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.shared-footer-navigation nav { display:flex; flex-direction:column; align-items:flex-start; gap:4px; font-size:13px; }
.shared-footer-navigation h2 { margin:0 0 10px; color:var(--ink); font-size:15px; line-height:1.5; }
.shared-footer-navigation a { min-height:44px; display:inline-flex; align-items:center; color:var(--brown); font-weight:700; }
.shared-footer-navigation a:hover { color:var(--orange-dark); text-decoration:underline; text-underline-offset:4px; }
.shared-footer-navigation a:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.shared-footer-copyright { max-width:1200px; margin:32px auto 0; padding-top:20px; display:block; border-top:1px solid #f2e5dc; text-align:center; }
@media (max-width:800px) {
  .shared-site-footer { padding:36px 20px 22px; }
  .shared-site-footer>.footer-links { display:grid; grid-template-columns:1fr; gap:0; align-items:stretch; justify-content:stretch; }
  .shared-site-footer>.footer-links a { width:100%; min-height:48px; justify-content:flex-start; border-bottom:1px solid #f2e5dc; overflow-wrap:anywhere; }
  .shared-site-footer>.footer-links a:last-child { border-bottom:0; }
  .shared-footer-inner { grid-template-columns:1fr; gap:30px; }
  .shared-footer-brand { text-align:center; }
  .shared-footer-brand img { margin:0 auto; }
  .shared-footer-navigation { grid-template-columns:1fr; gap:24px; }
  .shared-footer-navigation nav { align-items:stretch; gap:0; }
  .shared-footer-navigation h2 { margin-bottom:6px; }
  .shared-footer-navigation a { min-height:44px; }
  .shared-footer-copyright { margin-top:24px; }
}
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.private-preview-page { min-height:100vh; background:#f7f4f1; }
.private-preview-badge { padding:7px 12px; border-radius:999px; color:#9a3d0a; background:#fff1e6; font-size:12px; font-weight:900; }
.tatefuda-preview-intro { padding:38px clamp(20px,6vw,88px); display:flex; align-items:center; gap:24px; border-bottom:1px solid #f0ded0; background:linear-gradient(120deg,#fffaf5,#fff1e6); }
.tatefuda-preview-intro>img { width:92px; height:92px; border-radius:22px; object-fit:cover; box-shadow:0 12px 28px rgba(200,76,12,.18); }
.tatefuda-preview-intro h1 { margin:4px 0 6px; font-size:clamp(30px,4vw,46px); }
.tatefuda-preview-intro p:not(.section-kicker) { margin:0; color:var(--muted); }
.tool-badges { margin-top:15px; display:flex; flex-wrap:wrap; gap:8px; }
.tool-badges span { padding:6px 10px; border-radius:999px; color:var(--orange-dark); background:#fff; border:1px solid #f0d4c0; font-size:11px; font-weight:800; }
.tatefuda-tool-frame { width:100%; display:block; border:0; background:#f7f4f1; }
.tool-embed-error { width:min(1120px,calc(100% - 32px)); margin:20px auto 0; padding:16px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; border:1px solid #e6a39d; border-radius:12px; background:#fce3e3; color:#842018; }
.tool-embed-error strong { display:block; margin-bottom:4px; }
.tool-embed-error p { margin:0; }
.tool-embed-error button { flex:0 0 auto; min-height:44px; padding:9px 16px; border:1px solid #c84c0c; border-radius:10px; background:#fff; color:#c84c0c; font:inherit; font-weight:800; cursor:pointer; }

/* クリーニング受付検品・指示タグメーカー LP */
.cleaning-tag-lp { overflow:hidden; }
.cleaning-tag-breadcrumb { padding:12px clamp(24px,7vw,104px); border-bottom:1px solid #f4e5da; background:#fff; }
.cleaning-tag-breadcrumb ol { margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px; list-style:none; color:#806b5d; font-size:12px; }
.cleaning-tag-breadcrumb li { display:flex; align-items:center; line-height:1.5; }
.cleaning-tag-breadcrumb a { min-height:0; }
.cleaning-tag-breadcrumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:#c9aa95; }
.cleaning-tag-breadcrumb a:hover { color:var(--orange-dark); text-decoration:underline; text-underline-offset:3px; }
.cleaning-tag-hero { min-height:650px; padding:72px clamp(24px,7vw,104px); display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); align-items:center; gap:68px; background:radial-gradient(circle at 84% 24%,#ffd9bc 0,transparent 28%),linear-gradient(120deg,#fffaf5,#fff1e6); }
.cleaning-tag-hero-copy h1 { margin:10px 0 22px; font-size:clamp(42px,5vw,64px); line-height:1.32; letter-spacing:-.025em; }
.cleaning-tag-hero-copy h1 em { color:var(--orange-dark); font-style:normal; background:linear-gradient(transparent 76%,#ffc79f 0); }
.cleaning-tag-hero-copy>p:not(.section-kicker) { max-width:680px; margin:0; color:var(--muted); font-size:16px; line-height:1.95; }
.cleaning-tag-cta { width:fit-content; margin-top:28px; }
.cleaning-tag-hero-copy .tool-badges { margin-top:14px; }
.cleaning-tag-hero-visual { min-width:0; position:relative; }
.cleaning-tag-guide-image { width:100%; display:block; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 24px 58px rgba(111,61,28,.14); transform:rotate(1.2deg); }
.cleaning-tag-icon { width:88px; height:88px; position:absolute; left:-28px; bottom:-30px; border:5px solid #fff; border-radius:23px; box-shadow:0 16px 34px rgba(200,76,12,.2); }
.cleaning-tag-section { padding:92px clamp(24px,7vw,104px); text-align:center; }
.cleaning-tag-section>h2,.cleaning-tag-value h2,.cleaning-tag-preview h2,.cleaning-tag-final h2 { margin:10px 0 18px; font-size:clamp(32px,4vw,46px); line-height:1.45; }
.cleaning-tag-intro { background:#fff; }
.cleaning-tag-purpose-note { max-width:900px; margin:30px auto 0; padding:22px 25px; text-align:left; border:1px solid #efc7aa; border-radius:15px; background:#fff7f0; }
.cleaning-tag-purpose-note strong { display:block; margin-bottom:7px; color:var(--brown); }
.cleaning-tag-purpose-note p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.cleaning-tag-intro>.cleaning-tag-cta { margin:30px auto 0; }
.cleaning-tag-types { background:#fff8f2; }
.cleaning-tag-type-grid { max-width:1120px; margin:40px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; text-align:left; }
.cleaning-tag-type-grid article { padding:25px 22px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.cleaning-tag-type-grid article>span { width:36px; height:36px; display:grid; place-items:center; color:#fff; border-radius:10px; background:var(--orange-dark); font-size:11px; font-weight:900; }
.cleaning-tag-type-grid h3 { margin:16px 0 9px; font-size:18px; line-height:1.55; }
.cleaning-tag-type-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.cleaning-tag-card-grid { max-width:1120px; margin:42px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:left; }
.cleaning-tag-card-grid article { padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(111,61,28,.07); }
.cleaning-tag-line-icon { width:48px; height:48px; display:grid; place-items:center; color:#fff; border-radius:13px; background:linear-gradient(135deg,var(--orange),var(--orange-dark)); }
.cleaning-tag-line-icon svg { width:25px; height:25px; }
.cleaning-tag-card-grid h3 { margin:20px 0 10px; font-size:20px; }
.cleaning-tag-card-grid p,.cleaning-tag-feature-list p,.cleaning-tag-steps li p,.cleaning-tag-note-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.cleaning-tag-value { padding:86px clamp(24px,7vw,104px); display:grid; grid-template-columns:.82fr 1.18fr; align-items:start; gap:72px; color:#fff; background:linear-gradient(135deg,#482114,#6d2e13); }
.cleaning-tag-value .section-kicker { color:#ff9b52; }
.cleaning-tag-value h2 { color:#fff; }
.cleaning-tag-value>div:first-child>p:not(.section-kicker) { margin:0; color:#ead8cc; line-height:1.95; }
.cleaning-tag-value .cleaning-tag-cta { color:#6d2e13; background:#fff; }
.cleaning-tag-feature-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.cleaning-tag-feature-list article { padding:22px; display:flex; gap:16px; text-align:left; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:rgba(255,255,255,.06); }
.cleaning-tag-feature-list article>span { width:40px; height:40px; flex:0 0 auto; display:grid; place-items:center; border-radius:11px; background:var(--orange-dark); font-size:11px; font-weight:900; }
.cleaning-tag-feature-list h3 { margin:0 0 7px; color:#fff; font-size:17px; }
.cleaning-tag-feature-list p { color:#ead8cc; font-size:13px; }
.cleaning-tag-steps { background:#fff8f2; }
.cleaning-tag-lead { max-width:780px; margin:0 auto; color:var(--muted); line-height:1.9; }
.cleaning-tag-steps ol { max-width:1120px; margin:42px auto 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; list-style:none; text-align:left; }
.cleaning-tag-steps li { padding:28px 24px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.cleaning-tag-steps li>span { color:var(--orange-dark); font-size:11px; font-weight:900; letter-spacing:.12em; }
.cleaning-tag-steps h3 { margin:13px 0 10px; font-size:19px; }
.cleaning-tag-steps>.cleaning-tag-cta { margin:36px auto 0; }
.cleaning-tag-preview { padding:86px clamp(24px,8vw,120px); display:grid; grid-template-columns:.86fr 1.14fr; align-items:center; gap:70px; background:#fff; }
.cleaning-tag-preview>div>p:not(.section-kicker) { margin:0; color:var(--muted); line-height:1.95; }
.cleaning-tag-preview ul { margin:22px 0 0; padding:0; display:grid; gap:10px; color:#5a3929; list-style:none; }
.cleaning-tag-preview li { min-height:32px; padding-left:34px; position:relative; display:flex; align-items:center; line-height:1.7; }
.cleaning-tag-preview li::before { content:"✓"; width:22px; height:22px; position:absolute; left:0; display:grid; place-items:center; border:1px solid #efb58d; border-radius:50%; color:var(--orange-dark); background:var(--orange-soft); font-size:12px; font-weight:900; line-height:1; }
.cleaning-tag-preview>img { width:100%; display:block; border:1px solid var(--line); border-radius:20px; box-shadow:0 18px 45px rgba(111,61,28,.1); }
.cleaning-tag-print-specs { background:#fff8f2; }
.cleaning-tag-spec-layout { max-width:1040px; margin:40px auto 0; display:grid; grid-template-columns:1.15fr .85fr; align-items:stretch; gap:22px; text-align:left; }
.cleaning-tag-table-wrap { overflow:hidden; border:1px solid #e9d2c1; border-radius:16px; background:#fff; }
.cleaning-tag-table-wrap table { width:100%; border-collapse:collapse; }
.cleaning-tag-table-wrap th,.cleaning-tag-table-wrap td { padding:16px 18px; border-bottom:1px solid #f1e3d8; font-size:14px; line-height:1.6; }
.cleaning-tag-table-wrap tr:last-child th,.cleaning-tag-table-wrap tr:last-child td { border-bottom:0; }
.cleaning-tag-table-wrap th { width:35%; color:var(--brown); background:#fffaf6; font-weight:800; }
.cleaning-tag-print-note { padding:28px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#482114,#6d2e13); }
.cleaning-tag-print-note h3 { margin:0 0 12px; color:#fff; font-size:21px; }
.cleaning-tag-print-note p { margin:0; color:#ead8cc; font-size:14px; line-height:1.95; }
.cleaning-tag-cautions { background:#fff; }
.cleaning-tag-caution-grid { max-width:1120px; margin:40px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; text-align:left; }
.cleaning-tag-caution-grid article { padding:25px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(111,61,28,.06); }
.cleaning-tag-caution-grid h3 { margin:0 0 9px; padding-left:28px; position:relative; font-size:18px; }
.cleaning-tag-caution-grid h3::before { content:"✓"; position:absolute; left:0; color:var(--orange-dark); font-weight:900; }
.cleaning-tag-caution-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.cleaning-tag-safety { background:#fff1e6; }
.cleaning-tag-note-grid { max-width:1000px; margin:38px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; text-align:left; }
.cleaning-tag-note-grid article { padding:27px; border:1px solid #edc9ae; border-radius:17px; background:#fff; }
.cleaning-tag-note-grid h3 { margin:0 0 9px; font-size:20px; }
.cleaning-tag-faq { background:#fff; }
.cleaning-tag-faq-list { max-width:900px; margin:40px auto 0; display:grid; gap:12px; text-align:left; }
.cleaning-tag-faq-list details { border:1px solid var(--line); border-radius:14px; background:#fff; overflow:hidden; }
.cleaning-tag-faq-list summary { min-height:64px; padding:17px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--brown); cursor:pointer; font-weight:800; list-style:none; }
.cleaning-tag-faq-list summary::-webkit-details-marker { display:none; }
.cleaning-tag-faq-list summary span { width:28px; height:28px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:var(--orange-dark); background:var(--orange-soft); font-size:18px; transition:transform .2s ease; }
.cleaning-tag-faq-list details[open] summary span { transform:rotate(45deg); }
.cleaning-tag-faq-list details p { margin:0; padding:0 20px 20px; color:var(--muted); font-size:14px; line-height:1.9; }
.cleaning-tag-faq>.cleaning-tag-cta { margin:32px auto 0; }
.cleaning-tag-final { padding:84px 24px; text-align:center; background:radial-gradient(circle at 50% 8%,#ffd2af 0,transparent 32%),#fff8f2; }
.cleaning-tag-final>img { width:78px; height:78px; border-radius:20px; box-shadow:0 14px 30px rgba(200,76,12,.18); }
.cleaning-tag-final>p:not(.section-kicker) { margin:0 auto; max-width:690px; color:var(--muted); line-height:1.9; }
.cleaning-tag-final .cleaning-tag-cta { margin:28px auto 0; }
@media (max-width:900px) {
  .cleaning-tag-hero { min-height:auto; grid-template-columns:1fr; gap:42px; text-align:center; }
  .cleaning-tag-hero-copy>p:not(.section-kicker),.cleaning-tag-hero-copy .cleaning-tag-cta { margin-inline:auto; }
  .cleaning-tag-hero-copy .tool-badges { justify-content:center; }
  .cleaning-tag-hero-visual { width:min(100%,700px); margin:auto; }
  .cleaning-tag-card-grid { grid-template-columns:1fr; }
  .cleaning-tag-value,.cleaning-tag-preview { grid-template-columns:1fr; gap:38px; }
  .cleaning-tag-type-grid,.cleaning-tag-feature-list,.cleaning-tag-steps ol { grid-template-columns:repeat(2,1fr); }
  .cleaning-tag-spec-layout { grid-template-columns:1fr; }
  .cleaning-tag-caution-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .cleaning-tag-breadcrumb { padding:11px 18px; }
  .cleaning-tag-hero { padding:52px 18px 62px; }
  .cleaning-tag-hero-copy h1 { font-size:clamp(34px,10vw,42px); }
  .cleaning-tag-hero-copy>p:not(.section-kicker) { font-size:14px; }
  .cleaning-tag-hero-copy .cleaning-tag-cta { width:100%; }
  .cleaning-tag-icon { width:62px; height:62px; left:8px; bottom:-25px; border-radius:17px; }
  .cleaning-tag-section { padding:62px 18px; }
  .cleaning-tag-section>h2,.cleaning-tag-value h2,.cleaning-tag-preview h2,.cleaning-tag-final h2 { font-size:29px; }
  .cleaning-tag-card-grid { margin-top:30px; }
  .cleaning-tag-card-grid article { padding:25px 22px; }
  .cleaning-tag-value { padding:60px 18px; }
  .cleaning-tag-type-grid,.cleaning-tag-feature-list,.cleaning-tag-steps ol,.cleaning-tag-caution-grid,.cleaning-tag-note-grid { grid-template-columns:1fr; }
  .cleaning-tag-value .cleaning-tag-cta,.cleaning-tag-steps>.cleaning-tag-cta { width:100%; }
  .cleaning-tag-preview { padding:62px 18px; }
  .cleaning-tag-table-wrap th,.cleaning-tag-table-wrap td { padding:13px 12px; font-size:13px; }
  .cleaning-tag-table-wrap th { width:38%; }
  .cleaning-tag-print-note { padding:24px 21px; }
  .cleaning-tag-purpose-note { padding:20px; }
  .cleaning-tag-note-grid { margin-top:28px; }
  .cleaning-tag-final { padding:64px 18px; }
  .cleaning-tag-final .cleaning-tag-cta { width:100%; }
}

/* News and mobile operations */
.news-hero,.admin-heading { padding:72px 24px 46px; text-align:center; background:#fff8f2; }
.news-hero h1,.admin-heading h1 { margin:8px 0 12px; font-size:clamp(34px,6vw,52px); }
.news-hero>p:last-child,.admin-heading>p:last-child { margin:0 auto; max-width:720px; color:var(--muted); line-height:1.8; }
.news-list-section { padding:56px 24px 88px; background:#fff; }
.news-list { max-width:920px; margin:0 auto; border-top:1px solid var(--line); }
.news-list-item { padding:26px 4px; border-bottom:1px solid var(--line); }
.news-list-item h2 { margin:10px 0 0; font-size:clamp(18px,3vw,23px); line-height:1.55; }
.news-list-item h2 a { color:var(--brown); text-decoration:none; }
.news-list-item h2 a:hover { color:var(--orange-dark); text-decoration:underline; }
.news-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; color:var(--muted); font-size:13px; }
.news-category { display:inline-flex; min-height:28px; padding:4px 12px; align-items:center; border-radius:999px; font-size:12px; font-weight:800; }
.news-category.is-update { color:#8c360d; background:#fff0e4; }
.news-category.is-incident { color:#8a1c1c; background:#fde8e8; }
.news-category.is-recovery { color:#145a3a; background:#e4f5eb; }
.home-news-section { padding:72px 24px; background:#fff8f2; }
.home-news-heading { display:flex; max-width:1080px; margin:0 auto 26px; align-items:flex-end; justify-content:space-between; gap:24px; }
.home-news-heading h2 { margin:8px 0 0; }
.home-news-heading>a { color:var(--orange-dark); font-weight:800; text-decoration:none; }
.home-news-list { max-width:1080px; margin:0 auto; border-top:1px solid var(--line); }
.home-news-list article { display:grid; grid-template-columns:minmax(240px,320px) 1fr; gap:24px; padding:24px 4px; align-items:center; border-bottom:1px solid var(--line); }
.home-news-list h3 { margin:0; font-size:18px; line-height:1.6; }
.home-news-list h3 a { color:var(--brown); text-decoration:none; }
.home-news-list h3 a:hover { color:var(--orange-dark); text-decoration:underline; }
.news-empty { max-width:920px; margin:0 auto; padding:42px; border:1px solid var(--line); border-radius:16px; text-align:center; background:#fffaf6; }
.news-detail-page { padding:64px 24px 96px; background:#fff8f2; }
.news-detail { max-width:820px; margin:0 auto; padding:clamp(28px,5vw,56px); border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 16px 45px rgba(111,61,28,.07); }
.news-detail h1 { margin:18px 0 32px; font-size:clamp(28px,5vw,42px); line-height:1.45; }
.news-body { padding-top:30px; border-top:1px solid var(--line); }
.news-body p { margin:0 0 1.4em; color:#4d392f; line-height:2; white-space:pre-wrap; }
.news-back-link { display:inline-flex; margin-top:28px; color:var(--orange-dark); font-weight:800; }
.news-admin-page { min-height:70vh; padding-bottom:88px; background:#f8f5f2; }
.admin-layout { width:min(1160px,calc(100% - 40px)); margin:42px auto 0; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.8fr); gap:24px; align-items:start; }
.admin-panel { padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(111,61,28,.06); }
.admin-panel h2 { margin:0 0 24px; }
.admin-form { display:grid; gap:18px; }
.admin-form label { display:grid; gap:8px; color:var(--brown); font-weight:800; }
.admin-form :is(input,select,textarea) { width:100%; min-height:48px; padding:12px 14px; border:1px solid #b9a89c; border-radius:10px; color:var(--ink); background:#fff; font:inherit; }
.admin-form textarea { min-height:190px; resize:vertical; line-height:1.7; }
.admin-actions,.admin-item-actions { display:flex; flex-wrap:wrap; gap:10px; }
.admin-actions .primary-button,.admin-actions .outline-button { min-height:48px; margin:0; padding:12px 20px; border:0; cursor:pointer; }
.admin-actions .outline-button { border:1px solid var(--orange-dark); background:#fff; }
.admin-status { min-height:1.6em; margin:0; color:var(--muted); }
.admin-items { display:grid; gap:14px; }
.admin-items>h2 { margin-bottom:8px; }
.admin-items article { padding:18px; border:1px solid var(--line); border-radius:12px; }
.admin-items h3 { margin:11px 0 7px; font-size:17px; line-height:1.55; }
.admin-items time { color:var(--muted); font-size:13px; }
.admin-item-actions { margin-top:14px; }
.admin-item-actions button { min-height:42px; padding:8px 16px; border:1px solid #c9b8ac; border-radius:9px; color:var(--brown); background:#fff; font-weight:800; cursor:pointer; }
.admin-item-actions .danger-button { color:#9a1f1f; border-color:#e4a5a5; }
@media (max-width:760px) {
  .news-hero,.admin-heading { padding:52px 18px 34px; }
  .news-list-section,.news-detail-page { padding:36px 18px 68px; }
  .news-list-item { padding:22px 0; }
  .news-detail { padding:26px 20px; border-radius:15px; }
  .home-news-section { padding:52px 18px; }
  .home-news-heading { align-items:flex-start; flex-direction:column; gap:12px; }
  .home-news-list article { display:block; padding:22px 0; }
  .home-news-list h3 { margin-top:12px; }
  .admin-layout { width:calc(100% - 28px); margin-top:24px; grid-template-columns:1fr; }
  .admin-panel { padding:22px 18px; }
  .admin-actions { display:grid; }
  .admin-actions :is(.primary-button,.outline-button) { width:100%; }
}

/* Common user guide */
.guide-hero { padding:76px 24px 52px; text-align:center; background:linear-gradient(135deg,#fffaf6,#fff0e3); }
.guide-hero h1 { margin:10px 0 16px; font-size:clamp(36px,6vw,56px); line-height:1.35; }
.guide-hero>p:last-child { max-width:760px; margin:0 auto; color:var(--muted); line-height:1.9; }
.guide-page-nav { padding:18px 24px; display:flex; justify-content:center; flex-wrap:wrap; gap:10px 22px; border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; z-index:5; }
.guide-page-nav a { min-height:40px; display:inline-flex; align-items:center; color:var(--brown); font-weight:800; text-decoration:none; }
.guide-page-nav a:hover { color:var(--orange-dark); text-decoration:underline; }
.guide-section { padding:78px 24px; text-align:center; scroll-margin-top:78px; background:#fff; }
.guide-section h2,.guide-support h2 { margin:8px 0 16px; font-size:clamp(28px,4vw,42px); line-height:1.45; }
.guide-section-lead { max-width:820px; margin:0 auto; color:var(--muted); line-height:1.9; }
.guide-step-grid,.guide-data-grid { max-width:1120px; margin:38px auto 0; display:grid; gap:18px; text-align:left; }
.guide-step-grid { grid-template-columns:repeat(4,1fr); }
.guide-step-grid article,.guide-data-grid article { padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(111,61,28,.06); }
.guide-step-grid span { color:var(--orange-dark); font-size:12px; font-weight:900; letter-spacing:.1em; }
.guide-step-grid h3,.guide-data-grid h3 { margin:13px 0 9px; font-size:20px; }
.guide-step-grid p,.guide-data-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; }
.guide-data-section { background:#fff8f2; }
.guide-data-grid { grid-template-columns:repeat(2,1fr); }
.guide-related-links { margin:28px auto 0; display:flex; justify-content:center; flex-wrap:wrap; gap:12px 22px; }
.guide-related-links a { color:var(--orange-dark); font-weight:800; }
.guide-faq-section { background:#fff; }
.guide-faq-list { max-width:900px; margin:36px auto 0; display:grid; gap:12px; text-align:left; }
.guide-faq-list details { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; }
.guide-faq-list summary { min-height:64px; padding:18px 48px 18px 20px; position:relative; display:flex; align-items:center; color:var(--brown); cursor:pointer; font-weight:800; list-style:none; }
.guide-faq-list summary::-webkit-details-marker { display:none; }
.guide-faq-list summary::after { content:"＋"; position:absolute; right:20px; color:var(--orange-dark); font-size:20px; }
.guide-faq-list details[open] summary::after { content:"−"; }
.guide-faq-list details p { margin:0; padding:0 20px 22px; color:var(--muted); line-height:1.9; }
.guide-support,.home-guide-section,.tool-common-guide { display:flex; align-items:center; justify-content:space-between; gap:36px; }
.guide-support { padding:64px max(24px,calc((100% - 1080px)/2)); color:#fff; background:linear-gradient(135deg,#4b2515,#6f3218); }
.guide-support .section-kicker { color:#ffad72; }
.guide-support h2 { color:#fff; }
.guide-support p { max-width:720px; margin:0; color:#f2dfd3; line-height:1.9; }
.guide-support-actions { flex:0 0 auto; display:grid; gap:10px; }
.guide-support .primary-button { margin:0; white-space:nowrap; }
.guide-support .outline-button { margin:0; color:var(--brown); border-color:#fff; background:#fff; white-space:nowrap; }
.home-guide-section { padding:62px max(24px,calc((100% - 1080px)/2)); background:#fff; border-block:1px solid var(--line); }
.home-guide-section h2 { margin:8px 0 10px; }
.home-guide-section p:last-child { margin:0; color:var(--muted); line-height:1.8; }
.home-guide-section .primary-button { flex:0 0 auto; margin:0; white-space:nowrap; }
.home-knowledge-section { padding:88px clamp(24px,8vw,120px); background:#fff8f3; border-block:1px solid #f2d8c7; }
.home-knowledge-inner { max-width:1240px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); align-items:center; gap:clamp(48px,5vw,72px); }
.home-knowledge-copy { text-align:left; }
.home-knowledge-label { display:inline-flex; margin:10px 0 18px; padding:7px 12px; border:1px solid #e8b99b; border-radius:999px; color:#9f3e0b; background:#fff; font-size:13px; font-weight:700; }
.home-knowledge-copy h2 { margin:0 0 20px; font-size:clamp(34px,3.2vw,44px); line-height:1.38; letter-spacing:-.035em; }
.home-knowledge-copy>p:not(.section-kicker):not(.home-knowledge-label) { max-width:650px; margin:0; color:var(--muted); line-height:1.9; }
.home-knowledge-points { margin:26px 0 30px; padding:0; display:grid; gap:12px; list-style:none; }
.home-knowledge-points li { position:relative; padding-left:30px; font-weight:700; line-height:1.65; }
.home-knowledge-points li::before { content:""; position:absolute; left:2px; top:.45em; width:14px; height:8px; border-left:2px solid var(--orange); border-bottom:2px solid var(--orange); transform:rotate(-45deg); }
.home-knowledge-actions { display:flex; flex-wrap:wrap; gap:14px; }
.home-knowledge-actions .primary-button,.home-knowledge-actions .outline-button { margin:0; min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:10px; }
.home-knowledge-visual { padding:20px 0; }
.home-knowledge-window { padding:0 18px 22px; border:1px solid #efd7c8; border-radius:24px; background:rgba(255,255,255,.94); box-shadow:0 24px 60px rgba(102,53,24,.14); transform:rotate(1deg); }
.home-knowledge-window-top { height:58px; display:flex; align-items:center; gap:7px; border-bottom:1px solid #f0ddd1; }
.home-knowledge-window-top>span { width:9px; height:9px; border-radius:50%; background:#e8c9b7; }
.home-knowledge-window-top strong { margin-left:8px; font-size:13px; }
.home-knowledge-search { margin:18px 0 12px; padding:12px 16px; display:flex; align-items:center; gap:10px; color:#9c7e6d; border:1px solid #efd7c8; border-radius:12px; }
.home-knowledge-search-icon { width:14px; height:14px; border:2px solid #9c7e6d; border-radius:50%; position:relative; }
.home-knowledge-search-icon::after { content:""; position:absolute; width:6px; height:2px; right:-5px; bottom:-2px; background:#9c7e6d; transform:rotate(45deg); }
.home-knowledge-tags,.home-knowledge-recipe>div { display:flex; flex-wrap:wrap; gap:8px; }
.home-knowledge-tags span,.home-knowledge-recipe>div span { padding:6px 10px; border-radius:999px; color:#bd470b; background:#fff0e6; font-size:11px; font-weight:700; }
.home-knowledge-recipe { margin-top:16px; padding:24px; border:1px solid #efd7c8; border-radius:18px; background:#fff; }
.home-knowledge-recipe-category { color:#d34b06; font-size:12px; font-weight:700; }
.home-knowledge-recipe strong { display:block; margin:14px 0 8px; font-size:19px; }
.home-knowledge-recipe p { margin:0 0 22px; padding-bottom:20px; color:var(--muted); border-bottom:1px solid #f1e1d7; font-size:14px; }
.pricing-note { max-width:620px; margin:16px 0 0; padding:14px 16px; border-left:3px solid var(--orange); border-radius:0 10px 10px 0; background:rgba(255,255,255,.72); color:var(--muted); font-size:13px; line-height:1.8; }
.pricing-note a { display:inline-block; margin-left:.5em; color:var(--orange-dark); font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.tool-common-guide { margin-top:44px; padding:30px; border:1px solid #edc7aa; border-radius:18px; background:#fff8f2; text-align:left; }
.tool-common-guide h2 { margin:7px 0 8px; font-size:24px; }
.tool-common-guide p:last-child { margin:0; color:var(--muted); line-height:1.8; }
.tool-common-guide .outline-button { flex:0 0 auto; margin:0; white-space:nowrap; }
@media (max-width:900px) {
  .guide-step-grid { grid-template-columns:repeat(2,1fr); }
  .guide-support,.home-guide-section,.tool-common-guide { align-items:flex-start; flex-direction:column; }
  .home-knowledge-inner { grid-template-columns:1fr; gap:44px; }
  .home-knowledge-copy h2 br { display:none; }
  .home-knowledge-visual { max-width:650px; width:100%; margin:0 auto; }
}
@media (max-width:600px) {
  .guide-hero { padding:54px 18px 40px; }
  .guide-page-nav { padding:12px 14px; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; }
  .guide-page-nav a { flex:0 0 auto; font-size:13px; }
  .guide-section { padding:58px 18px; }
  .guide-step-grid,.guide-data-grid { grid-template-columns:1fr; margin-top:28px; }
  .guide-step-grid article,.guide-data-grid article { padding:24px 21px; }
  .guide-support,.home-guide-section { padding:52px 18px; }
  .guide-support-actions,.guide-support-actions a,.home-guide-section .primary-button,.tool-common-guide .outline-button { width:100%; }
  .tool-common-guide { padding:24px 20px; }
  .home-knowledge-section { padding:60px 18px; }
  .home-knowledge-copy h2 { font-size:34px; }
  .home-knowledge-actions { display:grid; }
  .home-knowledge-actions a { width:100%; }
  .home-knowledge-window { padding-inline:13px; border-radius:18px; transform:none; }
  .home-knowledge-recipe { padding:19px; }
}
@media (max-width: 767px) {
  .tatefuda-preview-intro { padding:28px 20px; align-items:flex-start; flex-direction:column; gap:16px; text-align:left; }
  .tatefuda-preview-intro>img { width:76px; height:76px; border-radius:18px; }
  .tatefuda-preview-intro h1 { margin-top:2px; font-size:clamp(28px,8vw,36px); overflow-wrap:anywhere; }
  .tatefuda-preview-intro .tool-badges { gap:6px; }
  .tool-embed-error { display:block; }
  .tool-embed-error button { width:100%; margin-top:12px; }
}

/* 立札プレビュー便 LP */
.tatefuda-lp-hero { min-height:620px; padding:70px clamp(24px,7vw,104px); display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); align-items:center; gap:70px; background:radial-gradient(circle at 84% 26%,#ffd8ba 0,transparent 27%),linear-gradient(120deg,#fffaf5,#fff1e6); }
.tatefuda-lp-copy h1 { margin:10px 0 20px; font-size:clamp(39px,4.7vw,62px); line-height:1.35; }
.tatefuda-lp-copy h1 em { color:var(--orange-dark); font-style:normal; }
.tatefuda-lp-copy>p:not(.section-kicker):not(.tatefuda-cta-note) { max-width:700px; margin:0; color:var(--muted); font-size:16px; line-height:1.95; }
.tatefuda-lp-cta { width:fit-content; margin-top:28px; gap:28px; }
.tatefuda-cta-note { margin:10px 0 0; color:#8b6d58; font-size:12px; }
.tatefuda-lp-visual { min-height:470px; position:relative; display:grid; place-items:center; }
.tatefuda-lp-visual>img { width:78px; height:78px; position:absolute; right:2%; bottom:8%; border-radius:22px; box-shadow:0 16px 35px rgba(199,73,8,.2); }
.tatefuda-sample-vertical,.tatefuda-mini-vertical { position:relative; color:#17120f; background:#fffdf6; border:8px solid #302b24; box-shadow:inset 0 0 0 2px #c5aa69,0 20px 45px rgba(78,43,20,.14); font-family:'Yu Mincho','Hiragino Mincho ProN',serif; }
.tatefuda-sample-vertical { width:245px; aspect-ratio:3/4; transform:translate(-65px,-24px) rotate(-2deg); }
.tatefuda-sample-vertical strong,.tatefuda-sample-vertical span,.tatefuda-sample-vertical i { position:absolute; writing-mode:vertical-rl; text-orientation:upright; font-style:normal; line-height:1.35; }
.tatefuda-sample-vertical strong { top:14%; left:46%; color:#d52314; font-size:28px; }
.tatefuda-sample-vertical span { top:31%; left:18%; font-size:17px; }
.tatefuda-sample-vertical span b { color:#d52314; }
.tatefuda-sample-vertical i { top:29%; right:16%; font-size:15px; }
.tatefuda-sample-horizontal,.tatefuda-mini-horizontal { color:#17120f; background:repeating-linear-gradient(0deg,#f7e4ae 0,#f7e4ae 3px,#f3d995 4px,#f7e4ae 7px); border:7px solid #302b24; box-shadow:inset 0 0 0 2px #c5aa69,0 18px 38px rgba(78,43,20,.14); font-family:'Yu Mincho','Hiragino Mincho ProN',serif; }
.tatefuda-sample-horizontal { width:330px; height:145px; position:absolute; right:2%; bottom:16%; padding:14px 18px; transform:rotate(2deg); }
.tatefuda-sample-horizontal span { display:block; text-align:center; font-size:19px; font-weight:800; }
.tatefuda-sample-horizontal span b,.tatefuda-sample-horizontal strong { color:#d52314; }
.tatefuda-sample-horizontal strong { display:block; margin-top:5px; font-size:24px; }
.tatefuda-sample-horizontal i { display:block; margin-top:3px; text-align:right; font-size:15px; font-style:normal; line-height:1.3; }
.tatefuda-sample-horizontal small { font-size:10px; }
.tatefuda-value-section { padding:82px clamp(24px,7vw,104px); display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:start; color:#fff; background:linear-gradient(135deg,#492313,#6f3015); }
.tatefuda-value-section .section-kicker { color:#ff9b52; }
.tatefuda-value-section h2 { margin:10px 0 18px; color:#fff; font-size:clamp(30px,4vw,46px); line-height:1.45; }
.tatefuda-value-section>div:first-child>p:not(.section-kicker) { color:#ead8cc; line-height:1.9; }
.tatefuda-value-section .tatefuda-lp-cta { color:var(--orange-dark); background:#fff; }
.tatefuda-preview-section { background:#fffaf6; }
.tatefuda-layout-grid { max-width:930px; margin:42px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.tatefuda-layout-grid article { padding:28px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(111,61,28,.06); }
.tatefuda-layout-grid h3 { margin:24px 0 8px; font-size:21px; }
.tatefuda-layout-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.tatefuda-mini-vertical { width:132px; height:176px; margin:auto; box-shadow:inset 0 0 0 1px #c5aa69; }
.tatefuda-mini-vertical strong,.tatefuda-mini-vertical span,.tatefuda-mini-vertical i { position:absolute; writing-mode:vertical-rl; text-orientation:upright; font-style:normal; line-height:1.3; }
.tatefuda-mini-vertical strong { top:13%; left:44%; color:#d52314; font-size:18px; }
.tatefuda-mini-vertical span { top:31%; left:14%; font-size:11px; }
.tatefuda-mini-vertical span b { color:#d52314; }
.tatefuda-mini-vertical i { top:32%; right:14%; font-size:11px; }
.tatefuda-mini-horizontal { width:min(100%,300px); height:132px; margin:22px auto; padding:15px 18px; box-shadow:inset 0 0 0 1px #c5aa69; }
.tatefuda-mini-horizontal span { display:block; text-align:center; font-size:17px; font-weight:800; }
.tatefuda-mini-horizontal span b,.tatefuda-mini-horizontal strong { color:#d52314; }
.tatefuda-mini-horizontal strong { display:block; margin-top:7px; text-align:left; font-size:21px; }
.tatefuda-mini-horizontal i { display:block; margin-top:5px; text-align:right; font-size:14px; font-style:normal; }
.tatefuda-preview-section>.tatefuda-lp-cta { margin:36px auto 0; }
.tatefuda-note-section { padding:76px clamp(24px,7vw,104px); display:grid; grid-template-columns:.75fr 1.25fr; gap:68px; color:#fff; background:#33261e; }
.tatefuda-note-section .section-kicker { color:#ff9b52; }
.tatefuda-note-section h2 { margin:10px 0; color:#fff; font-size:clamp(30px,4vw,44px); line-height:1.45; }
.tatefuda-note-section p,.tatefuda-note-section li { color:#ead8cc; font-size:14px; line-height:1.9; }
.tatefuda-note-section ul { padding-left:20px; }
.tatefuda-note-section .report-caution { margin-top:22px; padding:18px; color:#fff0e6; background:rgba(255,255,255,.07); border-color:#ff9b52; }
.tatefuda-quick-rule { max-width:700px; margin:22px 0 0; padding:16px 18px; display:flex; align-items:flex-start; gap:14px; border:1px solid #efcfb8; border-radius:14px; color:var(--brown); background:rgba(255,255,255,.76); font-size:13px; line-height:1.8; }
.tatefuda-quick-rule strong { flex:0 0 auto; color:var(--orange-dark); }
.tatefuda-basic-grid { max-width:1050px; margin:42px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:18px; text-align:left; }
.tatefuda-basic-grid article { padding:25px; display:flex; gap:16px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 24px rgba(111,61,28,.06); }
.tatefuda-basic-grid article>span { width:36px; height:36px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--orange-dark); font-weight:900; }
.tatefuda-basic-grid h3,.tatefuda-caution-grid h3 { margin:3px 0 8px; font-size:18px; line-height:1.55; }
.tatefuda-basic-grid p,.tatefuda-caution-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.tatefuda-basics>.tatefuda-lp-cta,.tatefuda-phrase-section>.tatefuda-lp-cta { margin:34px auto 0; }
.tatefuda-example-grid { max-width:1120px; margin:42px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:left; }
.tatefuda-example-grid article { padding:24px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.tatefuda-example-grid h3 { margin:0 0 16px; font-size:19px; }
.tatefuda-example-card { min-height:210px; padding:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; border:4px solid #332e27; box-shadow:inset 0 0 0 1px #c5aa69; color:#18120f; background:#fffdf6; font-family:'Yu Mincho','Hiragino Mincho ProN',serif; }
.tatefuda-example-card strong { color:#d52314; font-size:23px; }
.tatefuda-example-card p { margin:0; font-size:13px; line-height:1.7; }
.tatefuda-example-card span { display:block; }
.tatefuda-example-grid .tatefuda-lp-cta { width:100%; margin-top:18px; padding-inline:14px; gap:12px; font-size:13px; }
.tatefuda-table-wrap { max-width:900px; margin:38px auto 0; overflow-x:auto; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.tatefuda-table-wrap table { width:100%; border-collapse:collapse; text-align:left; }
.tatefuda-table-wrap th,.tatefuda-table-wrap td { padding:16px 20px; border-bottom:1px solid #f2e5dc; font-size:14px; line-height:1.6; }
.tatefuda-table-wrap thead th { color:#fff; background:#5d3520; }
.tatefuda-table-wrap tbody th { width:34%; color:var(--brown); background:#fffaf6; }
.tatefuda-table-wrap tbody tr:last-child th,.tatefuda-table-wrap tbody tr:last-child td { border-bottom:0; }
.tatefuda-shop-note { max-width:800px; margin:24px auto 0!important; padding:15px 18px; border-radius:12px; color:var(--brown)!important; background:#fff; font-size:13px!important; }
.tatefuda-caution-grid { max-width:1120px; margin:40px auto 0; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; text-align:left; }
.tatefuda-caution-grid article { padding:24px; border-left:4px solid var(--orange-dark); border-radius:0 14px 14px 0; background:#fff; box-shadow:0 8px 20px rgba(111,61,28,.05); }
.tatefuda-sales-hero { min-height:660px; }
.tatefuda-sales-hero .tatefuda-lp-copy h1 { font-size:clamp(38px,4.2vw,56px); }
.tatefuda-sales-hero .tatefuda-lp-copy h1 em { display:inline-block; white-space:nowrap; }
.tatefuda-proof-strip { min-height:74px; padding:14px clamp(24px,8vw,120px); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 36px; color:var(--brown); border-block:1px solid var(--line); background:#fff; }
.tatefuda-proof-strip span { position:relative; padding-left:19px; font-size:13px; font-weight:800; }
.tatefuda-proof-strip span::before { content:'✓'; position:absolute; left:0; color:var(--orange-dark); }
.tatefuda-lp-benefits h2 { font-size:clamp(30px,4vw,46px); line-height:1.45; }
.tatefuda-lp-showcase { display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:56px; }
.tatefuda-showcase-copy h2 { font-size:clamp(30px,4vw,44px); line-height:1.45; }
.tatefuda-showcase-copy>p:not(.section-kicker) { color:var(--muted); line-height:1.95; }
.tatefuda-lp-showcase .tatefuda-layout-grid { width:100%; margin:0; }
.tatefuda-lp-steps>.tatefuda-lp-cta,.tatefuda-lp-examples>.tatefuda-lp-cta { margin:36px auto 0; }
.tatefuda-seo-guide { text-align:center; }
.tatefuda-guide-heading>p:last-child { max-width:720px; margin:0 auto; color:var(--muted); line-height:1.9; }
.tatefuda-guide-grid { max-width:1000px; margin:38px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; text-align:left; }
.tatefuda-guide-grid article { padding:25px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 24px rgba(111,61,28,.05); }
.tatefuda-guide-grid article>span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--orange-dark); font-weight:900; }
.tatefuda-guide-grid h3 { margin:16px 0 8px; font-size:19px; }
.tatefuda-guide-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.tatefuda-phrase-pills { max-width:940px; margin:24px auto 0; display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }
.tatefuda-phrase-pills span { padding:8px 13px; border:1px solid #efcfb8; border-radius:999px; color:var(--brown); background:#fff; font-size:12px; font-weight:800; }
.tatefuda-seo-guide>.tatefuda-lp-cta { margin:30px auto 0; }
.tatefuda-lp-examples .tatefuda-example-card { min-height:180px; }
.tatefuda-lp-caution { padding:0 clamp(24px,8vw,120px) 78px; }
.tatefuda-lp-caution>div { max-width:1120px; margin:0 auto; padding:24px 28px; display:flex; gap:24px; align-items:flex-start; border:1px solid #efc9ae; border-radius:16px; background:#fff7f0; }
.tatefuda-lp-caution strong { flex:0 0 auto; color:var(--orange-dark); }
.tatefuda-lp-caution p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
@media (max-width:900px) {
  .tatefuda-lp-hero { min-height:auto; grid-template-columns:1fr; gap:26px; text-align:center; }
  .tatefuda-lp-copy>p:not(.section-kicker):not(.tatefuda-cta-note) { margin-inline:auto; }
  .tatefuda-lp-cta { margin-inline:auto; }
  .tatefuda-lp-copy .tool-badges { justify-content:center; }
  .tatefuda-lp-visual { min-height:410px; }
  .tatefuda-value-section,.tatefuda-note-section { grid-template-columns:1fr; gap:36px; }
  .tatefuda-quick-rule { margin-inline:auto; text-align:left; }
  .tatefuda-example-grid { grid-template-columns:1fr 1fr; }
  .tatefuda-lp-showcase { grid-template-columns:1fr; text-align:center; }
  .tatefuda-showcase-copy>p:not(.section-kicker) { max-width:720px; margin-inline:auto; }
  .tatefuda-showcase-copy .tatefuda-lp-cta { margin-inline:auto; }
  .tatefuda-guide-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .tatefuda-lp-hero { padding:52px 20px 60px; }
  .tatefuda-lp-copy h1 { font-size:clamp(34px,10vw,44px); }
  .tatefuda-lp-visual { min-height:0; padding:12px 0 70px; display:flex; flex-direction:column; align-items:center; gap:18px; }
  .tatefuda-sample-vertical { width:min(210px,72vw); flex:0 0 auto; padding:28px 12px; display:grid; grid-template-columns:1fr .82fr 1fr; align-items:start; transform:rotate(-1deg); }
  .tatefuda-sample-vertical strong,.tatefuda-sample-vertical span,.tatefuda-sample-vertical i { position:relative; inset:auto; justify-self:center; line-height:1.12; }
  .tatefuda-sample-vertical span { grid-column:1; font-size:11px; }
  .tatefuda-sample-vertical strong { grid-column:2; font-size:20px; }
  .tatefuda-sample-vertical i { grid-column:3; font-size:10px; }
  .tatefuda-sample-horizontal { width:min(100%,290px); height:120px; position:relative; right:auto; bottom:auto; flex:0 0 auto; padding:11px 14px; transform:rotate(1deg); }
  .tatefuda-sample-horizontal span { font-size:14px; }
  .tatefuda-sample-horizontal strong { font-size:18px; }
  .tatefuda-sample-horizontal i { font-size:11px; }
  .tatefuda-lp-visual>img { width:58px; height:58px; right:4px; bottom:2px; }
  .tatefuda-layout-grid { grid-template-columns:1fr; }
  .tatefuda-value-section,.tatefuda-note-section { padding:62px 20px; }
  .tatefuda-basic-grid,.tatefuda-example-grid,.tatefuda-caution-grid { grid-template-columns:1fr; }
  .tatefuda-basic-grid article,.tatefuda-example-grid article,.tatefuda-caution-grid article { padding:20px; }
  .tatefuda-quick-rule { flex-direction:column; gap:4px; }
  .tatefuda-table-wrap th,.tatefuda-table-wrap td { padding:13px 14px; font-size:13px; }
  .tatefuda-proof-strip { justify-content:flex-start; gap:10px 22px; }
  .tatefuda-lp-showcase { padding-inline:20px; }
  .tatefuda-lp-caution { padding:0 20px 60px; }
  .tatefuda-lp-caution>div { padding:20px; flex-direction:column; gap:8px; }
  .tatefuda-sales-hero .tatefuda-lp-copy h1 { font-size:clamp(32px,9vw,40px); }
  .tatefuda-sales-hero .tatefuda-lp-copy h1 em { white-space:normal; }
}
.private-access-panel { min-height:calc(100vh - 82px); padding:80px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:linear-gradient(135deg,#fffaf5,#fff1e6); }
.private-access-panel h1 { margin:12px 0 14px; font-size:clamp(34px,5vw,52px); }
.private-access-panel>p:not(.section-kicker) { margin:0 0 28px; color:var(--muted); }
.private-access-error { padding:14px 18px; border:1px solid #f1d0cb; border-radius:12px; color:#8b2e22!important; background:#fff1ef; }
@media (max-width:800px) {
  .private-preview-page .site-header { padding-bottom:8px; flex-direction:row; align-items:center; }
  .tatefuda-preview-intro { padding:28px 20px; align-items:flex-start; }
  .tatefuda-preview-intro>img { width:70px; height:70px; border-radius:18px; }
}
.directory-hero { padding:76px clamp(24px,8vw,120px) 70px; text-align:center; background:radial-gradient(circle at 78% 18%,#ffe1ca 0,transparent 25%),linear-gradient(120deg,#fffaf5,#fff1e6); }
.directory-hero h1 { margin:10px 0 18px; font-size:clamp(38px,4.4vw,58px); }
.directory-hero>p:last-child { max-width:760px; margin:0 auto; color:var(--muted); font-size:16px; line-height:1.9; }
.directory-section { padding:64px clamp(24px,8vw,120px) 90px; }
.filter-panel { max-width:1120px; margin:0 auto; padding:28px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(111,61,28,.07); }
.search-field { display:block; font-size:14px; font-weight:800; }
.search-input-wrap { height:54px; margin-top:10px; display:flex; align-items:center; gap:12px; padding:0 17px; border:1px solid #dfc9b9; border-radius:12px; background:#fffdfb; transition:border-color .2s ease,box-shadow .2s ease; }
.search-input-wrap:focus-within { border-color:var(--orange); box-shadow:0 0 0 3px rgba(249,115,22,.14); }
.search-input-wrap>span { color:var(--orange-dark); font-size:25px; line-height:1; transform:rotate(-15deg); }
.search-input-wrap input { width:100%; height:100%; padding:0; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; }
.search-input-wrap input::placeholder { color:#a18d80; }
.dual-category-filters,.directory-filter-grid { margin-top:24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.category-select-field>span { display:block; margin-bottom:8px; font-size:14px; font-weight:800; }
.category-select-field select { width:100%; min-height:52px; padding:0 44px 0 15px; border:1px solid #ddc9bb; border-radius:12px; color:var(--ink); background:#fff; font:inherit; font-weight:700; cursor:pointer; }
.category-select-field select:hover { border-color:#f2a36d; }
.category-select-field select:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.active-filter-summary { margin-top:18px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-radius:12px; background:var(--cream); }
.active-filter-summary>div { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.active-filter-summary>div>span { color:#765f50; font-size:13px; font-weight:800; }
.active-filter-summary strong { padding:5px 10px; border:1px solid #f0ded0; border-radius:999px; background:#fff; color:var(--brown); font-size:13px; }
.active-filter-summary button { min-height:44px; padding:8px 14px; flex:0 0 auto; border:1px solid #d38a59; border-radius:10px; color:#8d3a11; background:#fff; font:inherit; font-size:13px; font-weight:800; cursor:pointer; }
.active-filter-summary button:hover { background:#fff8f2; }
.active-filter-summary button:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.category-filter legend { margin-bottom:11px; font-size:14px; font-weight:800; }
.category-options { display:flex; flex-wrap:wrap; gap:10px; }
.category-options button,.empty-state button { min-height:44px; padding:10px 18px; border:1px solid #e7d3c4; border-radius:999px; color:var(--brown); background:#fff; font:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:background .2s ease,border-color .2s ease,color .2s ease; }
.category-options button:hover { border-color:#f2a36d; }
.category-options button.is-active { border-color:var(--orange-dark); color:#fff; background:var(--orange-dark); }
.category-options button:focus-visible,.empty-state button:focus-visible,.search-input-wrap:has(input:focus-visible) { outline:3px solid #ffb27a; outline-offset:3px; }
.result-summary { max-width:1120px; margin:36px auto 18px; display:flex; align-items:center; justify-content:space-between; font-weight:800; }
.result-summary span:last-child { color:var(--orange-dark); font-size:14px; }
.directory-grid { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.free-badge { display:inline-flex; padding:5px 10px; border-radius:999px; color:var(--orange-dark); background:var(--orange-soft); font-size:12px; font-weight:800; }
.tool-category { min-height:0!important; margin:14px 0 0; color:#91796a!important; font-size:12px!important; font-weight:700; }
.empty-state { max-width:1120px; min-height:330px; margin:0 auto; padding:58px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed #e8c7ad; border-radius:20px; background:var(--cream); }
.empty-icon { width:64px; height:64px; display:grid; place-items:center; border-radius:18px; color:#fff; background:linear-gradient(135deg,var(--orange),var(--orange-dark)); font-size:34px; box-shadow:0 12px 24px rgba(200,76,12,.18); }
.empty-state h2 { margin:22px 0 10px; font-size:26px; }
.empty-state p { max-width:560px; margin:0; color:var(--muted); line-height:1.9; }
.empty-state button { margin-top:22px; border-color:var(--orange-dark); color:var(--orange-dark); background:#fff; }
.pricing-note { max-width:1120px; margin:26px auto 0; padding:20px 24px; display:flex; align-items:flex-start; gap:15px; border-radius:16px; color:var(--brown); background:var(--orange-soft); }
.pricing-note>span { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--orange-dark); font-weight:900; }
.pricing-note strong { display:block; margin-bottom:4px; }
.pricing-note p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.secondary-link { min-height:44px; display:inline-flex; align-items:center; color:var(--orange-dark); font-size:13px; font-weight:800; white-space:nowrap; }
.category-directory { padding:64px clamp(24px,8vw,120px) 90px; }
.category-directory .result-summary h2 { margin:0; font-size:24px; }
.category-group-heading { max-width:1120px; margin:0 auto 20px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.category-group-heading h2 { margin:6px 0 5px; font-size:27px; }
.category-group-heading p:not(.section-kicker) { margin:0; color:var(--muted); font-size:14px; }
.category-group-heading>span { color:var(--orange-dark); font-size:14px; font-weight:800; }
.category-group-second { margin-top:64px; }
.category-grid-spaced { margin-bottom:0; }
.category-grid { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.category-card { padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.category-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.category-card-top span { color:var(--orange-dark); font-size:11px; font-weight:900; letter-spacing:.12em; }
.category-card-top strong { color:var(--brown); font-size:12px; white-space:nowrap; }
.category-card h3 { margin:12px 0 8px; font-size:21px; }
.category-card p { min-height:70px; margin:0 0 16px; color:var(--muted); font-size:14px; line-height:1.8; }
.category-card a { min-height:44px; display:inline-flex; align-items:center; color:var(--orange-dark); font-size:14px; font-weight:800; }
.category-coming-soon { min-height:44px; display:inline-flex; align-items:center; color:var(--muted); font-size:14px; font-weight:800; }
.empty-request-link { min-height:44px; margin-top:22px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:#fff; background:var(--orange-dark); font-size:14px; font-weight:800; }
.empty-request-link:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.tool-category-directory { max-width:1120px; margin:72px auto 0; }
.category-status-section+.category-status-section { margin-top:64px; }
.category-status-heading { margin-bottom:22px; }
.category-status-heading h2 { margin:0 0 8px; font-size:27px; }
.category-status-heading p { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.category-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.category-status-card { min-width:0; padding:28px; display:flex; flex-direction:column; border:1px solid #f0ded0; border-radius:18px; color:var(--ink); background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.category-status-card.is-clickable { transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.category-status-card.is-clickable:hover { transform:translateY(-3px); border-color:#ffb27a; box-shadow:0 14px 30px rgba(111,61,28,.1); }
.category-status-card.is-clickable:focus-visible,.category-status-card .category-card-action:focus-visible,.category-request-panel a:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.category-status-card-top { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.category-status-icon { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; border-radius:13px; color:#f97316; background:#fff1e6; }
.category-status-icon svg { width:25px; height:25px; }
.category-status-label { padding:5px 10px; border:1px solid #ffb27a; border-radius:999px; color:#c84c0c; background:#fff1e6; font-size:12px; font-weight:800; }
.category-status-label.is-planned { border-color:#f0ded0; color:#735f52; background:#fff; }
.category-status-card h3 { margin:18px 0 9px; font-size:21px; line-height:1.5; }
.category-status-card>p { margin:0 0 18px; flex:1; color:var(--muted); font-size:14px; line-height:1.8; }
.category-tool-count { margin-bottom:8px; color:var(--brown); font-size:13px; }
.category-card-action { min-height:44px; display:inline-flex; align-items:center; gap:7px; align-self:flex-start; color:var(--orange-dark); font-size:14px; font-weight:800; }
.category-request-panel { margin-top:64px; padding:36px; border:1px solid #f0ded0; border-radius:18px; text-align:center; background:#fff1e6; }
.category-request-panel h2 { margin:0 0 10px; font-size:27px; }
.category-request-panel p { max-width:680px; margin:0 auto; color:var(--muted); line-height:1.8; }
.category-request-panel a { min-height:48px; margin-top:22px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:#fff; background:#c84c0c; font-size:14px; font-weight:800; }
.tool-related { padding:80px clamp(24px,8vw,120px); border-top:1px solid var(--line); background:var(--soft); color:var(--brown); }
.tool-related-inner { max-width:1120px; margin:0 auto; }
.tool-related h2 { margin:8px 0 30px; font-size:clamp(28px,3vw,36px); }
.tool-related h3,.tool-related h4 { color:var(--brown); }
.tool-related-label { color:var(--orange-dark); font-size:12px; font-weight:900; letter-spacing:.08em; }
.tool-guide-card { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:30px 32px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.tool-guide-card h3 { margin:8px 0 6px; font-size:23px; }
.tool-guide-card p { max-width:680px; margin:0; color:var(--muted); line-height:1.8; }
.tool-guide-card .primary-button { flex:0 0 auto; min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 22px; border-radius:10px; color:#fff; background:var(--orange-dark); font-weight:800; }
.tool-article-card { margin-top:24px; }
.lp-related-article-shell { padding:64px clamp(24px,8vw,120px); border-top:1px solid var(--line); background:var(--soft); color:var(--brown); }
.lp-related-article-shell>.tool-guide-card { max-width:1120px; margin:0 auto; }
.lp-related-article-shell h2 { margin:8px 0 6px; color:var(--brown); font-size:23px; }
.tool-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:24px; }
.tool-related-card,.tool-same-industry { padding:28px 30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.05); }
.tool-related-card h3 { margin:8px 0 18px; font-size:21px; }
.tool-related-links { display:flex; flex-wrap:wrap; gap:10px; }
.tool-related-links a { min-height:44px; display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border:1px solid var(--line); border-radius:999px; color:var(--orange-dark); background:#fffaf6; font-size:14px; font-weight:800; }
.tool-same-industry { margin-top:24px; }
.tool-related-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.tool-related-heading h3 { margin:7px 0 0; font-size:23px; }
.tool-related-heading>a,.tool-lp-back { min-height:44px; display:inline-flex; align-items:center; gap:7px; color:var(--orange-dark); font-size:14px; font-weight:800; }
.tool-related-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.tool-related-tool-grid>article { display:grid; grid-template-columns:56px minmax(0,1fr); gap:16px; padding:20px; border:1px solid var(--line); border-radius:16px; background:#fffaf6; }
.tool-related-tool-grid img { border-radius:12px; object-fit:contain; }
.tool-related-tool-grid h4 { margin:0 0 7px; font-size:17px; line-height:1.5; }
.tool-related-tool-grid p { margin:0 0 12px; color:var(--muted); font-size:13px; line-height:1.7; }
.tool-related-tool-grid a { min-height:44px; display:inline-flex; align-items:center; color:var(--orange-dark); font-size:14px; font-weight:800; }
.tool-related-empty { margin:0; padding:18px 20px; border-radius:12px; color:var(--muted); background:#fffaf6; line-height:1.8; }
.tool-lp-back { margin-top:18px; }
.category-empty .secondary-link { margin-top:18px; }
.about-section .secondary-link { margin-top:22px; }
.about-hero { padding-bottom:78px; }
.about-page-section,.value-section,.policy-section,.operator-section,.about-detail-section,.about-process-section,.about-information-section { padding:82px clamp(24px,8vw,120px); }
.about-intro { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:start; }
.about-intro h2,.value-section h2,.policy-section h2,.operator-section h2 { margin:10px 0 0; }
.about-intro-copy { padding-top:2px; }
.about-intro-copy p { margin:0 0 18px; color:var(--muted); font-size:16px; line-height:2; }
.value-section { text-align:center; background:var(--cream); border-block:1px solid #f6e7db; }
.value-grid { max-width:1120px; margin:42px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:left; }
.value-card { padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.value-card>span { color:var(--orange-dark); font-size:13px; font-weight:900; letter-spacing:.14em; }
.value-card h3 { margin:18px 0 12px; font-size:20px; }
.value-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; }
.policy-panel { max-width:1120px; margin:0 auto; padding:46px; display:grid; grid-template-columns:.62fr 1.38fr; gap:70px; border:1px solid #edcdb6; border-radius:22px; background:linear-gradient(135deg,#fffaf5,#fff1e6); }
.policy-panel ul { margin:0; padding:0; list-style:none; }
.policy-panel li { padding:20px 0; display:grid; grid-template-columns:220px 1fr; gap:24px; border-bottom:1px solid #efd7c6; }
.policy-panel li:first-child { padding-top:0; }
.policy-panel li:last-child { padding-bottom:0; border-bottom:0; }
.policy-panel strong { font-size:15px; }
.policy-panel span { color:var(--muted); font-size:14px; line-height:1.8; }
.about-detail-section { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; }
.about-detail-heading h2,.about-process-section h2,.about-information-section h2 { margin:10px 0 0; }
.about-detail-copy { padding:32px; border:1px solid var(--line); border-radius:18px; background:#fffaf6; }
.about-detail-copy h3 { margin:0 0 16px; font-size:24px; }
.about-detail-copy p,.about-information-intro>p,.about-correction-card>p { margin:0 0 16px; color:var(--muted); font-size:15px; line-height:1.95; }
.about-process-section { background:var(--cream); border-block:1px solid #f6e7db; text-align:center; }
.about-process-inner { max-width:1120px; margin:0 auto; }
.about-process-grid { margin-top:42px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; text-align:left; }
.about-process-grid article { padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.about-process-grid span { color:var(--orange-dark); font-size:12px; font-weight:900; letter-spacing:.14em; }
.about-process-grid h3 { margin:14px 0 10px; font-size:20px; }
.about-process-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; }
.about-information-section { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
.about-information-intro,.about-correction-card { padding:34px; border:1px solid var(--line); border-radius:20px; }
.about-information-intro .secondary-button { margin-top:8px; }
.about-correction-card { background:linear-gradient(135deg,#fffaf5,#fff1e6); }
.about-correction-links { margin-top:22px; display:grid; gap:8px; }
.about-correction-links a { min-height:44px; display:inline-flex; align-items:center; color:var(--orange-dark); font-size:14px; font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.operator-section { text-align:center; background:#fff; }
.operator-table { max-width:760px; margin:40px auto 24px; text-align:left; border-top:1px solid var(--line); }
.operator-table div { display:grid; grid-template-columns:210px 1fr; border-bottom:1px solid var(--line); }
.operator-table dt,.operator-table dd { margin:0; padding:19px 22px; }
.operator-table dt { color:var(--brown); background:var(--cream); font-size:14px; font-weight:800; }
.operator-table dd { color:var(--muted); }
.operator-note { margin:0 auto 24px; color:var(--muted); font-size:14px; line-height:1.8; }
.contact-hero { padding-bottom:72px; }
.contact-section { padding:72px clamp(24px,8vw,120px) 92px; }
.contact-layout { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:start; }
.contact-guide h2 { margin:10px 0 18px; font-size:30px; }
.contact-guide>p:not(.section-kicker) { color:var(--muted); line-height:1.9; }
.contact-address { margin-top:28px; padding:20px; border-radius:14px; background:var(--orange-soft); }
.contact-address span { display:block; margin-bottom:7px; color:var(--brown); font-size:12px; font-weight:800; }
.contact-address a { color:var(--orange-dark); font-size:14px; font-weight:800; overflow-wrap:anywhere; }
.contact-form { padding:34px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(111,61,28,.08); }
.contact-form label,.contact-form legend { color:var(--ink); font-size:14px; font-weight:800; }
.contact-form label>span,.contact-form legend>span { margin-left:5px; color:var(--orange-dark); font-size:11px; }
.contact-form label>em { margin-left:5px; color:#927d70; font-size:11px; font-style:normal; }
.contact-form fieldset { margin:0 0 24px; padding:0; border:0; }
.contact-type-grid { margin-top:11px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.contact-type-grid label { min-height:52px; padding:8px; display:flex; align-items:center; justify-content:center; border:1px solid #e5d2c4; border-radius:10px; cursor:pointer; text-align:center; }
.contact-type-grid label.is-selected { border-color:var(--orange-dark); color:var(--orange-dark); background:var(--orange-soft); }
.contact-type-grid input { position:absolute; opacity:0; pointer-events:none; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-form>label,.form-grid label { display:block; margin-bottom:20px; }
.contact-form input:not([type="radio"]),.contact-form textarea,.contact-form select { width:100%; margin-top:8px; padding:13px 14px; border:1px solid #ddc9bb; border-radius:10px; color:var(--ink); background:#fffdfb; font:inherit; font-size:15px; }
.contact-form input:not([type="radio"]):focus,.contact-form textarea:focus,.contact-form select:focus { outline:3px solid rgba(249,115,22,.18); border-color:var(--orange); }
.contact-form textarea { resize:vertical; line-height:1.7; }
.bug-report-fields{margin-bottom:20px;padding:20px;border:1px solid #ead5c5;border-radius:14px;background:#fffaf6}.bug-report-fields>label{display:block;margin-bottom:20px}.bug-report-privacy-note{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.contact-submit-area { margin-top:4px; text-align:center; }
.contact-submit-area .primary-button { border:0; cursor:pointer; font:inherit; }
.contact-submit-area .primary-button:disabled { cursor:wait; opacity:.7; transform:none; }
.contact-submit-area p { margin:14px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.contact-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.form-status { margin-top:18px; padding:0; display:none; border-radius:12px; text-align:left; }
.form-status.sent,.form-status.error { padding:16px 18px; display:block; }
.form-status.sent { color:#24613c; background:#edf8f0; border:1px solid #cde8d5; }
.form-status.error { color:#8b2e22; background:#fff1ef; border:1px solid #f1d0cb; }
.form-status strong,.form-status span { display:block; }
.form-status strong { margin-bottom:4px; font-size:14px; }
.form-status span { font-size:12px; line-height:1.7; }
.terms-hero { padding-bottom:72px; }
.terms-section { padding:72px clamp(24px,8vw,120px) 96px; background:var(--cream); }
.terms-document { max-width:920px; margin:0 auto; padding:54px 64px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 14px 36px rgba(111,61,28,.07); }
.terms-intro { margin:0 0 40px; padding:18px 20px; border-radius:12px; color:var(--brown); background:var(--orange-soft); line-height:1.8; }
.terms-article { padding:0 0 34px; margin:0 0 34px; border-bottom:1px solid var(--line); }
.terms-article h2 { margin:0 0 18px; font-size:23px; }
.terms-article p { margin:0 0 14px; color:var(--muted); font-size:15px; line-height:2; }
.terms-article .terms-resource-link { min-height:44px; display:inline-flex; align-items:center; gap:8px; color:var(--orange-dark); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.terms-article .terms-resource-link:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.terms-list { margin:20px 0 0; padding:0; display:grid; gap:10px; color:var(--muted); list-style:none; }
.terms-list li { position:relative; margin:0; padding:15px 18px 15px 46px; border:1px solid #f3dfcf; border-radius:12px; background:#fffaf6; font-size:15px; line-height:1.85; }
.terms-list li::before { content:""; position:absolute; top:1.45em; left:20px; width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px #ffe5d2; }
.terms-contact { padding:24px; border-radius:14px; background:var(--orange-soft); }
.terms-contact p { margin:0 0 10px; color:var(--muted); font-size:14px; line-height:1.7; }
.terms-contact strong { color:var(--brown); }
.terms-contact a { min-height:44px; display:inline-flex; align-items:center; gap:8px; color:var(--orange-dark); font-size:14px; font-weight:800; }
.terms-date { margin:28px 0 0; color:#907b6e; font-size:13px; text-align:right; }
.disclaimer-summary { margin:0 0 42px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.disclaimer-summary>div { padding:20px 18px; border:1px solid #f0d8c6; border-radius:14px; background:#fffaf6; }
.disclaimer-summary span { display:block; margin-bottom:10px; color:var(--orange-dark); font-size:11px; font-weight:900; letter-spacing:.15em; }
.disclaimer-summary strong { display:block; color:var(--ink); font-size:15px; }
.disclaimer-summary p { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.not-found-page { min-height:100vh; display:flex; flex-direction:column; }
.not-found-section { flex:1; min-height:650px; padding:84px 24px 96px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle at 50% 38%,#ffe0c8 0,transparent 24%),linear-gradient(135deg,#fffaf5,#fff1e6 60%,#fff8f1); }
.not-found-visual { display:flex; align-items:center; justify-content:center; gap:12px; color:var(--orange-dark); font-size:clamp(86px,11vw,142px); line-height:.8; font-weight:900; letter-spacing:-.08em; }
.not-found-zero { width:clamp(82px,10vw,130px); height:clamp(82px,10vw,130px); display:grid; place-items:center; border:10px solid #fff; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--orange),var(--orange-dark)); box-shadow:0 18px 38px rgba(200,76,12,.2); }
.not-found-zero svg { width:55%; height:55%; }
.not-found-section .section-kicker { margin:34px 0 0; }
.not-found-section h1 { margin:12px 0 18px; font-size:clamp(34px,4vw,52px); line-height:1.35; }
.not-found-copy { margin:0; color:var(--muted); font-size:16px; line-height:2; }
.not-found-actions { margin-top:34px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; }
.outline-button,.text-button { min-height:52px; padding:13px 24px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; font-size:14px; font-weight:800; }
.outline-button { border:1px solid var(--orange-dark); color:var(--orange-dark); background:#fff; }
.text-button { gap:8px; color:var(--orange-dark); }
.outline-button:hover { background:var(--orange-soft); }
.text-button:hover { text-decoration:underline; text-underline-offset:4px; }
.outline-button:focus-visible,.text-button:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
@media (max-width:1100px) {
  .reasons-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:800px) {
  .site-header { height:auto; min-height:68px; padding:8px 20px 0; flex-direction:column; align-items:stretch; }
  .brand { align-self:center; min-height:52px; display:flex; align-items:center; }
  .brand img { width:158px; height:48px; }
  nav { width:100%; gap:0; justify-content:space-between; border-top:1px solid #f5e8df; font-size:13px; }
  nav a { min-width:0; min-height:48px; flex:1; padding:0 6px; justify-content:center; white-space:nowrap; }
  nav a::after { display:none; }
  .hero { min-height:auto; padding:52px 24px 58px; grid-template-columns:1fr; gap:28px; }
  .hero-copy { text-align:center; }
  .eyebrow { margin-top:0; }
  h1 { margin-top:12px; font-size:clamp(34px,10vw,42px); line-height:1.3; }
  .lead { margin-left:auto; margin-right:auto; font-size:16px; line-height:1.85; }
  .tool-count-badge { margin-left:auto; margin-right:auto; }
  .primary-button { width:min(100%,320px); }
  .hero-visual { min-height:300px; }
  .hero-visual::before { width:310px; height:310px; }
  .tool-window { width:min(92%,420px); }
  .window-body { padding:34px 32px 38px; }
  .card-one { top:22px; right:0; }.card-two { bottom:25px; left:0; }
  .tool-grid { grid-template-columns:1fr; margin-top:34px; }
  .home-discovery-grid { grid-template-columns:1fr; margin-top:34px; }
  .tools-section,.about-section { padding:64px 24px; }
  .reasons-section { padding:64px 20px; }
  .reasons-grid { grid-template-columns:1fr; margin-top:32px; }
  .reason-card { padding:24px; }
  .featured-tools-section { padding:64px 20px; }
  .featured-tool-groups { margin-top:36px; gap:42px; }
  .featured-group-heading { align-items:flex-start; flex-direction:column; gap:8px; }
  .featured-group-heading h3 { font-size:22px; }
  .featured-tools-grid { grid-template-columns:1fr; }
  .featured-tool-card>img { height:150px; }
  h2 { font-size:28px; line-height:1.4; }
  .tool-card { padding:26px; }
  .tool-card p { min-height:0; }
  footer p { line-height:1.8; }
  .directory-hero { padding:52px 24px 48px; }
  .directory-hero h1 { font-size:36px; }
  .directory-section { padding:42px 20px 64px; }
  .filter-panel { padding:22px 18px; }
  .dual-category-filters,.directory-filter-grid { grid-template-columns:1fr; gap:16px; }
  .active-filter-summary { align-items:stretch; flex-direction:column; }
  .active-filter-summary button { width:100%; }
  .category-options button { padding-left:10px; padding-right:10px; }
  .directory-grid { grid-template-columns:1fr; }
  .empty-state { min-height:300px; padding:48px 20px; }
  .pricing-note { padding:18px; }
  .category-directory { padding:42px 20px 64px; }
  .category-grid { grid-template-columns:1fr; }
  .tool-category-directory { margin-top:56px; }
  .category-status-grid { grid-template-columns:1fr; }
  .category-status-card { padding:24px 20px; }
  .category-request-panel { padding:30px 20px; }
  .category-request-panel a { width:100%; }
  .tool-related { padding:56px 20px; }
  .lp-related-article-shell { padding:56px 20px; }
  .tool-guide-card { align-items:flex-start; flex-direction:column; padding:24px 20px; }
  .tool-guide-card .primary-button { width:100%; }
  .tool-related-grid,.tool-related-tool-grid { grid-template-columns:1fr; }
  .tool-related-card,.tool-same-industry { padding:24px 20px; }
  .tool-related-heading { align-items:flex-start; flex-direction:column; }
  .category-group-heading { align-items:flex-start; }
  .about-page-section,.value-section,.policy-section,.operator-section,.about-detail-section,.about-process-section,.about-information-section { padding:60px 24px; }
  .about-intro,.policy-panel,.about-detail-section,.about-information-section { grid-template-columns:1fr; gap:28px; }
  .about-process-grid { grid-template-columns:1fr; }
  .value-grid { grid-template-columns:1fr; margin-top:32px; }
  .policy-panel { padding:30px 24px; }
  .policy-panel li { grid-template-columns:1fr; gap:8px; }
  .operator-table div { grid-template-columns:1fr; }
  .operator-table dt { padding-bottom:9px; }
  .operator-table dd { padding-top:9px; }
  .contact-section { padding:52px 20px 70px; }
  .contact-layout { grid-template-columns:1fr; gap:34px; }
  .contact-form { padding:26px 20px; }
  .contact-type-grid,.form-grid { grid-template-columns:1fr; }
  .contact-type-grid label { min-height:48px; }
  .not-found-section { min-height:560px; padding:64px 20px 72px; }
.not-found-zero { border-width:7px; }
  .not-found-copy br { display:none; }
  .not-found-actions { width:100%; flex-direction:column; }
  .not-found-actions .primary-button,.not-found-actions .outline-button,.not-found-actions .text-button { width:min(100%,320px); }
  .terms-section { padding:48px 18px 68px; }
  .terms-document { padding:34px 22px; }
  .terms-intro { margin-bottom:30px; }
  .terms-article { padding-bottom:26px; margin-bottom:28px; }
  .terms-article h2 { font-size:20px; }
  .terms-list li { padding:14px 15px 14px 40px; font-size:14px; }
  .terms-list li::before { left:17px; }
  .disclaimer-summary { grid-template-columns:1fr; margin-bottom:32px; }
}
@media (max-width:1200px) {
  .shared-site-header { height:auto; min-height:68px; padding:8px 16px; flex-direction:row; align-items:center; }
  .shared-site-header .brand { min-height:52px; align-self:auto; }
  .shared-site-header .brand img { width:150px; height:48px; }
  .mobile-menu-button {
    width:46px;
    height:46px;
    padding:0;
    display:flex;
    position:relative;
    z-index:23;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid var(--line);
    border-radius:11px;
    color:var(--brown);
    background:#fff;
    cursor:pointer;
  }
  .mobile-menu-button span {
    width:21px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transition:transform .2s ease,opacity .2s ease;
  }
  .shared-site-header.is-menu-open .mobile-menu-button span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .shared-site-header.is-menu-open .mobile-menu-button span:nth-child(2) { opacity:0; }
  .shared-site-header.is-menu-open .mobile-menu-button span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .mobile-menu-button:hover { color:var(--orange-dark); background:var(--orange-soft); }
  .mobile-menu-button:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
  .mobile-menu-backdrop {
    inset:69px 0 auto;
    height:calc(100dvh - 69px);
    display:block;
    position:fixed;
    z-index:21;
    border:0;
    background:rgba(51,38,30,.25);
    cursor:default;
  }
  .shared-site-header nav#main-navigation {
    width:100%;
    max-height:calc(100vh - 69px);
    padding:8px 16px 16px;
    display:none;
    position:absolute;
    z-index:22;
    top:100%;
    left:0;
    overflow-y:auto;
    overflow-x:hidden;
    flex-direction:column;
    gap:0;
    border-top:1px solid #f2e5dc;
    border-bottom:1px solid #e8d4c4;
    background:#fff;
    box-shadow:0 18px 30px rgba(80,45,25,.14);
    font-size:14px;
  }
  .shared-site-header.is-menu-open nav#main-navigation { display:flex; }
  .shared-site-header nav a {
    width:100%;
    min-height:52px;
    padding:0 12px;
    flex:0 0 auto;
    justify-content:flex-start;
    border-bottom:1px solid #f5e8df;
  }
  .shared-site-header nav a:last-child { border-bottom:0; }
  .shared-site-header nav a[aria-current="page"] { color:var(--orange-dark); background:var(--orange-soft); }
}

/* 工事見積・原価・粗利計算ツール */
.calculator-hero { padding:64px clamp(24px,8vw,120px); display:flex; align-items:center; justify-content:space-between; gap:48px; background:radial-gradient(circle at 84% 28%,#ffd9bd 0,transparent 24%),linear-gradient(120deg,#fffaf5,#fff1e6); }
.calculator-hero>div { max-width:760px; }
.calculator-hero h1 { margin:10px 0 18px; font-size:clamp(38px,4.5vw,58px); line-height:1.35; }
.calculator-hero>div>p:not(.section-kicker) { margin:0; color:var(--muted); font-size:16px; line-height:1.9; }
.calculator-hero>img { width:170px; height:170px; border-radius:38px; box-shadow:0 20px 45px rgba(200,76,12,.18); }
.tool-badges { margin-top:24px; display:flex; flex-wrap:wrap; gap:9px; }
.tool-badges span { padding:7px 13px; border:1px solid #edc7aa; border-radius:999px; color:var(--orange-dark); background:rgba(255,255,255,.72); font-size:12px; font-weight:800; }
.calculator-hero-cta { width:fit-content; margin-top:26px; }
.calculator-lp-hero { min-height:560px; }
.calculator-lp-section { padding:88px clamp(24px,7vw,104px); text-align:center; }
.calculator-lp-section h2,.calculator-value-section h2,.calculator-final-cta h2 { margin:10px 0 18px; font-size:clamp(30px,4vw,46px); line-height:1.45; }
.calculator-lp-lead { max-width:760px; margin:0 auto; color:var(--muted); font-size:15px; line-height:1.95; }
.calculator-pain-grid { max-width:1120px; margin:44px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:left; }
.calculator-pain-grid article { padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(111,61,28,.06); }
.calculator-pain-grid span { color:var(--orange-dark); font-size:12px; font-weight:900; letter-spacing:.14em; }
.calculator-pain-grid h3 { margin:12px 0 12px; font-size:20px; }
.calculator-pain-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.9; }
.calculator-value-section { padding:78px clamp(24px,7vw,104px); display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:start; color:#fff; background:linear-gradient(135deg,#492313,#6f3015); }
.calculator-value-section .section-kicker { color:#ff9b52; }
.calculator-value-heading h2 { color:#fff; }
.calculator-value-grid { display:grid; gap:14px; }
.calculator-value-grid article { padding:23px; display:flex; align-items:flex-start; gap:18px; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.06); }
.calculator-value-grid article>span { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:11px; color:#fff; background:var(--orange-dark); font-size:11px; font-weight:900; }
.calculator-value-grid h3 { margin:0 0 7px; font-size:18px; }
.calculator-value-grid p { margin:0; color:#ead8cc; font-size:13px; line-height:1.8; }
.calculator-faq-section { background:#fff; }
.calculator-faq-list { max-width:850px; margin:38px auto 0; display:grid; gap:12px; text-align:left; }
.calculator-faq-list details { border:1px solid var(--line); border-radius:14px; background:#fffaf6; }
.calculator-faq-list summary { min-height:64px; padding:18px 21px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; font-weight:800; list-style:none; }
.calculator-faq-list summary::-webkit-details-marker { display:none; }
.calculator-faq-list summary span { color:var(--orange-dark); font-size:23px; font-weight:500; transition:transform .2s ease; }
.calculator-faq-list details[open] summary span { transform:rotate(45deg); }
.calculator-faq-list details p { margin:0; padding:0 21px 20px; color:var(--muted); font-size:14px; line-height:1.9; }
.calculator-faq-list summary:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.calculator-final-cta { padding:82px 24px; text-align:center; background:radial-gradient(circle at 50% 10%,#ffd2af 0,transparent 32%),#fff1e6; }
.calculator-final-cta p:not(.section-kicker) { margin:0 0 28px; color:var(--muted); }
.calculator-final-cta .primary-button { width:fit-content; margin:0 auto; }
.calculator-lp-preview { background:#fffaf6; }
.calculator-lp-preview>img { width:min(100%,920px); margin:40px auto 30px; display:block; border:1px solid var(--line); border-radius:20px; box-shadow:0 18px 45px rgba(111,61,28,.1); }
.calculator-lp-preview>.primary-button { width:fit-content; margin:0 auto; }
.calculator-inline-cta { width:fit-content; margin:36px auto 0; }
.calculator-seo-section { padding:88px clamp(24px,7vw,104px); }
.calculator-seo-section.is-tinted { background:#fff8f2; }
.calculator-content-wrap { max-width:1120px; margin:0 auto; }
.calculator-content-wrap>h2 { max-width:900px; margin:10px 0 18px; font-size:clamp(30px,4vw,46px); line-height:1.45; }
.calculator-section-lead { max-width:830px; margin:0 0 38px; color:var(--muted); font-size:15px; line-height:1.95; }
.calculator-data-table { margin-top:36px; border:1px solid var(--line); border-radius:18px; background:#fff; overflow:hidden; box-shadow:0 12px 30px rgba(111,61,28,.05); }
.calculator-data-row { display:grid; grid-template-columns:210px 1fr; border-top:1px solid var(--line); }
.calculator-data-row:first-child { border-top:0; }
.calculator-data-row>span,.calculator-data-row>strong { padding:17px 20px; font-size:14px; line-height:1.75; }
.calculator-data-row>strong { color:var(--brown); background:#fffaf6; }
.calculator-data-row>span { color:var(--muted); }
.calculator-data-row.is-head { color:#fff; background:#5b2b17; }
.calculator-data-row.is-head span { color:#fff; font-weight:800; }
.calculator-explain-grid { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.calculator-explain-grid article,.calculator-cost-grid article,.calculator-step-grid article { padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(111,61,28,.05); }
.calculator-explain-grid h3,.calculator-cost-grid h3,.calculator-step-grid h3 { margin:0 0 12px; font-size:19px; line-height:1.55; }
.calculator-explain-grid p,.calculator-cost-grid p,.calculator-step-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; }
.calculator-formula-grid { margin-top:36px; display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.calculator-formula-grid article { padding:26px; border:1px solid var(--line); border-radius:16px; background:#fffaf6; }
.calculator-formula-grid h3 { margin:0 0 14px; font-size:17px; }
.calculator-formula-grid code,.calculator-example code,.calculator-compare code { display:block; padding:14px 16px; border-radius:10px; color:#73300f; background:#ffeadb; font-family:inherit; font-size:15px; font-weight:800; line-height:1.7; }
.calculator-example { margin-top:26px; padding:34px; display:grid; grid-template-columns:1.25fr .75fr; gap:42px; align-items:center; border:1px solid #edc7aa; border-radius:20px; background:#fff; box-shadow:0 14px 35px rgba(111,61,28,.07); }
.calculator-example h3 { margin:7px 0 12px; font-size:24px; }
.calculator-example p { color:var(--muted); font-size:14px; line-height:1.9; }
.calculator-example dl { margin:0; }
.calculator-example dl div { padding:12px 0; display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); }
.calculator-example dt { color:var(--muted); font-size:13px; }
.calculator-example dd { margin:0; color:var(--ink); font-weight:800; }
.calculator-mistake-section { color:#fff; background:linear-gradient(135deg,#442113,#6f3015); }
.calculator-mistake-section .section-kicker { color:#ff9b52; }
.calculator-mistake-section .calculator-content-wrap>h2 { color:#fff; }
.calculator-mistake-section .calculator-section-lead { color:#ead8cc; }
.calculator-compare { margin-top:38px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.calculator-compare article { padding:30px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:rgba(255,255,255,.07); }
.calculator-compare article>span { display:inline-block; margin-bottom:13px; padding:5px 10px; border-radius:999px; color:#54250f; background:#ffd2af; font-size:11px; font-weight:900; }
.calculator-compare .is-wrong>span { color:#6e2d25; background:#ffd9d4; }
.calculator-compare h3 { margin:0 0 16px; font-size:21px; }
.calculator-compare p { margin:15px 0 0; color:#ead8cc; font-size:13px; line-height:1.8; }
.calculator-callout { margin:20px 0 0; padding:20px 22px; border-left:4px solid #ff8d3a; border-radius:8px; color:#ead8cc; background:rgba(0,0,0,.12); font-size:14px; line-height:1.9; }
.calculator-callout strong { color:#fff; }
.calculator-mistake-section .calculator-inline-cta { background:#fff; color:var(--orange-dark); }
.calculator-cost-grid { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.calculator-number-list { margin-top:38px; display:grid; gap:14px; }
.calculator-number-list article { padding:24px 28px; display:flex; align-items:flex-start; gap:20px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.calculator-number-list article>span { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:#fff; background:var(--orange-dark); font-size:12px; font-weight:900; }
.calculator-number-list h3 { margin:0 0 7px; font-size:18px; }
.calculator-number-list p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.calculator-step-grid { margin-top:38px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.calculator-step-grid article>span { display:block; margin-bottom:14px; color:var(--orange-dark); font-size:11px; font-weight:900; letter-spacing:.12em; }
.calculator-section { padding:64px clamp(20px,6vw,88px) 90px; background:#fffaf6; }
.calculator-shell { max-width:1240px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr); gap:28px; align-items:start; }
.calculator-shell>form,.calc-results { border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 12px 34px rgba(111,61,28,.07); }
.calculator-shell>form { padding:36px; }
.calc-group { padding-bottom:34px; margin-bottom:34px; border-bottom:1px solid var(--line); }
.calc-group-title { margin-bottom:24px; display:flex; align-items:flex-start; gap:14px; }
.calc-group-title>span { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,var(--orange),var(--orange-dark)); font-size:12px; font-weight:900; }
.calc-group-title h2 { margin:0 0 5px; font-size:22px; }
.calc-group-title p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.calc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.calc-field { display:block; color:var(--ink); font-size:14px; font-weight:800; }
.calc-field>span em { margin-left:7px; color:var(--orange-dark); font-size:10px; font-style:normal; }
.calc-field>div { height:50px; margin-top:8px; display:flex; align-items:center; border:1px solid #decabb; border-radius:10px; background:#fffdfb; overflow:hidden; }
.calc-field>div:focus-within { border-color:var(--orange); box-shadow:0 0 0 3px rgba(249,115,22,.14); }
.calc-field.has-error>div { border-color:#c74637; background:#fff9f8; }
.calc-field.has-error>div:focus-within { border-color:#c74637; box-shadow:0 0 0 3px rgba(199,70,55,.14); }
.calc-field input { min-width:0; width:100%; height:100%; padding:0 14px; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; font-size:16px; font-weight:700; }
.calc-field b { min-width:58px; padding:0 13px; color:var(--muted); font-size:12px; text-align:right; }
.calc-field small { display:block; margin-top:7px; color:#8d786a; font-size:11px; font-weight:500; line-height:1.65; }
.calc-field .field-error { color:#a23428; font-weight:700; }
.calc-field .field-error::before { content:"!"; width:16px; height:16px; margin-right:6px; display:inline-grid; place-items:center; border-radius:50%; color:#fff; background:#c74637; font-size:10px; }
.calc-error { margin:0 0 20px; padding:14px 16px; border:1px solid #f1c9c2; border-radius:10px; color:#922f24; background:#fff1ef; font-size:13px; font-weight:700; }
.calc-actions { display:flex; align-items:center; gap:18px; }
.calc-submit,.copy-result { min-height:52px; padding:13px 24px; border:0; border-radius:11px; color:#fff; background:var(--orange-dark); font:inherit; font-weight:800; cursor:pointer; box-shadow:0 10px 22px rgba(200,76,12,.2); }
.calc-submit { display:inline-flex; align-items:center; gap:28px; }
.calc-reset { min-height:44px; border:0; color:var(--muted); background:transparent; font:inherit; font-size:13px; font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.calc-submit:focus-visible,.calc-reset:focus-visible,.copy-result:focus-visible { outline:3px solid #ffb27a; outline-offset:3px; }
.calc-results { position:sticky; top:104px; padding:30px; }
.calc-results h2 { margin:6px 0 22px; font-size:27px; }
.result-placeholder { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed #e8c7ad; border-radius:16px; background:var(--cream); }
.result-placeholder span { width:58px; height:58px; display:grid; place-items:center; border-radius:16px; color:#fff; background:var(--orange); font-size:27px; font-weight:900; }
.result-placeholder p { max-width:280px; margin:18px 20px 0; color:var(--muted); font-size:13px; line-height:1.8; }
.main-results { display:grid; gap:10px; }
.main-results>div { padding:20px; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--orange),var(--orange-dark)); }
.main-results>div+div { color:var(--brown); background:var(--orange-soft); }
.main-results span,.main-results small,.main-results strong { display:block; }
.main-results span { font-size:12px; font-weight:800; }
.main-results strong { margin:6px 0; font-size:30px; }
.main-results small { opacity:.85; font-size:11px; }
.result-list { margin-top:18px; border-top:1px solid var(--line); }
.result-list>div { padding:13px 2px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); font-size:13px; }
.result-list span { color:var(--muted); }
.result-list b { color:var(--ink); text-align:right; }
.result-caution { margin:16px 0; padding:13px; border-radius:10px; color:var(--muted); background:var(--cream); font-size:11px; line-height:1.7; }
.copy-result { width:100%; min-height:46px; padding:10px 18px; background:#fff; color:var(--orange-dark); border:1px solid var(--orange-dark); box-shadow:none; }
.calc-info { max-width:1240px; margin:32px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.calc-info>section { padding:26px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.calc-info h2 { margin:0 0 16px; font-size:19px; }
.calc-info p,.calc-info li { color:var(--muted); font-size:13px; line-height:1.85; }
.calc-info p { margin:0; }.calc-info ul { margin:0; padding-left:20px; }.calc-info ol { margin:0; padding:0; display:grid; gap:12px; list-style:none; }
.calc-info ol li { display:flex; align-items:center; gap:10px; }
.calc-info ol span { width:27px; height:27px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--orange-dark); font-size:11px; font-weight:900; }
@media (max-width:900px) {
  .calculator-hero { padding:48px 24px; }
  .calculator-hero>img { width:120px; height:120px; border-radius:28px; }
  .calculator-shell { grid-template-columns:1fr; }
  .calc-results { position:static; }
  .calc-info { grid-template-columns:1fr; }
  .calculator-pain-grid { grid-template-columns:1fr; max-width:720px; }
  .calculator-value-section { grid-template-columns:1fr; gap:34px; }
  .calculator-explain-grid,.calculator-cost-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .calculator-hero { text-align:center; flex-direction:column-reverse; gap:20px; }
  .calculator-hero h1 { font-size:34px; }
  .tool-badges { justify-content:center; }
  .calculator-section { padding:36px 14px 60px; }
  .calculator-shell>form,.calc-results { padding:24px 18px; border-radius:17px; }
  .calc-grid { grid-template-columns:1fr; gap:18px; }
  .calc-actions { flex-direction:column; }
  .calc-submit { width:100%; justify-content:center; }
  .main-results strong { font-size:26px; }
  .calculator-hero-cta { width:100%; margin-top:22px; }
  .calculator-lp-section { padding:60px 18px; }
  .calculator-lp-section h2,.calculator-value-section h2,.calculator-final-cta h2 { font-size:29px; }
  .calculator-pain-grid { margin-top:30px; gap:13px; }
  .calculator-pain-grid article { padding:24px 21px; }
  .calculator-value-section { padding:58px 18px; }
  .calculator-value-grid article { padding:19px 17px; }
  .calculator-faq-list { margin-top:28px; }
  .calculator-faq-list summary { min-height:60px; padding:16px 17px; font-size:14px; }
  .calculator-faq-list details p { padding:0 17px 17px; font-size:13px; }
  .calculator-final-cta { padding:62px 18px; }
  .calculator-final-cta .primary-button { width:100%; }
  .calculator-lp-preview>img { margin-top:28px; border-radius:13px; }
  .calculator-lp-preview>.primary-button { width:100%; }
  .calculator-seo-section { padding:60px 18px; }
  .calculator-content-wrap>h2 { font-size:29px; }
  .calculator-data-row { grid-template-columns:1fr; }
  .calculator-data-row.is-head { display:none; }
  .calculator-data-row>strong { padding-bottom:7px; }
  .calculator-data-row>span { padding-top:4px; }
  .calculator-formula-grid,.calculator-compare,.calculator-step-grid,.calculator-example { grid-template-columns:1fr; }
  .calculator-example { padding:24px 20px; gap:26px; }
  .calculator-formula-grid article,.calculator-compare article { padding:22px 19px; }
  .calculator-number-list article { padding:20px 18px; }
  .calculator-inline-cta { width:100%; }
}
@media (max-width:390px) {
  .site-header { padding-left:12px; padding-right:12px; }
  nav { font-size:12px; }
  nav a { padding:0 3px; }
  .hero { padding-left:20px; padding-right:20px; }
  h1 { font-size:34px; letter-spacing:0; }
  .lead { font-size:15px; }
  .hero-visual { min-height:270px; }
  .hero-visual::before { width:270px; height:270px; }
  .tool-window { width:94%; }
  .window-top { height:38px; padding:14px; }
  .window-body { padding:28px 26px 30px; }
  .mini-icon { width:46px; height:46px; }
  .float-card { padding:10px 12px; font-size:12px; }
  .tools-section,.about-section { padding-left:20px; padding-right:20px; }
  .category-options { grid-template-columns:1fr; }
}

/* 計算ツール：PC・タブレット・スマートフォン最適化 */
@media (min-width:901px) and (max-width:1180px) {
  .calculator-section { padding-left:32px; padding-right:32px; }
  .calculator-shell { grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:20px; }
  .calculator-shell>form { padding:30px; }
  .calc-results { padding:26px; }
  .main-results strong { font-size:27px; }
}
@media (max-width:900px) {
  .calculator-hero { min-height:300px; }
  .calculator-section { padding:44px 24px 72px; }
  .calculator-shell { max-width:760px; gap:24px; }
  .calc-results { scroll-margin-top:145px; }
  .main-results { grid-template-columns:1fr 1fr; }
  .calc-info { max-width:760px; }
}
@media (max-width:600px) {
  .calculator-hero { min-height:auto; padding:34px 20px 38px; }
  .calculator-hero>img { width:104px; height:104px; border-radius:24px; }
  .calculator-hero h1 { margin:4px 0 14px; font-size:clamp(30px,9vw,36px); line-height:1.38; }
  .calculator-hero>div>p:not(.section-kicker) { font-size:14px; line-height:1.8; }
  .tool-badges { margin-top:18px; gap:7px; }
  .tool-badges span { padding:6px 10px; }
  .calculator-section { padding:28px 12px 56px; }
  .calculator-shell { gap:18px; }
  .calculator-shell>form,.calc-results { padding:22px 16px; box-shadow:0 8px 22px rgba(111,61,28,.06); }
  .calc-group { padding-bottom:27px; margin-bottom:27px; }
  .calc-group-title { margin-bottom:20px; gap:11px; }
  .calc-group-title>span { width:38px; height:38px; border-radius:10px; }
  .calc-group-title h2 { font-size:19px; }
  .calc-group-title p { font-size:12px; }
  .calc-field { font-size:13px; }
  .calc-field>div { height:54px; border-radius:11px; }
  .calc-field input { padding-left:13px; padding-right:8px; font-size:16px; }
  .calc-field b { min-width:50px; padding:0 11px; }
  .calc-field small { font-size:10px; }
  .calc-error { margin-bottom:16px; font-size:12px; line-height:1.7; }
  .calc-actions { gap:8px; }
  .calc-submit { min-height:56px; padding:14px 18px; gap:20px; }
  .calc-reset { width:100%; min-height:48px; }
  .calc-results { scroll-margin-top:125px; }
  .calc-results h2 { margin-bottom:18px; font-size:24px; }
  .result-placeholder { min-height:220px; }
  .main-results { grid-template-columns:1fr; }
  .main-results>div { padding:18px; }
  .main-results strong { overflow-wrap:anywhere; font-size:26px; }
  .result-list>div { min-height:51px; padding:12px 2px; align-items:flex-start; }
  .result-list span { max-width:58%; line-height:1.55; }
  .result-list b { max-width:42%; overflow-wrap:anywhere; line-height:1.55; }
  .result-caution { font-size:10px; }
  .copy-result { min-height:52px; }
  .calc-info { margin-top:18px; gap:14px; }
  .calc-info>section { padding:22px 18px; }
  .calc-info h2 { font-size:18px; }
}
@media (max-width:380px) {
  .calculator-section { padding-left:8px; padding-right:8px; }
  .calculator-shell>form,.calc-results { padding-left:14px; padding-right:14px; }
  .calc-group-title>span { width:34px; height:34px; }
  .calc-group-title h2 { font-size:18px; }
  .main-results strong { font-size:23px; }
  .result-list>div { display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .result-list span,.result-list b { max-width:none; }
}
.photo-report-intro { display:flex; align-items:center; justify-content:space-between; gap:48px; padding:58px clamp(24px,8vw,120px) 42px; background:linear-gradient(135deg,#fffaf5,#fff0e4); }
.photo-report-intro>div { max-width:760px; }
.photo-report-intro h1 { margin:8px 0 16px; font-size:clamp(32px,5vw,54px); line-height:1.35; letter-spacing:-.03em; }
.photo-report-intro p:not(.section-kicker) { margin:0; color:var(--muted); line-height:1.9; }
.photo-report-intro>img { width:clamp(110px,16vw,190px); height:clamp(110px,16vw,190px); object-fit:contain; filter:drop-shadow(0 18px 32px rgba(196,76,7,.16)); }
.photo-report-frame { display:block; width:100%; border:0; background:#f3f6f9; }
.voltage-tool-frame,.voltage-lp-frame,.wire-size-tool-frame,.electrical-work-schedule-frame,.construction-photo-ledger-frame,.construction-daily-report-frame,.construction-cost-manager-frame,.renovation-schedule-frame,.renovation-schedule-lp-frame,.renovation-estimate-maker-frame,.renovation-estimate-maker-lp-frame{display:block;width:100%;border:0;background:#fff}
@media (max-width:720px) { .photo-report-intro { align-items:flex-start; flex-direction:column-reverse; gap:18px; padding:38px 20px 28px; text-align:center; } .photo-report-intro>img { width:92px; height:92px; margin:auto; } .photo-report-intro h1 { font-size:30px; } .photo-report-intro .tool-badges { justify-content:center; } }

/* 写真付き作業報告書メーカー LP */
.report-breadcrumb { padding:14px clamp(24px,8vw,120px); display:flex; gap:9px; align-items:center; border-bottom:1px solid #f1dfd1; color:#8a6655; background:#fffaf6; font-size:12px; }
.report-breadcrumb a { color:var(--orange-dark); text-decoration:none; font-weight:800; }
.report-lp-hero { min-height:620px; padding:72px clamp(24px,8vw,120px); display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:64px; background:radial-gradient(circle at 82% 36%,#ffd7b9 0,transparent 28%),linear-gradient(120deg,#fffaf5,#fff0e3); overflow:hidden; }
.report-lp-copy h1 { margin:10px 0 22px; font-size:clamp(42px,5.2vw,68px); line-height:1.3; letter-spacing:-.035em; }
.report-lp-copy h1 em { color:var(--orange-dark); font-style:normal; background:linear-gradient(transparent 76%,#ffc79f 0); }
.report-lp-copy>p:not(.section-kicker) { max-width:680px; margin:0; color:var(--muted); font-size:16px; line-height:2; }
.report-lp-cta { width:fit-content; margin-top:28px; gap:30px; }
.report-cta-note { margin:10px 0 0!important; color:#7c523d!important; font-size:12px!important; font-weight:800; line-height:1.6!important; }
.report-lp-visual { min-height:440px; position:relative; display:grid; place-items:center; }
.report-lp-visual>img { width:92px; height:92px; position:absolute; z-index:2; top:8px; left:5%; border-radius:24px; box-shadow:0 18px 38px rgba(200,76,12,.18); }
.report-paper { width:min(100%,460px); padding:34px; position:relative; transform:rotate(-2deg); border:1px solid #ecd2be; border-radius:18px; background:#fff; box-shadow:0 28px 60px rgba(91,43,23,.16); }
.report-paper-head { padding-bottom:20px; display:flex; align-items:center; gap:14px; border-bottom:4px solid #d54b06; }
.report-paper-head i { width:34px; height:34px; border-radius:9px; background:#ff7a1a; }
.report-paper-head b { color:#2f211a; font-size:23px; }
.report-paper-lines { padding:24px 0; display:grid; gap:10px; }.report-paper-lines span { height:10px; border-radius:5px; background:#f0e7df; }.report-paper-lines span:nth-child(2) { width:78%; }.report-paper-lines span:nth-child(3) { width:58%; }
.report-paper-photos { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.report-paper-photos i { height:128px; padding:14px; display:flex; align-items:flex-end; color:#6f3015; border-radius:10px; background:linear-gradient(145deg,#fde5d3,#f5bc91); font-size:12px; font-style:normal; font-weight:800; }.report-paper-photos i+i { background:linear-gradient(145deg,#ffe8d6,#fd9851); }
.report-float-tag { position:absolute; z-index:3; padding:12px 16px; border:1px solid #efd5c1; border-radius:12px; color:#6f3015; background:#fff; box-shadow:0 12px 25px rgba(91,43,23,.1); font-size:12px; font-weight:900; }.report-float-tag.is-photo { right:-2%; top:78px; }.report-float-tag.is-pdf { left:-2%; bottom:54px; }
.report-lp-section { padding:92px clamp(24px,7vw,104px); text-align:center; }.report-lp-section.is-tinted { background:#fff8f2; }
.report-template-note { padding:38px clamp(24px,8vw,120px); display:flex; align-items:center; justify-content:space-between; gap:40px; border-top:1px solid #f1d6c2; border-bottom:1px solid #f1d6c2; background:#fff; }
.report-template-note>div { max-width:820px; }.report-template-note h2 { margin:5px 0 10px; font-size:clamp(24px,3vw,34px); }.report-template-note p:not(.section-kicker) { margin:0; color:var(--muted); line-height:1.9; }.report-template-note .report-lp-cta { flex:0 0 auto; margin-top:0; }
.report-lp-section>h2,.report-lp-value h2,.report-data-section h2 { margin:10px 0 18px; font-size:clamp(30px,4vw,46px); line-height:1.45; }.report-lp-lead { max-width:780px; margin:0 auto; color:var(--muted); font-size:15px; line-height:1.95; }
.report-sample-section { background:linear-gradient(180deg,#fff,#fff9f4); }.report-sample-grid { max-width:1120px; margin:42px auto 0; display:grid; grid-template-columns:1fr 1fr .78fr; gap:22px; align-items:stretch; text-align:left; }.report-sample-grid figure { margin:0; padding:18px; border:1px solid #ecd5c4; border-radius:18px; background:#fff; box-shadow:0 14px 35px rgba(111,61,28,.07); }.report-sample-grid figcaption { padding:14px 4px 2px; color:#654534; font-size:12px; font-weight:800; line-height:1.6; }
.sample-sheet { min-height:330px; padding:26px; display:flex; flex-direction:column; gap:12px; border:1px solid #d7dce2; background:#fff; box-shadow:0 7px 18px rgba(42,51,65,.08); }.sample-sheet strong { padding-bottom:13px; border-bottom:3px solid var(--orange-dark); color:#30241f; font-size:18px; }.sample-meta { width:100%; height:10px; border-radius:3px; background:#e8ecef; }.sample-meta.short { width:65%; }.sample-sheet>div { margin-top:12px; display:grid; gap:10px; flex:1; }.sample-sheet.two-column>div { grid-template-columns:1fr 1fr; }.sample-sheet.one-column>div { grid-template-columns:1fr; }.sample-sheet i { padding:14px; display:flex; align-items:flex-end; min-height:175px; color:#733216; background:linear-gradient(145deg,#eedfd4,#f6b17e); font-size:11px; font-style:normal; font-weight:900; }.sample-sheet i+i { background:linear-gradient(145deg,#e9ddd5,#fc8d3d); }
.sample-device { min-height:330px; padding:24px 18px; display:flex; flex-direction:column; gap:13px; border:8px solid #3e2a20; border-radius:24px; background:#fffaf6; box-shadow:0 9px 20px rgba(42,30,24,.12); }.sample-device span { margin-bottom:5px; color:#34271f; font-weight:900; }.sample-device i { height:42px; border:1px solid #dfcbbb; border-radius:8px; background:#fff; }.sample-device b { margin-top:auto; padding:13px; border-radius:9px; color:#fff; background:var(--orange-dark); text-align:center; font-size:12px; }
.report-pain-grid { max-width:1120px; margin:44px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:left; }.report-pain-grid article { padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(111,61,28,.06); }.report-pain-grid span { color:var(--orange-dark); font-size:12px; font-weight:900; letter-spacing:.14em; }.report-pain-grid h3 { margin:12px 0; font-size:20px; }.report-pain-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.9; }
.report-lp-value { padding:84px clamp(24px,7vw,104px); display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; color:#fff; background:linear-gradient(135deg,#452014,#6d2e13); }.report-lp-value .section-kicker { color:#ff9b52; }.report-lp-value h2 { color:#fff; }.report-lp-value>div:first-child>p:not(.section-kicker) { color:#ead8cc; line-height:1.9; }.report-lp-value .report-lp-cta { color:#6d2e13; background:#fff; }
.report-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.report-feature-grid article { padding:22px; display:flex; gap:16px; text-align:left; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.06); }.report-feature-grid article>span { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:11px; background:var(--orange-dark); font-size:11px; font-weight:900; }.report-feature-grid h3 { margin:0 0 7px; font-size:17px; }.report-feature-grid p { margin:0; color:#ead8cc; font-size:13px; line-height:1.8; }
.report-use-grid { max-width:1120px; margin:40px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; text-align:left; }.report-use-grid article { padding:26px 23px; border-top:4px solid var(--orange); border-radius:0 0 16px 16px; background:#fff; box-shadow:0 10px 28px rgba(111,61,28,.06); }.report-use-grid h3 { margin:0 0 10px; font-size:18px; }.report-use-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.report-definition { background:#fff; }.report-text-block { max-width:920px; margin:34px auto 0; padding:34px 38px; border-left:5px solid var(--orange); border-radius:0 16px 16px 0; background:#fff8f2; text-align:left; }.report-text-block p { margin:0; color:#5e4437; font-size:15px; line-height:2; }.report-text-block p+p { margin-top:14px; }
.report-item-list { max-width:1020px; margin:38px auto 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; list-style:none; text-align:left; }.report-item-list li { padding:15px 16px 15px 42px; position:relative; border:1px solid #ead5c5; border-radius:11px; background:#fff; color:#51392d; font-size:13px; font-weight:750; }.report-item-list li::before { content:"✓"; position:absolute; left:16px; top:14px; color:var(--orange-dark); font-weight:900; }.report-caution { max-width:900px; margin:24px auto 0; padding:15px 18px; border-radius:10px; color:#70452f; background:#ffeadc; font-size:12px; line-height:1.8; }
.report-step-grid { max-width:1120px; margin:42px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; text-align:left; }.report-step-grid article { padding:27px 24px; border:1px solid var(--line); border-radius:17px; background:#fff; }.report-step-grid span { color:var(--orange-dark); font-size:11px; font-weight:900; letter-spacing:.12em; }.report-step-grid h3 { margin:13px 0 10px; font-size:18px; }.report-step-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }.report-lp-section>.report-lp-cta { margin:36px auto 0; }
.report-data-section { padding:78px clamp(24px,9vw,140px); display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; background:#fff1e6; }.report-data-section>div:last-child { padding:30px; border:1px solid #ecc7aa; border-radius:18px; background:#fff; }.report-data-section p { margin:0; color:var(--muted); line-height:1.95; }.report-data-section ul { margin:20px 0 0; padding-left:22px; color:#5a3929; line-height:2; }.report-faq-section { background:#fff; }
@media (max-width:900px) { .report-lp-hero { grid-template-columns:1fr; gap:24px; text-align:center; }.report-lp-copy>p:not(.section-kicker) { margin-inline:auto; }.report-lp-copy .report-lp-cta { margin-inline:auto; }.report-lp-copy .tool-badges { justify-content:center; }.report-lp-visual { min-height:390px; }.report-template-note { align-items:flex-start; flex-direction:column; }.report-template-note .report-lp-cta { margin-top:0; }.report-sample-grid { grid-template-columns:1fr 1fr; }.report-sample-grid figure:last-child { grid-column:1/-1; }.sample-device { max-width:420px; margin:auto; }.report-pain-grid { grid-template-columns:1fr; }.report-lp-value { grid-template-columns:1fr; gap:36px; }.report-use-grid,.report-step-grid { grid-template-columns:repeat(2,1fr); }.report-item-list { grid-template-columns:repeat(2,1fr); }.report-data-section { grid-template-columns:1fr; gap:25px; } }
@media (max-width:600px) { .report-breadcrumb { padding:11px 18px; }.report-lp-hero { min-height:auto; padding:52px 18px 58px; }.report-lp-copy h1 { font-size:34px; }.report-lp-copy>p:not(.section-kicker) { font-size:14px; }.report-lp-copy .report-lp-cta { width:100%; }.report-lp-visual { min-height:315px; }.report-paper { padding:23px; }.report-paper-head b { font-size:18px; }.report-paper-photos i { height:94px; }.report-lp-visual>img { width:68px; height:68px; top:2px; }.report-float-tag.is-photo { right:0; top:50px; }.report-float-tag.is-pdf { left:0; bottom:25px; }.report-template-note { padding:32px 18px; }.report-template-note .report-lp-cta { width:100%; }.report-lp-section { padding:62px 18px; }.report-lp-section>h2,.report-lp-value h2,.report-data-section h2 { font-size:29px; }.report-sample-grid { grid-template-columns:1fr; }.report-sample-grid figure:last-child { grid-column:auto; }.sample-sheet,.sample-device { min-height:300px; }.report-pain-grid { margin-top:30px; }.report-pain-grid article { padding:24px 21px; }.report-lp-value { padding:60px 18px; }.report-feature-grid,.report-use-grid,.report-step-grid,.report-item-list { grid-template-columns:1fr; }.report-text-block { padding:25px 22px; }.report-lp-value .report-lp-cta,.report-lp-section>.report-lp-cta { width:100%; }.report-data-section { padding:58px 18px; }.report-data-section>div:last-child { padding:24px 20px; } }

/* コンテンツ共通テンプレート */
.shared-site-header nav { gap:26px; }
.content-breadcrumbs { max-width:1120px; margin:0 auto; padding:20px 0; font-size:13px; }
.content-breadcrumbs ol { margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; color:var(--muted); list-style:none; }
.content-breadcrumbs li { display:flex; align-items:center; gap:8px; }.content-breadcrumbs li:not(:last-child)::after { content:"/"; color:#b9a79b; }
.content-breadcrumbs a { min-height:44px; display:inline-flex; align-items:center; color:var(--orange-dark); text-decoration:underline; text-underline-offset:3px; }
.content-page :is(a,button,input,select):focus-visible { outline:3px solid var(--ink); outline-offset:2px; box-shadow:0 0 0 5px #ffb27a; }
.content-hero { padding:80px clamp(24px,8vw,120px); background:linear-gradient(135deg,#fffaf5,#fff1e6); border-bottom:1px solid #f4e2d5; }
.content-hero>div { max-width:1120px; margin:0 auto; }.content-hero h1 { max-width:900px; margin:14px 0 20px; font-size:clamp(42px,5vw,60px); line-height:1.35; }
.content-hero>div>p:last-child { max-width:760px; margin:0; color:var(--muted); font-size:17px; line-height:1.9; }
.content-industry-nav,.content-directory-section,.content-list-section,.content-related-articles,.content-related-industries,.content-soft-section { padding:80px clamp(24px,8vw,120px); }
.preview-banner { margin:0; padding:10px 24px; background:#fff2e8; border-bottom:1px solid #f4c9a9; color:#793b12; text-align:center; font-size:13px; font-weight:700; }
.content-section-heading,.content-result-heading,.content-card-grid,.content-industry-grid,.content-process-grid { width:100%; max-width:1120px; margin-inline:auto; }
.content-section-heading,.content-result-heading { margin-bottom:30px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.content-section-heading h2,.content-result-heading h2 { margin:8px 0 0; }.content-result-heading span { color:var(--orange-dark); font-size:14px; font-weight:800; }
.content-industry-grid,.content-card-grid,.content-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.content-industry-grid>a,.content-process-grid article { padding:26px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.content-industry-grid>a { min-height:150px; display:flex; flex-direction:column; }.content-industry-grid strong { font-size:21px; }.content-industry-grid span { margin-top:12px; color:var(--muted); font-size:14px; line-height:1.8; }
.content-filter { max-width:1120px; margin:0 auto 50px; padding:28px; display:grid; grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(170px,.75fr)) minmax(120px,.45fr) minmax(130px,.5fr); gap:16px; align-items:end; border:1px solid var(--line); border-radius:18px; background:var(--cream); }
.content-filter label>span { display:block; margin-bottom:8px; color:var(--brown); font-size:13px; font-weight:800; }
.content-filter input,.content-filter select { width:100%; height:52px; padding:0 15px; border:1px solid #ddc9bb; border-radius:10px; color:var(--ink); background:#fff; font:inherit; }
.content-filter .primary-button { border:0; cursor:pointer; font:inherit; white-space:nowrap; box-shadow:none; }
.content-filter .primary-button,.content-reset-button { width:100%; }
.content-reset-button { min-height:52px; padding:0 18px; border:1px solid var(--orange-dark); border-radius:10px; color:var(--orange-dark); background:#fff; font:inherit; font-weight:800; cursor:pointer; white-space:nowrap; }
.content-search-note { grid-column:1/-1; margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.content-card { overflow:hidden; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(111,61,28,.06); }
.content-card-image { aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden; color:#9b6b4b; background:linear-gradient(135deg,#fff1e6,#ffe0c8); font-size:12px; font-weight:900; letter-spacing:.12em; }
.content-card-image img { width:100%; height:100%; object-fit:cover; }.content-card-body { padding:26px; display:flex; flex:1; flex-direction:column; }
.content-industry-label { width:fit-content; min-height:32px; padding:5px 10px; display:inline-flex; align-items:center; border-radius:999px; color:var(--orange-dark); background:var(--orange-soft); font-size:12px; font-weight:800; }
.content-card h3 { margin:15px 0 10px; font-size:21px; line-height:1.55; }.content-card-body>p { margin:0 0 16px; color:var(--muted); font-size:14px; line-height:1.8; }
.content-card-dates { margin:auto 0 16px; display:flex; flex-wrap:wrap; gap:8px 16px; color:var(--muted); font-size:12px; }.content-card-dates div { display:flex; gap:6px; }.content-card-dates dt { font-weight:800; }.content-card-dates dd { margin:0; }
.content-card-link { min-height:44px; display:inline-flex; align-items:center; gap:8px; color:var(--orange-dark); font-size:14px; font-weight:800; }
.content-empty { max-width:1120px; min-height:220px; margin:0 auto; padding:42px; display:grid; place-items:center; border:1px dashed #dfc5b4; border-radius:18px; color:var(--muted); background:#fffaf6; text-align:center; }.content-empty p { margin:0; line-height:1.9; }
.content-pagination { margin:38px auto 0; display:flex; justify-content:center; gap:10px; }.content-pagination button { width:46px; height:46px; border:1px solid var(--line); border-radius:10px; color:var(--brown); background:#fff; font:inherit; font-weight:800; cursor:pointer; }.content-pagination button[aria-current="page"] { border-color:var(--orange-dark); color:#fff; background:var(--orange-dark); }
.content-two-column-section { max-width:1120px; margin:0 auto; padding:80px 0; display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; }
.content-check-list { margin:0; padding:0; display:grid; gap:12px; list-style:none; }.content-check-list li { position:relative; padding:18px 20px 18px 48px; border:1px solid var(--line); border-radius:14px; color:var(--muted); line-height:1.8; }.content-check-list li::before { content:""; position:absolute; top:25px; left:22px; width:10px; height:10px; border-radius:50%; background:var(--orange); }
.content-soft-section,.content-related-articles,.content-related-industries { background:var(--cream); border-block:1px solid #f6e7db; }
.content-process-grid h3 { margin:0 0 16px; font-size:21px; }.content-process-grid ul { margin:0; padding-left:1.3em; color:var(--muted); line-height:1.9; }
.content-related-industries>div { max-width:1120px; margin:0 auto; display:flex; flex-wrap:wrap; gap:12px; }.content-related-industries h2 { max-width:1120px; margin:0 auto 24px; }.content-related-industries a { min-height:48px; padding:11px 16px; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:999px; color:var(--orange-dark); background:#fff; font-weight:800; }
.article-header { max-width:920px; margin:0 auto; padding:64px 0 52px; }.article-header h1 { margin:18px 0 20px; font-size:clamp(38px,5vw,58px); line-height:1.4; }.article-summary { margin:0; color:var(--muted); font-size:18px; line-height:1.9; }
.article-meta { margin:24px 0 0; display:flex; flex-wrap:wrap; gap:10px 24px; color:var(--muted); font-size:13px; }.article-meta div { display:flex; gap:8px; }.article-meta dt { font-weight:800; }.article-meta dd { margin:0; }.article-main-image { width:100%; margin-top:40px; aspect-ratio:16/9; object-fit:cover; border-radius:20px; }
.article-c084 .article-main-image { height:auto; aspect-ratio:auto; object-fit:contain; }
.article-c059 .article-main-image { height:auto; aspect-ratio:3/2; object-fit:contain; }
.article-c060 .article-main-image { height:auto; aspect-ratio:1332/697; object-fit:contain; }
.article-c060 .article-exact-body :is(h2[id],h3[id]) { scroll-margin-top:120px; }
.content-card-image img[src="/contents/free-furniture-layout-apps/eyecatch.webp"] { object-fit:contain; }
.article-c059 .article-exact-body :is(h2[id],h3[id]) { scroll-margin-top:120px; }
.content-card-image:has(img[src="/contents/furniture-opening-clearance/featured-image.webp"]) { position:relative; }
.content-card-image img[src="/contents/furniture-opening-clearance/featured-image.webp"] { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.article-layout { max-width:1120px; margin:0 auto; padding:0 0 90px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:70px; align-items:start; }.article-body { min-width:0; }
.article-lead { margin:0 0 50px; padding:26px 28px; border-left:4px solid var(--orange); color:var(--ink); background:var(--cream); font-size:17px; line-height:2; }
.article-lead p { margin:0; }
.article-lead p+p { margin-top:22px; }
.article-exact-body>section { scroll-margin-top:120px; margin:0 0 54px; }
.article-exact-body>section>h2,.article-exact-body>h2 { margin:0 0 22px; padding-bottom:14px; border-bottom:2px solid var(--line); font-size:32px; line-height:1.5; }
.article-exact-body>section>h3,.article-exact-body>h3 { margin:34px 0 14px; color:var(--ink); font-size:23px; font-weight:700; line-height:1.6; }
.article-exact-body>section>p,.article-exact-body>p { margin:0 0 20px; color:var(--muted); font-size:16px; line-height:2; }
.article-exact-body>section>p:empty,.article-exact-body>p:empty { display:none; }
.article-exact-body :is(.article-c022-inline-link,.article-inline-tool-link) { margin:24px 0; padding:22px; border:1px solid #edcdb6; border-radius:16px; background:var(--orange-soft); }
.article-exact-body :is(.article-c022-inline-link,.article-inline-tool-link) a { display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--orange-dark); font-weight:800; text-decoration:none; }
.article-exact-body #summary .article-c022-cta-button { width:calc(50% - 8px); margin:12px 0 0; display:inline-flex; vertical-align:top; }
.article-exact-body #summary .article-c022-cta-button+.article-c022-cta-button { margin-left:12px; }
.article-exact-body .article-c022-cta-button a { display:flex; width:100%; min-height:52px; align-items:center; justify-content:center; padding:13px 26px; border-radius:10px; white-space:normal; text-align:center; text-decoration:none; line-height:1.5; }
.article-exact-body .article-c022-reference-list { margin:24px 0 28px; padding:0; display:grid; gap:12px; list-style:none; }
.article-exact-body .article-c022-reference-list li { padding:17px 20px; border:1px solid #ead5c5; border-radius:14px; background:#fffaf6; overflow-wrap:anywhere; }
.article-exact-body .article-c022-reference-list a { color:var(--orange-dark); font-weight:700; }
.article-exact-body strong { color:var(--ink); font-weight:800; }
.article-prompt-template { max-width:100%; margin:24px 0 28px; overflow:hidden; border:1px solid #e9d2c1; border-radius:16px; background:#fffaf5; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-prompt-template pre { max-width:100%; margin:0; padding:24px; overflow-x:auto; color:var(--ink); font:400 15px/1.9 "Noto Sans JP","Yu Gothic",Meiryo,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; }
.article-c029 .article-exact-body>section>ul:not([class])>li { padding-left:22px; }
.article-c029 .article-exact-body>section>ul:not([class])>li::before { width:6px; height:6px; top:27px; left:4px; border-radius:50%; background:var(--orange); }
.article-c029 .article-exact-body>section>ul:not([class])>li::after { display:none; }
.article-c029 .article-exact-body>#section-7>p:nth-of-type(2) { margin:24px 0 28px; padding:20px 22px; border:1px solid #edcdb6; border-left:4px solid var(--orange-dark); border-radius:14px; background:var(--orange-soft); color:var(--ink); }
.article-c029 .article-exact-body>#article-cta { display:flex; }
.article-exact-body>section.article-caution,
.article-exact-body>section.article-cta { display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:54px 0; padding:28px; border:1px solid #edcdb6; border-radius:18px; background:var(--orange-soft); }
.article-exact-body>section.article-caution>h2,
.article-exact-body>section.article-cta>h2 { margin:0 0 2px; padding:0; border:0; font-size:23px; }
.article-exact-body>section.article-caution>p,
.article-exact-body>section.article-cta>p { margin:0; }
.article-exact-body>section.article-cta>ul { margin:4px 0; }
.article-exact-body>section.article-cta .primary-button,
.article-exact-body>section.article-cta .content-secondary-button { display:inline-flex; width:100%; min-height:52px; align-items:center; justify-content:center; padding:13px 26px; border-radius:10px; white-space:normal; text-align:center; text-decoration:none; line-height:1.5; }
.article-exact-body>section.article-references>p { overflow-wrap:anywhere; }
.article-important-text,
.article-exact-body>section>p strong,
.article-exact-body>p strong,
.article-c053 .article-subsection>p strong {
  color:var(--ink);
  font-family:inherit;
  font-weight:800;
  padding:0 .08em .04em;
  background:linear-gradient(transparent 58%,rgba(255,178,122,.5) 58%);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.article-exact-body .article-action-list { margin:24px 0 28px; }
.article-c034-inline-cta { margin:34px 0 10px; padding:26px 28px; border:1px solid #edcdb6; border-radius:18px; background:var(--orange-soft); }
.article-exact-body>section>.article-c034-inline-cta p { margin:0; color:var(--muted); line-height:2; }
.article-c034-inline-cta a { color:var(--orange-dark); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.article-answer-summary{margin:0 0 28px;padding:26px 28px;border:1px solid #f0ded0;border-radius:16px;background:#fffaf5;box-shadow:0 8px 24px rgba(87,48,25,.06)}
.article-answer-summary .article-answer-label{margin:20px 0 8px;font-size:15px;line-height:1.6;color:#735f52}
.article-answer-summary .article-answer-points{display:grid;gap:8px;margin:0;padding-left:1.4em;list-style:disc}
.article-answer-summary .article-answer-points li{padding-left:3px;line-height:1.75;overflow-wrap:anywhere}
.article-answer-summary .article-answer-points li::marker{color:#c84c0c}
.article-answer-summary .article-answer-tools{margin-top:20px;padding-top:16px;border-top:1px solid #f0ded0}
.article-answer-summary .article-answer-tools .article-answer-label{margin-top:0}
.article-answer-tools a{display:inline-block;padding:6px 0;color:#a84008;font-weight:700;line-height:1.65;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-answer-tools a:focus-visible{outline:2px solid #c84c0c;outline-offset:4px;border-radius:2px}
.article-answer-summary .section-kicker{margin:0 0 6px}.article-answer-summary h2{margin:0 0 12px!important;font-size:clamp(24px,3vw,30px)!important}.article-answer-summary>p:not(.section-kicker){margin:0;line-height:1.9}.article-answer-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0}.article-answer-summary dl div{min-width:0;padding:14px 16px;border:1px solid #f0ded0;border-radius:12px;background:#fff}.article-answer-summary dt{margin-bottom:5px;color:#735f52;font-size:13px;font-weight:700}.article-answer-summary dd{margin:0;font-weight:700;line-height:1.65;overflow-wrap:anywhere}
.article-body>section { scroll-margin-top:120px; margin:0 0 54px; }.article-body>section h2 { margin:0 0 22px; padding-bottom:14px; border-bottom:2px solid var(--line); font-size:32px; line-height:1.5; }.article-body>section p { margin:0 0 20px; color:var(--muted); font-size:16px; line-height:2; }
.article-body>section>ul,.article-subsection ul { margin:0 0 24px; padding-left:1.4em; color:var(--muted); line-height:1.9; }.article-body>section>ul li+li,.article-subsection li+li { margin-top:8px; }
.article-bullet-list,.article-exact-body>section>ul:not([class]) { margin:24px 0 28px!important; padding:8px 22px!important; display:grid; gap:0; border:1px solid #ead5c5; border-radius:16px; color:var(--ink)!important; background:#fffaf6; box-shadow:0 8px 24px rgba(94,57,36,.04); list-style:none; }
.article-bullet-list>li,.article-exact-body>section>ul:not([class])>li { min-width:0; margin:0!important; padding:15px 4px 15px 34px; position:relative; border-bottom:1px solid #f0ded0; }
.article-bullet-list>li:last-child,.article-exact-body>section>ul:not([class])>li:last-child { border-bottom:0; }
.article-bullet-list>li::before,.article-exact-body>section>ul:not([class])>li::before { content:""; width:20px; height:20px; position:absolute; top:18px; left:2px; border-radius:7px; background:var(--orange-soft); }
.article-bullet-list>li::after,.article-exact-body>section>ul:not([class])>li::after { content:""; width:8px; height:4px; position:absolute; top:24px; left:8px; border-left:2px solid var(--orange-dark); border-bottom:2px solid var(--orange-dark); transform:rotate(-45deg); }
.article-exact-body .article-bullet-list>li { padding-left:22px; }
.article-exact-body .article-bullet-list>li::before { width:6px; height:6px; top:27px; left:4px; border-radius:50%; background:var(--orange); }
.article-exact-body .article-bullet-list>li::after { display:none; }
.article-bullet-list .article-list-heading,.article-bullet-list>li>div>strong,.article-exact-body>section>ul:not([class])>li>strong { margin:0; color:var(--ink); font-size:15px; font-weight:700; line-height:1.8; overflow-wrap:anywhere; }
.article-c049 .article-exact-body>h2 { scroll-margin-top:120px; }
.article-c049 .article-exact-body>ul:not([class]) { margin:24px 0 28px; padding:8px 22px; display:grid; gap:0; border:1px solid #ead5c5; border-radius:16px; color:var(--ink); background:#fffaf6; box-shadow:0 8px 24px rgba(94,57,36,.04); list-style:none; }
.article-c049 .article-exact-body>ul:not([class])>li { min-width:0; margin:0; padding:15px 4px 15px 34px; position:relative; border-bottom:1px solid #f0ded0; line-height:1.8; overflow-wrap:anywhere; }
.article-c049 .article-exact-body>ul:not([class])>li:last-child { border-bottom:0; }
.article-c049 .article-exact-body>ul:not([class])>li::before { content:""; width:20px; height:20px; position:absolute; top:18px; left:2px; border-radius:7px; background:var(--orange-soft); }
.article-c049 .article-exact-body>ul:not([class])>li::after { content:""; width:8px; height:4px; position:absolute; top:24px; left:8px; border-left:2px solid var(--orange-dark); border-bottom:2px solid var(--orange-dark); transform:rotate(-45deg); }
.article-c049 .article-table-wrap { max-width:100%; margin:26px 0 30px; overflow-x:auto; border:1px solid #e9d2c1; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-c049 .article-table-wrap table { width:100%; min-width:660px; border-collapse:collapse; color:var(--muted); font-size:14px; line-height:1.75; }
.article-c049 .article-table-wrap th,.article-c049 .article-table-wrap td { padding:15px 17px; border-top:1px solid #f1e3d8; border-right:1px solid #f1e3d8; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.article-c049 .article-table-wrap th:last-child,.article-c049 .article-table-wrap td:last-child { border-right:0; }
.article-c049 .article-table-wrap thead th { border-top:0; color:var(--brown); background:#fffaf6; font-weight:800; }
.article-example-card { position:relative; margin:24px 0 28px; padding:24px 26px 22px; border:1px solid #ead5c5; border-left:4px solid var(--orange); border-radius:0 16px 16px 0; background:#fffaf6; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-example-card .article-example-label { display:inline-flex; align-items:center; min-height:28px; margin:0 0 12px; padding:4px 12px; border-radius:999px; color:var(--orange-dark); background:var(--orange-soft); font-size:13px; font-weight:800; letter-spacing:.04em; }
.article-body>section .article-example-card p,
.article-c043 .article-example-card p { margin:0; color:var(--ink); line-height:1.9; overflow-wrap:anywhere; word-break:normal; }
.article-body>section .article-example-card p+p,
.article-c043 .article-example-card p+p { margin-top:8px; }
.article-figure { margin:30px 0 32px; }
.article-figure>figcaption { display:block; margin:0 0 12px; padding:2px 2px 0; color:var(--muted); font-size:13px; line-height:1.8; overflow:visible; overflow-wrap:anywhere; }
.article-figure img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:18px; background:#fff; }
.article-related-link { margin:28px 0 32px; padding:22px 24px; border:1px solid #ead5c5; border-radius:16px; background:#fffaf6; }
.article-related-link { position:relative; padding-left:58px; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-related-link::before { content:""; position:absolute; top:24px; left:24px; width:18px; height:18px; border:2px solid var(--orange-dark); border-radius:50%; background:var(--orange-soft); }
.article-related-link::after { content:""; position:absolute; top:31px; left:31px; width:7px; height:4px; border-left:2px solid var(--orange-dark); border-bottom:2px solid var(--orange-dark); transform:rotate(-45deg); }
.article-related-link p { margin:0 0 10px!important; color:var(--muted); font-size:14px!important; line-height:1.8!important; }
.article-related-link a { display:inline-flex; align-items:center; gap:10px; color:var(--orange-dark); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.article-c059 .article-c059-link-label { display:block; margin-bottom:8px; color:var(--muted); font-size:14px; line-height:1.8; }
.article-c059 .article-c059-image-card { padding:20px; }
.article-c059 .article-c059-image-card::before, .article-c059 .article-c059-image-card::after { content:none; }
.article-c059 .article-c059-image-card > a { display:grid; grid-template-columns:160px minmax(0,1fr); gap:20px; align-items:center; width:100%; text-decoration:none; }
.article-c059 .article-c059-image-card img { display:block; width:100%; height:auto; margin:0; border-radius:8px; }
.article-c059 .article-c059-image-card .article-c059-link-label { font-weight:400; }
.article-c059 .article-c059-link-title { text-decoration:underline; text-underline-offset:4px; }
@media (max-width:600px) { .article-c059 .article-c059-image-card > a { grid-template-columns:1fr; gap:14px; } }
.article-c054 .article-exact-body #section-9 + .article-bullet-list { padding:0!important; gap:12px; border:0; background:transparent; box-shadow:none; }
.article-c054 .article-exact-body #section-9 + .article-bullet-list li { padding:0; border:0; }
.article-c054 .article-exact-body #section-9 + .article-bullet-list li::before,
.article-c054 .article-exact-body #section-9 + .article-bullet-list li::after { display:none; }
.article-c054 .article-exact-body #section-9 + .article-bullet-list a { min-height:64px; padding:16px 64px 16px 18px; position:relative; display:flex; align-items:center; border:1px solid #e8cdb9; border-radius:14px; color:var(--ink); background:#fffaf6; box-shadow:0 8px 22px rgba(94,57,36,.05); font-weight:700; line-height:1.7; text-decoration:none; transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.article-c054 .article-exact-body #section-9 + .article-bullet-list a::after { content:"→"; width:34px; height:34px; position:absolute; top:50%; right:16px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--orange-dark); font-size:18px; line-height:1; transform:translateY(-50%); }
.article-c054 .article-exact-body #section-9 + .article-bullet-list a:hover { border-color:var(--orange-dark); background:#fff; box-shadow:0 12px 28px rgba(111,61,28,.1); transform:translateY(-1px); }
.article-c054 .article-exact-body #section-9 + .article-bullet-list a:focus-visible { outline:3px solid rgba(232,95,22,.3); outline-offset:3px; }
@media (max-width:640px) {
  .article-c054 .article-exact-body #section-9 + .article-bullet-list a { min-height:58px; padding:14px 56px 14px 15px; font-size:14px; }
  .article-c054 .article-exact-body #section-9 + .article-bullet-list a::after { width:30px; height:30px; right:14px; }
}
.article-tool-candidate { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:28px 0 32px; padding:22px 24px; border:1px solid #ead5c5; border-radius:16px; background:#fffaf6; }
.article-tool-candidate .section-kicker { margin:0 0 4px!important; color:var(--orange-dark); font-size:12px!important; font-weight:800; letter-spacing:.08em; }
.article-tool-candidate h3 { margin:0 0 8px; font-size:20px; }
.article-tool-candidate > div > p:last-child { margin:0!important; color:var(--muted); font-size:14px!important; line-height:1.8!important; }
.article-tool-status { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:76px; padding:8px 14px; border-radius:999px; background:#f3e9e1; color:#6d5545; font-size:13px; font-weight:800; }
.article-tool-link { gap:6px; text-decoration:none; transition:background-color .2s ease, color .2s ease, transform .2s ease; }
.article-tool-link:hover { background:#e85f16; color:#fff; transform:translateY(-1px); }
.article-tool-link:focus-visible { outline:3px solid rgba(232,95,22,.3); outline-offset:3px; }
@media (max-width: 640px) {
  .article-tool-candidate { align-items:flex-start; flex-direction:column; gap:14px; padding:20px; }
}
.article-workflow-list,.article-step-list,.article-cause-list,.article-mistake-list,.article-metric-list,.article-condition-list,.article-requirement-list,.article-action-list,.article-ky-example-list { margin:30px 0 24px; padding:0; list-style:none; }
.article-workflow-list,.article-step-list { counter-reset:article-list-item; }
.article-workflow-list>li,.article-step-list>li { counter-increment:article-list-item; }
.article-workflow-list>li::before,.article-step-list>li::before { content:counter(article-list-item,decimal-leading-zero); width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:#fff; background:var(--orange-dark); font-size:12px; font-weight:900; letter-spacing:.06em; }
.article-list-heading { margin:0; color:var(--ink); font-size:16px; font-weight:800; line-height:1.65; }
.article-list-description { margin:8px 0 0; color:var(--body); font-size:14px; line-height:1.85; }
.article-workflow-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.article-workflow-list li { min-height:132px; padding:22px; display:flex; align-items:flex-start; gap:16px; border:1px solid #ead5c5; border-radius:16px; background:#fffaf6; box-shadow:0 8px 24px rgba(94,57,36,.05); }
.article-workflow-list li>div,.article-step-list li>div { min-width:0; }
.article-workflow-list .article-list-heading,.article-step-list .article-list-heading { margin:1px 0 0; font-size:17px; line-height:1.55; }
.article-workflow-list .article-list-description,.article-step-list .article-list-description { margin-top:7px; color:var(--muted); line-height:1.75; }
.article-cause-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.article-cause-list li { position:relative; min-height:86px; padding:20px 20px 20px 54px; display:flex; align-items:center; border:1px solid #f0d9c8; border-radius:14px; background:#fff; color:var(--ink); box-shadow:0 7px 20px rgba(94,57,36,.04); }
.article-cause-list li::before { content:""; position:absolute; left:22px; width:12px; height:12px; border:3px solid var(--orange); border-radius:50%; box-shadow:0 0 0 5px var(--orange-soft); }
.article-cause-list strong { font-size:15px; line-height:1.75; }
.article-mistake-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.article-mistake-list li { position:relative; min-height:92px; padding:20px 20px 20px 58px; display:flex; align-items:center; border:1px solid #efcfc9; border-radius:14px; background:linear-gradient(145deg,#fff 0%,#fff7f5 100%); color:var(--ink); box-shadow:0 7px 20px rgba(110,45,37,.04); }
.article-mistake-list li::before { content:"!"; position:absolute; left:21px; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#b64a3d; font-size:13px; font-weight:900; }
.article-mistake-list strong { font-size:15px; line-height:1.75; }
.article-step-list { position:relative; display:grid; gap:14px; }
.article-step-list::before { content:""; position:absolute; top:21px; bottom:21px; left:21px; width:2px; background:#f0d1bb; }
.article-step-list li { position:relative; padding:20px 24px 20px 0; display:grid; grid-template-columns:42px minmax(0,1fr); align-items:start; gap:18px; border:1px solid #ead5c5; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-step-list>li::before { position:relative; z-index:1; border-radius:0 12px 12px 0; }
.article-step-list .article-list-heading { margin-top:7px; }
.article-metric-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.article-metric-list li { min-height:116px; padding:22px 22px 22px 62px; position:relative; display:flex; align-items:center; border:1px solid #ead5c5; border-radius:16px; background:linear-gradient(135deg,#fff 0%,#fff8f2 100%); }
.article-metric-list li::before { content:""; position:absolute; left:23px; width:21px; height:21px; border-left:3px solid var(--orange-dark); border-bottom:3px solid var(--orange-dark); }
.article-metric-list li::after { content:""; position:absolute; left:29px; width:18px; height:12px; border-left:3px solid var(--orange-dark); border-bottom:3px solid var(--orange-dark); transform:skewY(-38deg) rotate(-20deg); }
.article-metric-list strong { color:var(--ink); font-size:15px; line-height:1.75; }
.article-condition-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.article-condition-list li { position:relative; min-height:154px; padding:54px 20px 20px; border:1px solid #ead5c5; border-radius:16px; background:linear-gradient(145deg,#fff 0%,#fff8f2 100%); box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-condition-list li::before { content:""; position:absolute; top:21px; left:21px; width:20px; height:20px; border:2px solid var(--orange-dark); border-radius:50%; background:var(--orange-soft); }
.article-condition-list li::after { content:""; position:absolute; top:26px; left:27px; width:7px; height:4px; border-left:2px solid var(--orange-dark); border-bottom:2px solid var(--orange-dark); transform:rotate(-45deg); }
.article-condition-list strong { color:var(--ink); font-size:15px; font-weight:700; line-height:1.8; }
.article-requirement-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.article-requirement-list li { position:relative; min-height:138px; padding:24px 24px 24px 66px; border:1px solid #ead5c5; border-radius:16px; background:linear-gradient(145deg,#fff 0%,#fff8f2 100%); box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-requirement-list li::before { content:""; position:absolute; top:25px; left:24px; width:24px; height:24px; border-radius:8px; background:var(--orange-dark); }
.article-requirement-list li::after { content:""; position:absolute; top:31px; left:32px; width:7px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); }
.article-requirement-list li div { display:grid; gap:8px; }
.article-requirement-list .article-list-description { margin-top:0; }
.article-action-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.article-action-list li { position:relative; min-height:104px; padding:22px 22px 22px 62px; display:flex; align-items:center; border:1px solid #ead5c5; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-action-list li::before { content:""; position:absolute; left:22px; width:24px; height:24px; border-radius:8px; background:var(--orange-soft); }
.article-action-list li::after { content:""; position:absolute; left:29px; width:9px; height:5px; border-left:3px solid var(--orange-dark); border-bottom:3px solid var(--orange-dark); transform:rotate(-45deg); }
.article-action-list strong { color:var(--ink); font-size:15px; line-height:1.75; }
.article-compact-list { margin:24px 0; padding:16px 18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; border:1px solid var(--line); border-radius:14px; background:#fffaf6; list-style:none; }
.article-compact-list li { min-width:0; padding:13px 2px; border-bottom:1px solid #f0ded0; }
.article-compact-list li:last-child,.article-compact-list li:nth-last-child(2):nth-child(odd) { border-bottom:0; }
.article-compact-list .article-list-heading { position:relative; padding-left:16px; color:var(--body); font-size:15px; font-weight:600; line-height:1.75; }
.article-compact-list .article-list-heading::before { content:""; position:absolute; top:.72em; left:1px; width:5px; height:5px; border-radius:50%; background:var(--orange); }
.article-c051-review-list { margin:30px 0 24px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; counter-reset:c051-review-step; }
.article-c051-review-list>li { min-width:0; min-height:176px; padding:26px; position:relative; display:grid; grid-template-rows:44px minmax(0,1fr); gap:16px; border:1px solid #f0ded0; border-radius:17px; color:#33261e; background:#fff; counter-increment:c051-review-step; }
.article-c051-review-list>li::before { content:counter(c051-review-step,decimal-leading-zero); width:44px; height:44px; display:grid; place-items:center; border-radius:12px; color:#fff; background:#c84c0c; font-size:13px; font-weight:900; letter-spacing:.06em; }
.article-c051-review-content { min-width:0; }
.article-c051-review-list .article-list-heading { margin:0; color:#33261e; font-size:17px; line-height:1.65; overflow-wrap:anywhere; }
.article-c051-review-description { min-height:0; }
.article-c051-review-description p { margin:10px 0 0; color:var(--muted); font-size:14px; line-height:1.8; }
.article-c052 .article-ordered-subsections { margin:30px 0 28px; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; list-style:none; counter-reset:c052-step; }
.article-c052 .article-ordered-subsections>li { min-width:0; margin:0; padding:28px; position:relative; border:1px solid #f0ded0; border-radius:17px; background:#fff; counter-increment:c052-step; }
.article-c052 .article-ordered-subsections>li::before { content:counter(c052-step,decimal-leading-zero); position:static; width:44px; height:44px; margin-bottom:18px; display:grid; place-items:center; border-radius:12px; color:#fff; background:#c84c0c; font-size:13px; font-weight:900; letter-spacing:.06em; }
.article-c052 .article-ordered-subsections>li h3 { margin:0 0 14px; color:#33261e; font-size:19px; line-height:1.65; overflow-wrap:anywhere; }
.article-c052 .article-ordered-subsections>li p { color:#735f52; }
.article-c052 #checkpoints>ul,.article-c052 #simulator>ul { margin:30px 0 28px; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; list-style:none; }
.article-c052 #checkpoints>ul li,.article-c052 #simulator>ul li { min-width:0; padding:26px 26px 26px 66px; position:relative; border:1px solid #f0ded0; border-radius:17px; color:#33261e; background:#fff; line-height:1.75; }
.article-c052 #checkpoints>ul li::before,.article-c052 #simulator>ul li::before { content:""; width:28px; height:28px; position:absolute; top:25px; left:24px; border:2px solid #c84c0c; border-radius:9px; background:#fff1e6; }
.article-c052 #checkpoints>ul li::after,.article-c052 #simulator>ul li::after { content:""; width:9px; height:5px; position:absolute; top:34px; left:33px; border-left:3px solid #c84c0c; border-bottom:3px solid #c84c0c; transform:rotate(-45deg); }
.article-estimate-example-list { margin:24px 0 28px; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; list-style:none; }
.article-estimate-example-list li { min-width:0; padding:18px 20px; display:grid; grid-template-columns:30px minmax(0,1fr); gap:13px; align-items:start; border:1px solid #ead5c5; border-radius:14px; background:linear-gradient(145deg,#fff 0%,#fff8f2 100%); box-shadow:0 7px 20px rgba(94,57,36,.04); }
.article-estimate-list-icon { width:26px; height:26px; margin-top:1px; position:relative; display:block; border-radius:8px; background:var(--orange-soft); }
.article-estimate-list-icon::after { content:""; position:absolute; top:7px; left:7px; width:9px; height:5px; border-left:3px solid var(--orange-dark); border-bottom:3px solid var(--orange-dark); transform:rotate(-45deg); }
.article-estimate-example-list li>div { min-width:0; display:grid; gap:4px; }
.article-estimate-example-list strong { color:var(--ink); font-size:15px; font-weight:800; line-height:1.7; overflow-wrap:anywhere; }
.article-estimate-example-list li>div>span { color:var(--body); font-size:14px; line-height:1.75; overflow-wrap:anywhere; }
.article-ky-example-list { display:grid; gap:10px; }
.article-ky-example-list li { position:relative; min-height:74px; padding:17px 20px 17px 66px; border:1px solid #ead5c5; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-ky-example-list li::before { position:absolute; top:17px; left:18px; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; color:#fff; background:var(--orange-dark); font-size:15px; font-weight:900; line-height:1; }
.article-ky-example-list li:nth-child(1)::before { content:"!"; }
.article-ky-example-list li:nth-child(2)::before { content:"✓"; background:#8a5a3b; }
.article-ky-example-list li:nth-child(3)::before { content:"→"; background:#f36c18; }
.article-ky-example-list li div { display:grid; grid-template-columns:92px minmax(0,1fr); gap:14px; align-items:start; }
.article-ky-example-list strong { color:var(--ink); font-size:15px; font-weight:800; line-height:1.9; }
.article-ky-example-list span { min-width:0; color:var(--body); font-size:15px; line-height:1.9; overflow-wrap:anywhere; }
.article-subsection { scroll-margin-top:120px; margin:34px 0 0; }.article-subsection h3 { margin:0 0 14px; font-size:23px; line-height:1.6; color:var(--ink); }
.article-c053 .article-subsection>p { margin:0 0 20px; color:var(--muted); font-family:inherit; font-size:16px; font-weight:400; letter-spacing:0; line-height:2; }
.article-c043 .article-subsection>h3 { font-weight:700; }
.article-c043 .article-subsection>p { margin:0 0 20px; color:var(--muted); font-size:16px; line-height:2; }
.article-sidebar { position:sticky; top:110px; align-self:start; display:flex; flex-direction:column; gap:20px; min-width:0; max-height:calc(100dvh - 130px); overflow:hidden; }
.article-sidebar .article-toc { position:static; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.article-toc { position:sticky; top:110px; padding:24px; border:1px solid var(--line); border-radius:16px; background:#fffaf6; }.article-toc ol { margin:16px 0 0; padding-left:1.25em; color:var(--muted); font-size:13px; line-height:1.8; }.article-toc li+li { margin-top:8px; }
.article-c055 .article-toc a{display:block;overflow-wrap:anywhere}.article-c055 .article-toc .article-toc-sublist{margin:6px 0 0;padding-left:1.15em;font-size:12px;line-height:1.65}.article-c055 .article-toc .article-toc-sublist li+li{margin-top:4px}.article-c055 .article-exact-body :is(h2[id],h3[id]){scroll-margin-top:110px}
.article-toc-cta { padding:24px; border:1px solid #f0ded0; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(78,48,29,.07); }
.article-toc-cta-icon { display:grid; width:48px; height:48px; place-items:center; margin-bottom:16px; border-radius:14px; background:#fff1e6; color:#c84c0c; }
.article-toc-cta-icon svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.article-toc-cta-icon img { display:block; width:48px; height:48px; border-radius:14px; object-fit:contain; }
.article-toc-cta-label { margin:0 0 8px; color:#c84c0c; font-size:12px; font-weight:800; letter-spacing:.06em; }
.article-toc-cta h2 { margin:0; font-size:20px; line-height:1.5; }
.article-toc-cta>p:not(.article-toc-cta-label) { margin:10px 0 18px; color:var(--muted); font-size:14px; line-height:1.75; }
.article-toc-cta .primary-button { width:100%; min-height:50px; padding:12px 16px; border-radius:10px; text-align:center; font-size:14px; line-height:1.5; box-shadow:none; }
.article-caution,.article-cta { margin:54px 0; padding:28px; border:1px solid #edcdb6; border-radius:18px; background:var(--orange-soft); }.article-caution h2,.article-cta h2 { margin:0 0 12px; font-size:23px; }.article-caution p,.article-cta p { margin:0; color:var(--muted); line-height:1.9; }
.article-references { margin:54px 0; }
.article-references ul { display:grid; gap:12px; margin:0; padding:0; color:var(--muted); line-height:1.9; list-style:none; }
.article-references li,
.article-exact-body>section.article-references>p { position:relative; margin:0 0 12px; padding:17px 20px 17px 54px; border:1px solid #ead5c5; border-radius:14px; background:#fffaf6; box-shadow:0 8px 24px rgba(94,57,36,.04); color:var(--muted); line-height:1.9; overflow-wrap:anywhere; }
.article-references li:last-child,
.article-exact-body>section.article-references>p:last-child { margin-bottom:0; }
.article-references li::before,
.article-exact-body>section.article-references>p::before { content:""; position:absolute; top:19px; left:20px; width:18px; height:18px; border:2px solid var(--orange-dark); border-radius:6px; background:var(--orange-soft); }
.article-references li::after,
.article-exact-body>section.article-references>p::after { content:""; position:absolute; top:25px; left:26px; width:7px; height:4px; border-left:2px solid var(--orange-dark); border-bottom:2px solid var(--orange-dark); transform:rotate(-45deg); }
.article-references a { color:var(--orange-dark); font-weight:700; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.article-c047 .article-figure img { width:min(100%,680px); margin-inline:auto; }
.article-c047 .article-references ul { gap:10px; }
.article-c047 .article-references li { min-height:50px; margin:0; padding:13px 16px 13px 46px; display:flex; align-items:center; border-radius:12px; background:#fff; box-shadow:0 4px 14px rgba(94,57,36,.035); }
.article-c047 .article-references li::before { top:15px; left:16px; width:16px; height:16px; border-width:1px; border-radius:5px; }
.article-c047 .article-references li::after { top:20px; left:21px; width:6px; height:3px; }
.article-c047 .article-references a { font-size:14px; font-weight:600; line-height:1.65; text-decoration-color:#d9a17d; text-decoration-thickness:1px; }
.article-c047 #pre-confirmation-check>.article-action-list { margin:24px 0 28px; padding:8px 22px; display:grid; grid-template-columns:1fr; gap:0; border:1px solid #ead5c5; border-radius:16px; color:var(--ink); background:#fffaf6; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-c047 #pre-confirmation-check>.article-action-list>li { min-height:0; margin:0; padding:15px 4px 15px 34px; display:block; border:0; border-bottom:1px solid #f0ded0; border-radius:0; background:transparent; box-shadow:none; }
.article-c047 #pre-confirmation-check>.article-action-list>li:last-child { border-bottom:0; }
.article-c047 #pre-confirmation-check>.article-action-list>li::before { top:18px; left:2px; width:20px; height:20px; border-radius:7px; background:var(--orange-soft); }
.article-c047 #pre-confirmation-check>.article-action-list>li::after { top:24px; left:8px; width:8px; height:4px; border-width:0 0 2px 2px; }
.article-c047 #pre-confirmation-check>.article-action-list strong { font-size:15px; line-height:1.8; }
.article-c044 .article-exact-body>#section-10>.article-bullet-list { margin:22px 0 28px!important; padding:0!important; gap:10px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.article-c044 .article-exact-body>#section-10>.article-bullet-list>li { min-height:52px; margin:0!important; padding:13px 16px 13px 46px; display:flex; align-items:center; border:1px solid #eadfd7; border-radius:12px; background:#fff; box-shadow:0 4px 14px rgba(94,57,36,.035); }
.article-c044 .article-exact-body>#section-10>.article-bullet-list>li::before { top:15px; left:15px; width:22px; height:22px; border:1px solid #edcdb6; border-radius:50%; background:#fff6ef; }
.article-c044 .article-exact-body>#section-10>.article-bullet-list>li::after { content:"↗"; top:15px; left:15px; width:22px; height:22px; display:grid; place-items:center; border:0; color:var(--orange-dark); font-size:12px; font-weight:800; line-height:1; transform:none; }
.article-c044 .article-exact-body>#section-10>.article-bullet-list a { color:#93400f; font-size:14px; font-weight:600; line-height:1.65; text-decoration-color:#d9a17d; text-decoration-thickness:1px; text-underline-offset:3px; overflow-wrap:anywhere; }
.article-table-scroll { max-width:100%; margin:26px 0 30px; overflow-x:auto; border:1px solid #e9d2c1; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(94,57,36,.04); }
.article-table-scroll:focus-visible { outline:3px solid var(--ink); outline-offset:3px; }
.article-c050 .article-header h1 { font-size:54px; }
.article-c050 .article-check-list { margin:24px 0 28px; padding:8px 22px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; border:1px solid var(--line); border-radius:16px; background:#fffaf6; box-shadow:0 8px 24px rgba(94,57,36,.04); list-style:none; }
.article-c050 .article-check-list>li { min-width:0; margin:0; padding:15px 4px 15px 26px; position:relative; border-bottom:1px solid var(--line); color:var(--ink); line-height:1.8; overflow-wrap:anywhere; }
.article-c050 .article-check-list>li::before { content:""; width:14px; height:8px; position:absolute; top:23px; left:3px; border-left:2px solid var(--orange-dark); border-bottom:2px solid var(--orange-dark); transform:rotate(-45deg); }
.article-c050 .article-check-list>li:nth-last-child(-n+2) { border-bottom:0; }
.article-c050 #section-10 { margin:48px 0; padding:26px 28px; border:1px solid #edcdb6; border-left:4px solid var(--orange-dark); border-radius:16px; background:var(--orange-soft); }
.article-c050 #section-10>h2 { margin-top:0; padding-top:0; border-top:0; font-size:24px; }
.article-c050 #section-10>p:last-child { margin-bottom:0; }
.article-c050 .article-reference-list { margin:24px 0 28px; padding:0; display:grid; gap:12px; list-style:none; }
.article-c050 .article-reference-list>li { min-width:0; padding:17px 20px; border:1px solid var(--line); border-radius:14px; background:#fff; overflow-wrap:anywhere; }
.article-c050 .article-reference-list a { color:var(--orange-dark); font-weight:700; text-decoration-thickness:1px; text-underline-offset:3px; }
.article-c050 .article-cta-actions-c051 { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); }
.article-c054 .article-safety-note { margin:28px 0 32px; padding:22px 24px 22px 28px; border:1px solid #edcdb6; border-left:4px solid var(--orange-dark); border-radius:16px; background:var(--orange-soft); color:var(--ink); line-height:1.9; overflow-wrap:anywhere; }
.article-c054 .article-lead:empty { display:none; }
.article-c054 .article-cta-actions-c051 { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); }
.article-table { width:100%; min-width:660px; border-collapse:collapse; color:var(--muted); font-size:14px; line-height:1.75; }
.article-table caption { padding:15px 18px; color:var(--ink); background:#fff8f2; text-align:left; font-weight:800; }
.article-table th,.article-table td { padding:15px 17px; border-top:1px solid #f1e3d8; border-right:1px solid #f1e3d8; text-align:left; vertical-align:top; }
.article-table th:last-child,.article-table td:last-child { border-right:0; }
.article-table thead th { color:var(--brown); background:#fffaf6; font-weight:800; }
.article-table tbody th { width:20%; color:var(--ink); background:#fffdfb; font-weight:800; }
.article-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; }.article-cta>div:last-child { display:flex; flex-direction:column; gap:10px; flex:0 0 auto; }.article-cta .primary-button { width:auto; box-shadow:none; }
.article-cta.article-cta-dual { align-items:stretch; flex-direction:column; }
.article-c015 .article-cta-c015 { margin:34px 0 42px; }
.content-secondary-button { min-height:52px; padding:13px 22px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--orange-dark); border-radius:10px; color:var(--orange-dark); background:#fff; font-size:14px; font-weight:800; }
.article-cta>div.article-cta-actions-c051:last-child { width:100%; max-width:100%; flex-direction:column; gap:12px; }
.article-cta-actions-c051 :is(.primary-button,.content-secondary-button) { min-height:52px; padding:13px 26px; border-radius:10px; white-space:normal; text-align:center; line-height:1.5; }
.article-cta-actions-c051 :is(.primary-button,.content-secondary-button) { width:100%; }
.article-cta-actions-c051 .primary-button { background:#c84c0c; color:#fff; }
.article-cta-actions-c051 .content-secondary-button { border-color:#c84c0c; color:#c84c0c; background:#fff; }
.article-cta-actions-c051 .content-secondary-button:hover { background:#fff7f0; transform:translateY(-2px); }
.article-c055 .article-layout { grid-template-areas:"body sidebar"; }
.article-c055 .article-body { grid-area:body; }
.article-c055 .article-sidebar { grid-area:sidebar; }
.article-c055-prelude { width:min(920px,calc(100% - 48px)); margin:0 auto; }
.article-c055-prelude .article-lead { margin-bottom:50px; }
@media screen and (min-width:1101px) {
  .article-c055 .article-header h1 { font-size:52px!important; line-height:1.34; letter-spacing:-.025em; }
}
@media screen and (min-width:801px) {
  .article-c055 .article-cta>div.article-cta-actions-c051:last-child { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}
.article-cta>div.article-cta-actions-c053:last-child { width:100%; max-width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.article-cta-actions-c053 :is(.primary-button,.content-secondary-button) { width:100%; min-height:52px; padding:13px 22px; border-radius:10px; white-space:normal; text-align:center; line-height:1.5; }
.article-cta-actions-c053 .primary-button { background:#c84c0c; color:#fff; }
.article-cta-actions-c053 .content-secondary-button { border-color:#c84c0c; color:#c84c0c; background:#fff; }
.article-cta-actions-c053 .content-secondary-button:hover { background:#fff7f0; transform:translateY(-2px); }
.article-cta.article-cta-c043 { align-items:stretch; flex-direction:column; }
.article-cta>div.article-cta-actions-c043:last-child { width:100%; max-width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.article-cta-actions-c043 :is(.primary-button,.content-secondary-button) { width:100%; min-height:52px; padding:13px 22px; white-space:normal; text-align:center; line-height:1.5; }
.article-cta-actions-c043 .primary-button { background:#c84c0c; color:#fff; }
.article-cta-actions-c043 .content-secondary-button { border-color:#c84c0c; color:#c84c0c; background:#fff; }
.article-cta.article-cta-c045 { align-items:stretch; flex-direction:column; }
.article-cta>div.article-cta-actions-c045:last-child { width:100%; max-width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.article-cta-actions-c045 :is(.primary-button,.content-secondary-button) { width:100%; min-height:52px; padding:13px 22px; white-space:normal; text-align:center; line-height:1.5; }
.article-cta-actions-c045 .primary-button { background:#c84c0c; color:#fff; }
.article-cta-actions-c045 .content-secondary-button { border-color:#c84c0c; color:#c84c0c; background:#fff; }
.article-exact-body>section#section-15 { margin:54px 0; padding:28px; display:flex; flex-direction:column; gap:12px; border:1px solid #edcdb6; border-radius:18px; background:var(--orange-soft); }
.article-exact-body>section#section-15>h2 { margin:0 0 2px; padding:0; border:0; font-size:23px; line-height:1.5; }
.article-exact-body>section#section-15>p { margin:0; line-height:1.9; }
.article-exact-body>section#section-15>p:has(>a) { margin:0; }
.article-exact-body>section#section-15>p+p:not(:has(>a)) { margin-top:8px; }
.article-exact-body>section#section-15 :is(.primary-button,.content-secondary-button) { width:100%; min-height:52px; padding:13px 26px; border-radius:10px; white-space:normal; text-align:center; text-decoration:none; line-height:1.5; }
.article-exact-body>section#section-15 .primary-button { background:#c84c0c; color:#fff; }
.article-exact-body>section#section-15 .content-secondary-button { border-color:#c84c0c; color:#c84c0c; background:#fff; }
.article-exact-body>section#section-15 :is(.primary-button,.content-secondary-button)>strong { padding:0; color:inherit; background:none; }
.trust-document { max-width:920px; margin:0 auto; padding:72px 0 96px; }.trust-intro { margin:0 0 40px; padding:22px 24px; border-radius:14px; color:var(--brown); background:var(--orange-soft); line-height:1.9; }
.trust-document>section { padding:30px 0; display:grid; grid-template-columns:70px 1fr; gap:24px; border-bottom:1px solid var(--line); }.trust-document>section>span { color:var(--orange-dark); font-size:14px; font-weight:900; letter-spacing:.12em; }.trust-document h2 { margin:0 0 12px; font-size:25px; }.trust-document section p { margin:0; color:var(--muted); line-height:2; }
.trust-document aside { margin-top:42px; padding:26px; border-radius:16px; background:var(--cream); }.trust-document aside p { margin:0 0 12px; color:var(--muted); line-height:1.8; }.trust-document aside a { min-height:44px; display:inline-flex; align-items:center; color:var(--orange-dark); font-weight:800; }
@media (max-width:1100px) {
  .content-breadcrumbs,.content-two-column-section,.article-header,.article-layout,.trust-document { width:calc(100% - 48px); }
  .content-filter { grid-template-columns:1fr 1fr; }.content-filter .primary-button,.content-reset-button { width:100%; }
  .article-layout { grid-template-columns:1fr; gap:34px; }.article-c055 .article-layout { grid-template-areas:"sidebar" "body"; }.article-sidebar { position:static; grid-row:1; gap:16px; max-height:none; overflow:visible; }.article-sidebar .article-toc { position:static; overflow:visible; scrollbar-gutter:auto; }
  .article-toc-cta { padding:22px; }
}
@media (max-width:800px) {
  .article-c029 .article-header h1 { font-size:36px; }
  .article-c029 .article-exact-body>section>h2 { font-size:27px; }
  .article-c029 .article-exact-body>section>h3 { font-size:21px; }
  .article-c029 .article-exact-body>#article-cta { padding:24px 20px; }
  .article-c044 .article-exact-body>section>h2 { font-size:27px; }
  .article-c044 .article-exact-body>section>h3 { font-size:21px; }
  .content-breadcrumbs,.content-two-column-section,.article-header,.article-layout,.trust-document { width:calc(100% - 40px); }.content-breadcrumbs { padding-block:12px; }
  .content-hero { padding:56px 20px; }.content-hero h1 { font-size:36px; }.content-hero>div>p:last-child { font-size:16px; }
  .content-industry-nav,.content-directory-section,.content-list-section,.content-related-articles,.content-related-industries,.content-soft-section { padding:58px 20px; }
  .content-industry-grid,.content-card-grid,.content-process-grid,.content-filter { grid-template-columns:1fr; }.content-filter { padding:22px 18px; }.content-search-note { grid-column:auto; }
  .content-result-heading { align-items:flex-start; flex-direction:column; gap:8px; }.content-two-column-section { padding:58px 0; grid-template-columns:1fr; gap:26px; }
  .article-header { padding:46px 0 38px; }.article-header h1 { font-size:34px; }.article-summary { font-size:16px; }.article-layout { padding-bottom:64px; }.article-body>section h2,.article-exact-body>section>h2,.article-exact-body>h2 { font-size:27px; }.article-exact-body>section>h3,.article-exact-body>h3 { font-size:21px; }
  .article-c050 .article-header h1 { font-size:34px; }
  .article-c050 .article-check-list { grid-template-columns:1fr; padding:6px 16px; }
  .article-c050 .article-check-list>li:nth-last-child(2) { border-bottom:1px solid var(--line); }
  .article-c050 .article-check-list>li:last-child { border-bottom:0; }
  .article-c050 #section-10 { padding:22px 20px; }
  .article-c050 .article-cta-actions-c051 { grid-template-columns:1fr; }
  .article-c054 .article-safety-note { padding:20px; }
  .article-c054 .article-cta-actions-c051 { grid-template-columns:1fr; }
  .article-workflow-list,.article-cause-list,.article-mistake-list,.article-metric-list,.article-condition-list,.article-requirement-list,.article-action-list,.article-compact-list,.article-estimate-example-list { grid-template-columns:1fr; }
  .article-compact-list li:nth-last-child(2):nth-child(odd) { border-bottom:1px solid #f0ded0; }
  .article-c051-review-list { grid-template-columns:1fr; }
  .article-c052 .article-ordered-subsections,.article-c052 #checkpoints>ul,.article-c052 #simulator>ul { grid-template-columns:1fr; }
  .article-c051-review-list>li { min-height:auto; }
  .article-workflow-list li { min-height:auto; }
  .article-table { min-width:620px; font-size:13px; }
  .article-table th,.article-table td { padding:13px 12px; }
  .article-cta { align-items:stretch; flex-direction:column; }.article-cta>div:last-child,.article-cta .primary-button { width:100%; }
  .article-cta>div.article-cta-actions-c051:last-child { flex-direction:column; gap:12px; }
  .article-c055 .article-cta>div.article-cta-actions-c051:last-child { grid-template-columns:1fr; }
  .article-c055-prelude { width:calc(100% - 40px); }
  .article-cta-actions-c051 :is(.primary-button,.content-secondary-button) { width:100%; }
  .article-cta>div.article-cta-actions-c053:last-child { grid-template-columns:1fr; gap:12px; }
  .article-cta>div.article-cta-actions-c043:last-child { grid-template-columns:1fr; gap:12px; }
  .article-cta>div.article-cta-actions-c045:last-child { grid-template-columns:1fr; gap:12px; }
  .article-exact-body #summary .article-c022-cta-button { width:100%; display:flex; }
  .article-exact-body #summary .article-c022-cta-button+.article-c022-cta-button { margin-left:0; }
  .trust-document { padding:52px 0 72px; }.trust-document>section { grid-template-columns:1fr; gap:8px; }
}
@media (max-width:700px) {
  .article-c052 #room-issue-guides .article-table-scroll { overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
  .article-c052 #room-issue-guides .article-table { min-width:0; display:block; }
  .article-c052 #room-issue-guides .article-table caption { margin-bottom:16px; border:1px solid #f0ded0; border-radius:12px; }
  .article-c052 #room-issue-guides .article-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .article-c052 #room-issue-guides .article-table tbody { display:grid; gap:16px; }
  .article-c052 #room-issue-guides .article-table tr { padding:20px; display:grid; gap:12px; border:1px solid #f0ded0; border-radius:16px; background:#fff; }
  .article-c052 #room-issue-guides .article-table th,.article-c052 #room-issue-guides .article-table td { width:auto; padding:0; display:grid; grid-template-columns:minmax(92px,34%) minmax(0,1fr); gap:12px; border:0; background:transparent; overflow-wrap:anywhere; }
  .article-c052 #room-issue-guides .article-table th::before { content:"こんな悩み"; color:#735f52; font-weight:700; }
  .article-c052 #room-issue-guides .article-table td:nth-child(2)::before { content:"確認する内容"; color:#735f52; font-weight:700; }
  .article-c052 #room-issue-guides .article-table td:nth-child(3)::before { content:"詳しく見るテーマ"; color:#735f52; font-weight:700; }
}
@media (max-width:520px) {
  .article-example-card { margin:20px 0 24px; padding:20px 18px 18px; border-radius:0 14px 14px 0; }
  .article-example-card .article-example-label { margin-bottom:10px; }
  .article-body>section .article-example-card p,
  .article-c043 .article-example-card p { font-size:15px; line-height:1.85; }
  .article-workflow-list li { padding:18px; gap:13px; }
  .article-workflow-list>li::before,.article-step-list>li::before { width:38px; height:38px; border-radius:10px; }
  .article-workflow-list .article-list-heading,.article-step-list .article-list-heading { font-size:16px; }
  .article-cause-list li { min-height:auto; padding:17px 17px 17px 48px; }
  .article-cause-list li::before { left:19px; }
  .article-mistake-list li { min-height:auto; padding:17px 17px 17px 52px; }
  .article-mistake-list li::before { left:18px; }
  .article-step-list li { padding-right:18px; grid-template-columns:38px minmax(0,1fr); gap:14px; }
  .article-step-list::before { left:19px; }
  .article-metric-list li { min-height:auto; padding:18px 18px 18px 56px; }
  .article-metric-list li::before { left:20px; }
  .article-metric-list li::after { left:26px; }
  .article-condition-list li { min-height:auto; padding:50px 18px 18px; }
  .article-requirement-list li { min-height:auto; padding:20px 18px 20px 58px; }
  .article-requirement-list li::before { top:21px; left:18px; }
  .article-requirement-list li::after { top:27px; left:26px; }
  .article-action-list li { min-height:auto; padding:18px 18px 18px 56px; }
  .article-action-list li::before { left:18px; }
  .article-action-list li::after { left:25px; }
  .article-c051-review-list { gap:24px; }
  .article-c051-review-list>li { padding:24px; border-radius:16px; }
  .article-c051-review-list>li { grid-template-rows:42px minmax(0,1fr); gap:14px; }
  .article-c051-review-list>li::before { width:42px; height:42px; }
  .article-c051-review-list .article-list-heading { font-size:16px; }
  .article-c052 .article-ordered-subsections>li { padding:24px; border-radius:16px; }
  .article-c052 #checkpoints>ul li,.article-c052 #simulator>ul li { padding:24px 20px 24px 62px; border-radius:16px; }
  .article-c052 #checkpoints>ul li::before,.article-c052 #simulator>ul li::before { top:23px; left:20px; }
  .article-c052 #checkpoints>ul li::after,.article-c052 #simulator>ul li::after { top:32px; left:29px; }
  .article-estimate-example-list { gap:9px; }
  .article-estimate-example-list li { padding:16px; grid-template-columns:28px minmax(0,1fr); gap:11px; }
  .article-estimate-list-icon { width:24px; height:24px; }
  .article-estimate-list-icon::after { top:6px; left:6px; }
  .article-estimate-example-list strong { font-size:14px; }
  .article-estimate-example-list li>div>span { font-size:13px; }
  .article-ky-example-list { gap:9px; }
  .article-ky-example-list li { min-height:auto; padding:15px 15px 15px 56px; }
  .article-ky-example-list li::before { top:15px; left:14px; width:30px; height:30px; border-radius:9px; }
  .article-ky-example-list li div { grid-template-columns:1fr; gap:1px; }
  .article-ky-example-list strong,.article-ky-example-list span { font-size:14px; line-height:1.8; }
}

/* デザインルール準拠: 公開画面の主見出し、主要操作、ページ横あふれ */
@media screen and (min-width:769px) {
  h1 { font-size:clamp(48px,5vw,64px)!important; }
  .article-c050 .article-header h1 { font-size:54px!important; }
}
@media screen and (max-width:768px) {
  html,body { overflow-x:clip; }
  h1 { font-size:clamp(36px,9vw,42px)!important; }
  .article-c050 .article-header h1 { font-size:36px!important; }
}
@media (hover:hover) {
  button[class*="_primary"]:hover,
  a[class*="_primary"]:hover,
  button[class*="_mainButton"]:hover,
  a[class*="_mainButton"]:hover,
  button[class*="_heroButton"]:hover,
  a[class*="_heroButton"]:hover,
  .btn.primary:hover,
  .primary-button:hover {
    transform:translateY(-2px);
    box-shadow:0 16px 30px rgba(200,76,12,.3);
  }
}

/* Accessibility: keep keyboard focus visible across every tool implementation. */
:where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid #1f5fbf!important;
  outline-offset:3px!important;
}

/* Accessibility: orange text on tinted surfaces needs a darker text token. */
.tool-detail-guide .section-kicker,
.tool-detail-guide ol span,
.tool-related .section-kicker,
.tool-related-label,
.tool-related a,
.tool-lp-back,
.tool-badges span,
.report-step-grid span,
[class*="_kicker_"],
[class*="_sectionHead_"] p,
[class*="_sectionHead_"] > span{
  color:#9a3d0a;
}

.calc-field small,
[class*="_field_"] small,
[class*="_field_"] > span:not([class]),
[class*="_optional_"]{
  color:#685448;
}
.tool-detail-guide{width:min(1120px,calc(100% - 40px));margin:64px auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tool-detail-guide>section{background:#fff;border:1px solid #eadfd7;border-radius:20px;padding:28px;scroll-margin-top:90px}
.tool-detail-guide>.tool-related-embedded{grid-column:1/-1;padding:28px;background:var(--soft)}
.tool-detail-guide>.tool-related-embedded .tool-related-inner{max-width:none}
.tool-detail-guide>section:first-of-type,.tool-detail-guide>section:nth-of-type(2),.tool-detail-guide>section:last-of-type{grid-column:1/-1}
.tool-detail-guide h2{margin:6px 0 14px;font-size:clamp(1.35rem,2.5vw,1.8rem);color:#33261e}
.tool-detail-guide p,.tool-detail-guide li{line-height:1.85;color:#594a40}
.tool-detail-guide ul{margin:0;padding-left:1.3em}
.tool-detail-guide ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tool-detail-guide ol li{background:#fff8f2;border-radius:14px;padding:18px}
.tool-detail-guide ol span{display:block;color:#c84c0c;font-size:.78rem;font-weight:800;letter-spacing:.08em}
.tool-detail-guide ol p{margin:6px 0 0;font-weight:700}
.tool-detail-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:#fff8f2;border-radius:16px}
.tool-detail-nav a{padding:8px 14px;border-radius:999px;background:#fff;color:#8d3a11;font-weight:700;text-decoration:none}
.tool-detail-guide details{border-top:1px solid #eadfd7;padding:18px 0}
.tool-detail-guide details:last-child{border-bottom:1px solid #eadfd7}
.tool-detail-guide summary{cursor:pointer;font-weight:800;color:#33261e}
.tool-detail-guide details p{margin:10px 0 0}
.tool-bug-report,.tool-common-guide{grid-column:1/-1;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:18px}
.tool-bug-report{border:1px solid #edcdb6;background:#fff8f2}.tool-bug-report h2,.tool-common-guide h2{margin:6px 0 8px}.tool-bug-report p,.tool-common-guide p{margin:0}.tool-bug-report>div,.tool-common-guide>div{max-width:760px}.tool-bug-report .outline-button,.tool-common-guide .outline-button{flex:0 0 auto;text-align:center}
@media(max-width:720px){.tool-detail-guide{width:min(100% - 24px,1120px);grid-template-columns:1fr;margin:40px auto;gap:16px}.tool-detail-guide>section{grid-column:1!important;padding:22px 18px}.tool-detail-guide ol{grid-template-columns:1fr}.tool-detail-nav{overflow:auto;flex-wrap:nowrap}.tool-detail-nav a{white-space:nowrap}}
@media(max-width:720px){.tool-bug-report,.tool-common-guide{padding:22px 18px;align-items:stretch;flex-direction:column;gap:18px}.tool-bug-report .outline-button,.tool-common-guide .outline-button{width:100%}}
.tool-error-inline{display:grid!important;gap:3px;margin-top:6px;padding:10px 12px;border:1px solid #e8a39c;border-left:4px solid #b42318;border-radius:8px;background:#fff7f6;color:#702018;font-size:12px;line-height:1.55;font-weight:500}
.tool-error-inline b{font-weight:800}.tool-error-kind{width:max-content;padding:1px 7px;border-radius:999px;background:#b42318;color:#fff;font-size:11px;font-weight:800}
.tool-error-summary{width:min(1120px,calc(100% - 48px));margin:0 auto 18px;padding:16px 18px;border:1px solid #e8a39c;border-left:5px solid #b42318;border-radius:12px;background:#fff7f6;color:#702018}
.tool-error-summary strong{font-size:17px}.tool-error-summary p{margin:4px 0 8px}.tool-error-summary ul{margin:0;padding-left:1.25rem}
@media(max-width:640px){.tool-error-summary{width:calc(100% - 24px);padding:14px}}@media print{.tool-error-inline,.tool-error-summary{display:none!important}}

/* Tool input help: shared across current and future tool forms. */
.rakuwork-field-help-button{
  width:22px;
  height:22px;
  margin-left:7px;
  padding:0;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border:1.5px solid #9a3d0a;
  border-radius:50%;
  color:#9a3d0a;
  background:#fff;
  font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  vertical-align:middle;
  cursor:help;
  box-shadow:none;
  transform:none;
}
.rakuwork-field-help-button:hover,
.rakuwork-field-help-button[aria-expanded="true"]{
  color:#fff;
  background:#9a3d0a;
}
.rakuwork-field-help-button:focus-visible{
  outline:3px solid rgba(31,95,191,.35)!important;
  outline-offset:2px!important;
}
.rakuwork-field-help{
  position:fixed;
  z-index:2147483000;
  padding:12px 14px;
  border:1px solid #d8c6b9;
  border-radius:10px;
  color:#33261e;
  background:#fff;
  box-shadow:0 12px 30px rgba(51,38,30,.18);
  font:500 13px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:left;
  overflow-wrap:anywhere;
}
.rakuwork-field-help[hidden]{display:none!important}
@media(max-width:640px){
  .rakuwork-field-help-button{
    width:24px;
    height:24px;
    margin-left:6px;
  }
  .rakuwork-field-help{
    padding:13px 14px;
    font-size:14px;
  }
}
@media print{
  .rakuwork-field-help-button,
  .rakuwork-field-help{display:none!important}
  .rakuwork-print-exclude{display:none!important}
}
/* Public tool first view: shared purpose, conditions, data handling, devices, output and start action. */
.tool-first-view{width:min(1120px,calc(100% - 48px));margin:24px auto 32px;padding:32px;border:1px solid #f0ded0;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fffaf5 100%);box-shadow:0 12px 32px rgba(87,48,25,.08);color:#33261e}
.tool-first-view-copy{max-width:820px}.tool-first-view-kicker{margin:0 0 8px;color:#c84c0c;font-size:13px;font-weight:800;letter-spacing:.08em}.tool-first-view-title{margin:0;font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}.tool-first-view-description{max-width:850px;margin:14px 0 0;color:#5d4b40;font-size:16px;line-height:1.8}
.tool-first-view-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tool-first-view-badges span{padding:7px 12px;border:1px solid #edc7aa;border-radius:999px;background:#fff;color:#c84c0c;font-size:13px;font-weight:800}
.tool-first-view-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0}.tool-first-view-facts div{min-width:0;padding:16px;border:1px solid #f0ded0;border-radius:12px;background:#fff}.tool-first-view-facts dt{margin-bottom:6px;color:#735f52;font-size:13px;font-weight:700}.tool-first-view-facts dd{margin:0;font-weight:700;line-height:1.55;overflow-wrap:anywhere}
.tool-first-view-purpose{margin:14px 0 0;padding:14px 16px;border-left:4px solid #f97316;background:#fff1e6;color:#33261e;line-height:1.75}
.tool-first-view-analytics{margin:14px 0 0;color:#735f52;font-size:13px;line-height:1.65}.tool-first-view-cta{display:inline-flex;min-height:50px;align-items:center;justify-content:center;margin-top:22px;padding:12px 28px;border:0;border-radius:10px;background:#c84c0c;color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(200,76,12,.2);transition:transform .2s ease,box-shadow .2s ease}.tool-first-view-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(200,76,12,.26)}.tool-first-view-cta:focus-visible{outline:3px solid #ffb27a;outline-offset:3px}
@media(max-width:820px){.tool-first-view{width:min(100% - 40px,1120px);padding:24px}.tool-first-view-facts{grid-template-columns:1fr}.tool-first-view-cta{width:100%}}
@media(max-width:720px){.article-answer-summary{padding:22px 20px}.article-answer-summary dl{grid-template-columns:1fr}}
@media(max-width:375px){.tool-first-view{width:calc(100% - 32px);padding:20px 16px}.tool-first-view-title{font-size:28px}}
@media(prefers-reduced-motion:reduce){.tool-first-view-cta{transition:none}.tool-first-view-cta:hover{transform:none}}
@media print{.tool-first-view{display:none!important}}
.article-ordered-subsections{margin:28px 0;padding:0;display:grid;gap:22px;list-style:none;counter-reset:article-steps}
.article-ordered-subsections>li{position:relative;margin:0;padding:24px 24px 24px 76px;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;background:#fff;counter-increment:article-steps}
.article-ordered-subsections>li::before{content:counter(article-steps);position:absolute;left:22px;top:22px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#c84c0c;color:#fff;font-weight:800}
.article-ordered-subsections h3{margin-top:0}
@media(max-width:520px){.article-ordered-subsections>li{padding:66px 18px 20px}.article-ordered-subsections>li::before{left:18px;top:16px}}
.topic-cluster-header{max-width:980px;margin:0 auto 42px}.topic-cluster-header h1{max-width:980px}.topic-cluster-header>img{display:block;width:100%;height:auto;margin:28px 0;border-radius:18px;border:1px solid #f0ded0}.topic-cluster-lead{background:#fff1e6;border:1px solid #f0ded0;border-radius:18px;padding:24px;margin-top:26px}.topic-cluster-lead p{margin:0}.topic-cluster-lead p+p{margin-top:16px}.topic-cluster-card{background:#fff;border:1px solid #f0ded0;border-radius:18px;box-shadow:0 10px 28px rgba(86,45,18,.07);padding:24px;margin:22px 0}.topic-cluster-card h3{margin:0 0 10px;color:#33261e}.topic-cluster-card p{margin:0}.topic-cluster-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.topic-cluster-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.topic-cluster-page .article-body>section{scroll-margin-top:90px}@media(max-width:600px){.topic-cluster-header h1{font-size:clamp(28px,9vw,40px)}.topic-cluster-header>img{border-radius:14px}.topic-cluster-lead,.topic-cluster-card{padding:18px}.topic-cluster-actions{flex-direction:column}.topic-cluster-actions a{width:100%}}
.topic-cluster-parent-links{padding:32px clamp(20px,8vw,120px);border-top:1px solid #f0ded0;background:#fff1e6}.topic-cluster-parent-links>div{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px}.topic-cluster-parent-links a{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #f0ded0;border-radius:999px;background:#fff;color:#c84c0c;font-weight:800;text-decoration:none;box-shadow:0 6px 18px rgba(86,45,18,.05)}.topic-cluster-parent-links a:hover{text-decoration:underline;text-underline-offset:4px}.topic-cluster-parent-links a:focus-visible{outline:3px solid rgba(249,115,22,.32);outline-offset:3px}@media(max-width:600px){.topic-cluster-parent-links{padding:24px 20px}.topic-cluster-parent-links>div{display:grid}.topic-cluster-parent-links a{width:100%;justify-content:space-between;border-radius:16px}}

/* Electrical-work industry hub */
.electrical-hub-hero>div{max-width:900px}.electrical-hub-jump{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.electrical-hub-jump a{min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;color:var(--orange-dark);border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;font-weight:800;text-decoration:none}.electrical-hub-section{padding:80px clamp(24px,8vw,120px)}.electrical-hub-section>.content-section-heading,.electrical-hub-section>.content-result-heading,.electrical-challenge-grid,.electrical-process-list,.electrical-resource-groups,.electrical-topic-guide{width:100%;max-width:1120px;margin-inline:auto}.electrical-hub-soft{background:var(--orange-soft)}.electrical-challenge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.electrical-challenge-card{padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(111,61,28,.06)}.electrical-challenge-card h3{margin:0 0 12px;font-size:21px}.electrical-challenge-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.electrical-card-actions{margin-top:auto;padding-top:20px;display:grid;gap:8px}.electrical-card-actions a,.electrical-process-links a{color:var(--orange-dark);font-size:13px;font-weight:800;text-decoration:none}.electrical-process-list{padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;list-style:none}.electrical-process-list>li{padding:24px;display:grid;align-content:start;gap:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.electrical-process-number{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:12px;background:var(--orange-dark);font-weight:900}.electrical-process-list h3{margin:0 0 10px;font-size:20px}.electrical-process-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.electrical-process-links{margin-top:16px;display:grid;gap:10px}.electrical-process-links span{display:grid;gap:6px}.electrical-resource-groups{display:grid;gap:46px}.electrical-resource-groups>section{scroll-margin-top:24px}.electrical-resource-groups h3{margin:0 0 18px;font-size:23px}.electrical-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.electrical-resource-card{min-height:172px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(111,61,28,.05);text-decoration:none}.electrical-resource-card:hover,.electrical-challenge-card:hover{border-color:#f4aa75;transform:translateY(-2px)}.electrical-resource-type{width:fit-content;margin-bottom:16px;padding:5px 10px;color:#fff;border-radius:999px;background:var(--orange-dark);font-size:12px;font-weight:800}.electrical-resource-type.secondary{color:var(--orange-dark);border:1px solid var(--orange-dark);background:#fff}.electrical-resource-card strong{color:var(--text);font-size:18px;line-height:1.6}.electrical-resource-card>span:last-child{margin-top:auto;padding-top:18px;color:var(--orange-dark);font-size:14px;font-weight:800}.electrical-topic-guide{margin-top:80px;margin-bottom:96px;padding:40px;border:1px solid var(--line);border-radius:18px;background:#fffaf5;text-align:center}.electrical-topic-guide h2{margin:8px 0 14px}.electrical-topic-guide p:not(.section-kicker){margin:0 auto 24px;max-width:720px;color:var(--muted);line-height:1.8}.electrical-topic-guide .content-secondary-button{display:inline-flex;text-decoration:none}
@media(max-width:1100px){.electrical-challenge-grid,.electrical-process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.electrical-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.electrical-hub-section{padding:58px 20px}.electrical-challenge-grid,.electrical-process-list,.electrical-resource-grid{grid-template-columns:1fr}.electrical-hub-jump{display:grid}.electrical-hub-jump a{width:100%}.electrical-challenge-card,.electrical-process-list>li,.electrical-resource-card{padding:22px 20px}.electrical-topic-guide{margin:58px 20px;padding:30px 20px}.electrical-resource-groups{gap:38px}}
.content-industry-tools-section{padding:80px clamp(24px,8vw,120px);background:var(--orange-soft)}
.content-industry-tools-section>.content-result-heading,.content-industry-tool-grid{width:100%;max-width:1120px;margin-inline:auto}
.content-industry-tools-section .section-lead{max-width:760px;margin:12px 0 0;text-align:left}
.content-industry-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.content-industry-tool-card{min-width:0;padding:26px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(111,61,28,.06);color:var(--text);text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.content-industry-tool-card:hover{border-color:#f4aa75;transform:translateY(-2px);box-shadow:0 14px 30px rgba(111,61,28,.1)}
.content-industry-tool-card:focus-visible{outline:3px solid var(--orange-accent);outline-offset:3px}
.content-industry-tool-icon{width:48px;height:48px;margin-bottom:16px;display:grid;place-items:center;border-radius:12px;background:#fff7f0;overflow:hidden}
.content-industry-tool-icon img{width:48px;height:48px;object-fit:contain}
.content-industry-tool-label{width:fit-content;padding:5px 10px;border-radius:999px;background:var(--orange-dark);color:#fff;font-size:12px;font-weight:800}
.content-industry-tool-card h3{margin:14px 0 10px;font-size:20px;line-height:1.55}
.content-industry-tool-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.content-industry-tool-card dl{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.content-industry-tool-card dl div{display:grid;gap:5px}.content-industry-tool-card dt{color:var(--muted);font-size:12px;font-weight:800}.content-industry-tool-card dd{margin:0;font-size:14px;font-weight:700;line-height:1.6}
.content-industry-tool-action{margin-top:auto;padding-top:20px;color:var(--orange-dark);font-size:14px;font-weight:800}
@media(max-width:980px){.content-industry-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.content-industry-tools-section{padding:58px 20px}.content-industry-tool-grid{grid-template-columns:1fr}.content-industry-tool-card{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.content-industry-tool-card{transition:none}.content-industry-tool-card:hover{transform:none}}
.professional-evidence {
  margin: 48px 0;
  padding: 28px;
  border: 1px solid #d7e3df;
  border-radius: 16px;
  background: #f7faf9;
}
.professional-evidence-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.professional-evidence-heading h2 { margin: 4px 0 0; }
.professional-evidence-updated { margin: 0; color: #52625d; font-size: 14px; white-space: nowrap; }
.professional-evidence-intro { margin: 0 0 20px; color: #41514c; }
.professional-evidence-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.professional-evidence-list > li { padding: 18px; border: 1px solid #dce7e3; border-radius: 12px; background: #fff; }
.professional-evidence-category { display: inline-block; margin-bottom: 8px; padding: 3px 9px; border-radius: 999px; background: #e7f2ee; color: #1e5f4c; font-size: 12px; font-weight: 700; }
.professional-evidence-list h3 { margin: 0 0 12px; font-size: 17px; line-height: 1.55; }
.professional-evidence-list h3 a { color: #174f40; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.professional-evidence-list dl { display: grid; gap: 7px; margin: 0; font-size: 14px; }
.professional-evidence-list dl div { display: grid; grid-template-columns: 92px 1fr; gap: 12px; }
.professional-evidence-list dt { color: #52625d; font-weight: 700; }
.professional-evidence-list dd { margin: 0; color: #27332f; }
@media (max-width: 640px) {
  .professional-evidence { margin: 36px 0; padding: 20px; }
  .professional-evidence-heading { display: block; }
  .professional-evidence-updated { margin-top: 8px; white-space: normal; }
  .professional-evidence-list dl div { grid-template-columns: 1fr; gap: 2px; }
}

/* AI knowledge sharing conversion paths */
.home-entry-section{padding:78px clamp(24px,8vw,120px) 88px;background:#fff;text-align:center}
.home-entry-heading{max-width:760px;margin:0 auto}
.home-entry-heading h2{margin:0 0 14px;font-size:clamp(30px,3vw,38px);line-height:1.45}
.home-entry-heading p{margin:0;color:var(--muted);line-height:1.9}
.home-entry-grid{max-width:1120px;margin:38px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:center}
.home-entry-card{min-width:0;padding:30px 34px 28px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(111,61,28,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-entry-card-ai{background:var(--orange-soft)}
.home-entry-card:hover{transform:translateY(-3px);border-color:#f0ad7c;box-shadow:0 16px 34px rgba(111,61,28,.1)}
.home-entry-card:focus-visible{outline:3px solid #ffb27a;outline-offset:4px}
.home-entry-icon{width:74px;height:74px;margin-bottom:12px;display:grid;place-items:center;color:var(--orange)}
.home-entry-icon svg{width:68px;height:68px}
.home-entry-label{margin:0 0 8px;color:var(--orange-dark);font-size:15px;font-weight:800}
.home-entry-card h3{margin:0 0 12px;color:var(--ink);font-size:clamp(22px,2.2vw,28px);line-height:1.45}
.home-entry-card>p{max-width:450px;min-height:58px;margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.85}
.home-entry-button{width:100%;min-height:52px;margin-top:auto;padding:13px 22px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--orange-dark);border-radius:10px;font-size:15px;font-weight:800}
.home-entry-button-outline{color:var(--orange-dark);background:#fff}
.home-entry-button-primary{color:#fff;background:var(--orange-dark);box-shadow:0 10px 22px rgba(200,76,12,.2)}
.content-ai-knowledge-cta{max-width:1120px;margin:52px auto 0;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid #edcdb6;border-radius:18px;background:#fff8f3}
.content-ai-knowledge-cta h2{margin:7px 0 8px;font-size:clamp(23px,2.5vw,31px);line-height:1.45}
.content-ai-knowledge-cta p:not(.section-kicker){margin:0;color:var(--muted);line-height:1.8}
.content-ai-knowledge-cta .primary-button{margin:0;min-width:260px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.article-ai-knowledge-cta{margin:54px 0;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #edcdb6;border-radius:18px;background:linear-gradient(135deg,#fff8f3,#fff0e5)}
.article-ai-knowledge-cta h2{margin:7px 0 9px;font-size:23px}
.article-ai-knowledge-cta p:not(.section-kicker){margin:0;color:var(--muted);line-height:1.8}
.article-ai-knowledge-cta .primary-button{min-width:250px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-align:center}
.article-ai-knowledge-actions{width:min(100%,290px);display:grid;flex:none;gap:12px}
.article-ai-knowledge-actions :is(.primary-button,.content-secondary-button){width:100%;min-width:0;min-height:52px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;white-space:normal;text-align:center;line-height:1.5}
.article-ai-knowledge-actions .content-secondary-button{border-color:#c84c0c;color:#c84c0c;background:#fff}
.article-ai-knowledge-actions .content-secondary-button:hover{background:#fff7f0;transform:translateY(-2px)}
@media(max-width:900px){
  .content-ai-knowledge-cta .primary-button,.article-ai-knowledge-cta .primary-button{width:100%;min-width:0}
  .content-ai-knowledge-cta{width:calc(100% - 40px);align-items:stretch;flex-direction:column}
  .article-ai-knowledge-cta{align-items:stretch;flex-direction:column}
  .article-ai-knowledge-actions{width:100%}
}
@media(max-width:700px){.home-entry-section{padding:58px 20px 64px}.home-entry-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.home-entry-card{padding:26px 20px 22px}.home-entry-card>p{min-height:0}.home-entry-button{padding-inline:16px}}
@media(max-width:600px){.content-ai-knowledge-cta{margin-top:34px;padding:22px 18px}.article-ai-knowledge-cta{padding:22px 18px}}

/* C057 furniture measurement guide */
.article-quick-answer{margin:0 0 34px;padding:26px 28px;border:1px solid #edcdb6;border-radius:18px;background:#fffaf6}
.article-quick-answer>p{margin:0 0 20px;line-height:1.9}
.article-quick-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.article-quick-answer-grid p{margin:0;padding:16px;border:1px solid #edd8c8;border-radius:12px;background:#fff;font-weight:700;line-height:1.75}
.article-quick-answer-grid span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:700}
.article-lead-c057{margin-top:0}
.article-support-list{padding:15px 18px 15px 40px;border-top:1px solid #f0ded0;border-bottom:1px solid #f0ded0;background:#fffaf6}
.article-support-list li{margin:5px 0;padding-left:2px;font-weight:400}
.article-support-list li::marker{color:var(--orange);font-size:.82em}
.article-usage-note{margin-top:18px}
@media(max-width:700px){.article-quick-answer{padding:20px 18px}.article-quick-answer-grid{grid-template-columns:1fr}.article-support-list{padding-left:36px}}

.article-c060 .article-c060-link-label { display:block; margin-bottom:8px; color:var(--muted); font-size:14px; line-height:1.8; }
.article-c060 .article-c060-image-card { padding:20px; }
.article-c060 .article-c060-image-card::before, .article-c060 .article-c060-image-card::after { content:none; }
.article-c060 .article-c060-image-card > a { display:grid; grid-template-columns:160px minmax(0,1fr); gap:20px; align-items:center; width:100%; text-decoration:none; }
.article-c060 .article-c060-image-card img { display:block; width:100%; height:auto; margin:0; border-radius:8px; }
.article-c060 .article-c060-image-card .article-c060-link-label { font-weight:400; }
.article-c060 .article-c060-link-title { text-decoration:underline; text-underline-offset:4px; }
@media (max-width:600px) { .article-c060 .article-c060-image-card > a { grid-template-columns:1fr; gap:14px; } }

/* Home industry navigation: four balanced entry points within the shared design system. */
.home-industry-section .content-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-industry-section .home-industry-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:20px;padding:28px;min-height:0;border-radius:18px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-industry-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--orange-soft);color:var(--orange-dark)}
.home-industry-icon svg{width:24px;height:24px}
.home-industry-copy{min-width:0;display:flex;flex-direction:column;height:100%}
.home-industry-copy h3{margin:0 0 12px;font-size:21px;font-weight:700;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
.home-industry-copy p{margin:0 0 22px;font-size:14px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.home-industry-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--orange-dark);font-size:14px;font-weight:700;line-height:1.5}
.home-industry-action svg{width:20px;height:20px;flex:none;transition:transform .2s ease}
.home-industry-section .home-industry-card:hover{border-color:var(--orange-dark);transform:translateY(-3px);box-shadow:0 12px 28px rgba(111,61,28,.10)}
.home-industry-card:hover .home-industry-action svg{transform:translateX(3px)}
.home-industry-card:focus-visible{outline:3px solid var(--orange-accent);outline-offset:4px}
@media(max-width:700px){.home-industry-section .content-industry-grid{grid-template-columns:1fr}.home-industry-section .home-industry-card{padding:24px;gap:16px}.home-industry-copy h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.home-industry-section .home-industry-card,.home-industry-action svg{transition:none}.home-industry-section .home-industry-card:hover,.home-industry-card:hover .home-industry-action svg{transform:none}}

/* C105: keep the tool action visible below the scrollable table of contents. */
.article-c105 .article-toc-cta,.article-c106 .article-toc-cta { flex-shrink:0; padding:20px; background:var(--orange-soft); }
.article-c105 .article-toc-cta-icon,.article-c106 .article-toc-cta-icon { display:none; }
.article-c106 .article-exact-body > h2,
.article-c106 .article-exact-body > h3 { scroll-margin-top:120px; }
.article-c107 .article-toc-cta { flex-shrink:0; padding:20px; background:var(--orange-soft); }
.article-c107 .article-toc-cta-icon { display:none; }
.article-c107 .article-exact-body > h2,
.article-c107 .article-exact-body > h3 { scroll-margin-top:120px; }
.article-c107 .article-inline-tool-action { margin:24px 0 32px; }
.article-c107 .article-inline-tool-action .primary-button { color:#fff; text-decoration:none; }
.article-c107 .article-inline-tool-action h3 { margin:8px 0 12px; font-size:23px; line-height:1.6; }

/* Inline related articles use the standard image-and-title content card. */
.article-related-image-card { margin:28px 0 32px; max-width:420px; }
.article-exact-body .article-related-image-card h3 { margin:0; font-size:21px; line-height:1.55; }
.article-exact-body .article-related-image-card .content-card-body>p { margin:0 0 10px; font-size:14px; }
.article-related-image-card .content-card-image { border:0; }
.article-related-image-card { max-width:none; }
.article-related-image-card .content-card { flex-direction:row; align-items:center; }
.article-related-image-card .content-card-image { flex:0 0 34%; }
.article-related-image-card .content-card-body { min-width:0; padding:20px 24px; }
@media (max-width:600px) {
  .article-related-image-card .content-card-image { flex-basis:36%; }
  .article-related-image-card .content-card-body { padding:14px 12px; }
  .article-exact-body .article-related-image-card h3 { font-size:15px; line-height:1.6; }
  .article-exact-body .article-related-image-card .content-card-body>p { font-size:12px; margin-bottom:6px; }
}
/* Related-card interaction: subtle lift and image zoom. */
.article-related-image-card .content-card { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.article-related-image-card .content-card-image img { transition:transform .35s ease; }
.article-related-image-card .content-card:focus-within { transform:translateY(-3px); border-color:var(--orange); box-shadow:0 12px 28px rgba(111,61,28,.13); }
.article-related-image-card .content-card:focus-within img { transform:scale(1.035); }
@media (hover:hover) and (pointer:fine) {
  .article-related-image-card .content-card:hover { transform:translateY(-3px); border-color:var(--orange); box-shadow:0 12px 28px rgba(111,61,28,.13); }
  .article-related-image-card .content-card:hover img { transform:scale(1.035); }
}
@media (prefers-reduced-motion:reduce) {
  .article-related-image-card .content-card,.article-related-image-card .content-card-image img { transition:none; }
  .article-related-image-card .content-card:hover,.article-related-image-card .content-card:focus-within,.article-related-image-card .content-card:hover img,.article-related-image-card .content-card:focus-within img { transform:none; }
}

/* C108: retain the approved article CTA and anchor spacing. */
.article-c108 .article-toc-cta { flex-shrink:0; padding:20px; background:var(--orange-soft); }
.article-c108 .article-toc-cta-icon { display:none; }
.article-c108 .article-exact-body > h2,
.article-c108 .article-exact-body > h3 { scroll-margin-top:120px; }
.article-c108 .article-inline-tool-action { margin:24px 0 32px; }
.article-c108 .article-inline-tool-action .primary-button { color:#fff; text-decoration:none; }
.article-c108 .article-inline-tool-action h3 { margin:8px 0 12px; font-size:23px; line-height:1.6; }

/* C109: retain the approved article CTA and anchor spacing. */
.article-c109 .article-toc-cta { flex-shrink:0; padding:20px; background:var(--orange-soft); }
.article-c109 .article-toc-cta-icon { display:none; }
.article-c109 .article-exact-body > h2,
.article-c109 .article-exact-body > h3 { scroll-margin-top:120px; }
.article-c109 .article-inline-tool-action { margin:24px 0 32px; }
.article-c109 .article-inline-tool-action .primary-button { color:#fff; text-decoration:none; }
.article-c109 .article-inline-tool-action h3 { margin:8px 0 12px; font-size:23px; line-height:1.6; }

/* C110: retain the approved article CTA and anchor spacing. */
.article-c110 .article-toc-cta { flex-shrink:0; padding:20px; background:var(--orange-soft); }
.article-c110 .article-toc-cta-icon { display:none; }
.article-c110 .article-exact-body > h2,
.article-c110 .article-exact-body > h3 { scroll-margin-top:120px; }
.article-c110 .article-inline-tool-action { margin:24px 0 32px; }
.article-c110 .article-inline-tool-action .primary-button { color:#fff; text-decoration:none; }
.article-c110 .article-inline-tool-action h3 { margin:8px 0 12px; font-size:23px; line-height:1.6; }

/* C111: retain the approved article CTA and anchor spacing. */
.article-c111 .article-toc-cta { flex-shrink:0; padding:20px; background:var(--orange-soft); }
.article-c111 .article-toc-cta-icon { display:none; }
.article-c111 .article-exact-body > h2,
.article-c111 .article-exact-body > h3 { scroll-margin-top:120px; }
.article-c111 .article-inline-tool-action { margin:24px 0 32px; }
.article-c111 .article-inline-tool-action .primary-button { color:#fff; text-decoration:none; }
.article-c111 .article-inline-tool-action h3 { margin:8px 0 12px; font-size:23px; line-height:1.6; }

/* TOP: one search surface and two complementary filters. */
.home-search-hero { padding:64px 24px 36px; text-align:center; background:linear-gradient(120deg,#fffaf5,#fff1e6); }
.home-search-hero h1 { margin:16px auto 20px; max-width:1000px; font-size:clamp(2.1rem,4.4vw,3.7rem); line-height:1.45; letter-spacing:-.035em; }
.home-search-hero h1 span { display:inline-block; }
.home-search-hero .lead { max-width:760px; margin:0 auto; font-size:1rem; }
.home-search-form { max-width:760px; margin:30px auto 0; text-align:left; }
.home-search-form label { display:block; font-size:1.35rem; font-weight:800; }
.home-search-form p { margin:4px 0 12px; color:var(--muted); font-size:.875rem; }
.home-search-input-row { display:flex; gap:10px; }
.home-search-input-row input { min-width:0; flex:1; background:white; color:var(--ink); border:1px solid #d4b9a7; border-radius:12px; padding:16px; font:inherit; }
.home-search-input-row button { border:0; cursor:pointer; font:inherit; font-weight:700; padding:14px 24px; }
.home-search-input-row svg { width:22px; height:22px; flex-shrink:0; }
.home-search-note { margin:18px auto 0; font-size:.875rem; color:var(--muted); }
.home-search-note a,.home-help-link a { text-decoration:underline; text-underline-offset:4px; }
.home-browse-section { padding:28px 24px 40px; border-bottom:1px solid var(--line); scroll-margin-top:100px; }
.home-browse-grid { max-width:760px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.home-browse-grid label { min-width:0; }
.home-browse-grid label span { display:block; font-size:1.125rem; font-weight:800; margin-bottom:10px; }
.home-browse-grid select { width:100%; max-width:100%; min-height:52px; border:1px solid #d4b9a7; border-radius:10px; padding:12px 32px 12px 12px; background:white; color:var(--ink); font:inherit; }
.home-finder input:focus-visible,.home-finder select:focus-visible,.home-finder button:focus-visible { outline:3px solid #f97316; outline-offset:3px; }
.home-search-results { max-width:1120px; margin:40px auto 0; }
.home-result-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.home-result-heading h2 { font-size:1.5rem; }
.home-result-heading h2 span { color:var(--orange-dark); }
.home-result-heading button { background:white; color:var(--orange-dark); border:1px solid var(--line); border-radius:8px; padding:12px; cursor:pointer; font:inherit; }
.home-result-grid { margin-top:20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.home-result-grid .tool-card h3 a { font-size:1.125rem; color:var(--ink); }
.home-result-grid .home-result-category { font-size:.875rem; }
.home-help-link { text-align:center; padding:24px; margin:0; }
.featured-tools-section > .featured-tools-grid { max-width:1120px; margin:32px auto 0; }
.featured-tool-body h3 { font-size:1.25rem; line-height:1.6; }
@media(max-width:700px) {
 .home-search-hero { padding:36px 20px 28px; }
 .home-search-form { margin-top:24px; }
 .home-search-input-row { gap:8px; }
 .home-search-input-row input { padding:12px; }
 .home-search-input-row button { padding:12px 14px; gap:6px; }
 .home-search-input-row svg { display:none; }
 .home-browse-section { padding:24px 20px 32px; }
 .home-browse-grid { grid-template-columns:1fr; gap:18px; }
 .home-result-grid { grid-template-columns:1fr; }
}
.home-search-input-row button { width:auto; flex:0 0 auto; }

.home-service-note { max-width:760px; margin:14px auto 0; font-size:.875rem; line-height:1.8; color:var(--muted); }
.home-service-note a { margin-inline:.25em; color:var(--orange-dark); text-decoration:underline; text-underline-offset:3px; }
#industries { scroll-margin-top:100px; }

/* Related article block titles are not document headings. */
.article-related-image-card .content-card-body > .content-card-title { margin:0; color:var(--ink); font-size:21px; font-weight:700; line-height:1.55; }
@media (max-width:600px) {
  .article-related-image-card .content-card-body > .content-card-title { font-size:15px; line-height:1.6; }
}

/* Article TOC targets: header clearance; admin bar is covered by root scroll-padding. */
.single-rw_article .article-exact-body :is(h2[id],h3[id]):not(aside *) { scroll-margin-top:98px; }
@media (max-width:1200px) {
  .single-rw_article .article-exact-body :is(h2[id],h3[id]):not(aside *) { scroll-margin-top:85px; }
}