/* Component CSS extracted from page-local style tags and consolidated by JA/EN page pair.
   Common shell, header, navigation, language controls, width and footer are defined in shared-redesign.css. */

/* ===== Shared component styles: 404.html; pages: 404.html ===== */

/* SEO本文をページ中央へ。作業ツール・処理ロジックには影響させない。 */
html[data-site-group="404.html"] .fp-practical-guide-final{
  width:min(1120px, calc(100% - 48px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="404.html"] .fp-practical-guide-final__head{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="404.html"] .fp-practical-guide-final__lead{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="404.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="404.html"] .filepat-seo-inner{
  width:min(1120px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="404.html"] .filepat-seo-heading{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
@media(max-width:900px){
  html[data-site-group="404.html"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
  }
  html[data-site-group="404.html"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
@media(max-width:640px){
  html[data-site-group="404.html"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  html[data-site-group="404.html"] .fp-practical-guide-final__head{
    padding-left:8px !important;
    padding-right:8px !important;
    text-align:center !important;
  }
  html[data-site-group="404.html"] .fp-practical-guide-final__lead{
    padding-left:4px !important;
    padding-right:4px !important;
    text-align:center !important;
  }
  html[data-site-group="404.html"] .fp-practical-guide-final__grid{
    width:100% !important;
  }
  html[data-site-group="404.html"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  html[data-site-group="404.html"] .filepat-seo-inner{
    width:100% !important;
  }
}

/* かんたん計算ツール v15 — readability gutters only. Layout/function untouched. */
html[data-site-group="404.html"] .directory{max-width:1180px!important;padding-left:clamp(32px,4vw,58px)!important;padding-right:clamp(32px,4vw,58px)!important;box-sizing:border-box!important}
html[data-site-group="404.html"] .directory-section{width:100%!important}
html[data-site-group="404.html"] .directory-section-head{padding-left:2px!important;padding-right:2px!important}
html[data-site-group="404.html"] .new-tools-editorial{margin-left:2px!important;margin-right:2px!important}
html[data-site-group="404.html"] .office, html[data-site-group="404.html"] .feature-grid, html[data-site-group="404.html"] .new-tools-editorial{width:100%!important}
html[data-site-group="404.html"] .filepat-seo-section{padding-left:clamp(28px,5vw,64px)!important;padding-right:clamp(28px,5vw,64px)!important}
html[data-site-group="404.html"] .filepat-seo-inner{width:min(1080px,100%)!important}
html[data-site-group="404.html"] .fp-practical-guide-final{margin-left:clamp(16px,3vw,40px)!important;margin-right:clamp(16px,3vw,40px)!important}
html[data-site-group="404.html"] .fp-practical-guide-final__head, html[data-site-group="404.html"] .fp-practical-guide-final__grid, html[data-site-group="404.html"] .fp-practical-guide-final__lead, html[data-site-group="404.html"] .fp-practical-guide-final__note{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
html[data-site-group="404.html"] .seo-main, html[data-site-group="404.html"] .seo-page, html[data-site-group="404.html"] .runtime-panel, html[data-site-group="404.html"] .section, html[data-site-group="404.html"] .related, html[data-site-group="404.html"] .faq, html[data-site-group="404.html"] .filepat-guide-panel{box-sizing:border-box}
@media(max-width:900px){
  html[data-site-group="404.html"] .directory{padding-left:28px!important;padding-right:28px!important}
  html[data-site-group="404.html"] .fp-practical-guide-final{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:640px){
  html[data-site-group="404.html"] .directory{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="404.html"] .directory-section-head{padding-left:0!important;padding-right:0!important}
  html[data-site-group="404.html"] .new-tools-editorial{margin-left:0!important;margin-right:0!important}
  html[data-site-group="404.html"] .filepat-seo-section{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="404.html"] .fp-practical-guide-final{margin-left:0!important;margin-right:0!important}
}

/* かんたん計算ツール final content alignment: one common reading frame across page sections. */
html[data-site-group="404.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="404.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
.filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
.fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Standalone SEO/tool pages: all long-form siblings use the same inner frame. */
html[data-site-group="404.html"] .seo-page{box-sizing:border-box !important;}
html[data-site-group="404.html"] .seo-page > .seo-main, html[data-site-group="404.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="404.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="404.html"] .seo-page > .filepat-seo-section, html[data-site-group="404.html"] .seo-page > .filepat-related-tools{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
html[data-site-group="404.html"] .seo-page > .fp-practical-guide-article-final{
  width:min(920px,calc(100% - 32px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
/* Tool directory and general prose pages: retain their own outer max-width, but center them. */
html[data-site-group="404.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  html[data-site-group="404.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="404.html"] .seo-page > .seo-main, html[data-site-group="404.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="404.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="404.html"] .seo-page > .filepat-seo-section, html[data-site-group="404.html"] .seo-page > .filepat-related-tools{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="404.html"] .seo-page > .fp-practical-guide-article-final{
    width:calc(100% - 32px) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="404.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
  .filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
  .fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="404.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  html[data-site-group="404.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section,
  .directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 24px) !important;
  }
}


/* ===== Shared component styles: app.html; pages: app.html, en/app.html ===== */

html[data-site-group="app.html"] .seo-content{max-width:1100px;margin:0 auto 88px;padding:0 24px;color:#181818}
html[data-site-group="app.html"] .seo-inner{border-top:1px solid #dedede;padding-top:38px}
html[data-site-group="app.html"] .seo-content .section-kicker{font-size:12px;letter-spacing:.08em;color:#707070;margin:0 0 8px}
html[data-site-group="app.html"] .seo-content h2{font-size:27px;line-height:1.4;margin:0 0 10px}
html[data-site-group="app.html"] .seo-content .seo-inner>p{max-width:780px;color:#707070;font-size:14px;line-height:1.9;margin:0 0 20px}
html[data-site-group="app.html"] .seo-links{display:flex;flex-wrap:wrap;gap:0;margin:0 0 34px;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
html[data-site-group="app.html"] .seo-links a{color:#181818;text-decoration:none;font-size:13px;padding:11px 16px 11px 0;margin-right:16px}
html[data-site-group="app.html"] .seo-links a:hover{text-decoration:underline}
html[data-site-group="app.html"] .seo-content article{padding:23px 0;border-bottom:1px solid #e4e4e4}
html[data-site-group="app.html"] .seo-content article h3, html[data-site-group="app.html"] .seo-faq-text h3{font-size:17px;margin:0 0 8px}
html[data-site-group="app.html"] .seo-content article p, html[data-site-group="app.html"] .seo-faq-text p{font-size:14px;line-height:1.9;color:#444;margin:0}
html[data-site-group="app.html"] .seo-faq-text{padding:30px 0 0}
html[data-site-group="app.html"] .seo-faq-text p{margin-top:10px}
@media(max-width:720px){
  html[data-site-group="app.html"] .seo-content{padding:0 16px;margin-bottom:64px}
  html[data-site-group="app.html"] .seo-content h2{font-size:23px}
  html[data-site-group="app.html"] .seo-links a{padding-right:12px;margin-right:12px}
}


/* かんたん計算ツール / AdMax PC 300x250 side slot */
html[data-site-group="app.html"] .filepat-main-with-side-ad{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;min-width:0}
html[data-site-group="app.html"] .filepat-side-ad{width:300px;min-width:300px;box-sizing:border-box;text-align:center;margin:0;padding:0;display:block;position:relative;z-index:1}
html[data-site-group="app.html"] .filepat-side-ad__inner{width:300px;min-width:300px;min-height:250px;box-sizing:border-box;margin:0 auto;text-align:center;display:block}
html[data-site-group="app.html"] .filepat-side-ad__inner iframe{display:block;max-width:300px;margin:0 auto}
@media (max-width:1050px){html[data-site-group="app.html"] .filepat-main-with-side-ad{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){html[data-site-group="app.html"] .filepat-main-with-side-ad{grid-template-columns:1fr;gap:14px}html[data-site-group="app.html"] .filepat-side-ad{width:100%;min-width:0}html[data-site-group="app.html"] .filepat-side-ad__inner{width:300px;min-width:300px;max-width:100%;min-height:250px;margin:0 auto}}


/* final かんたん計算ツール compact badge override */
html[data-site-group="app.html"] .file-icon::before, html[data-site-group="app.html"] .file-icon::after, html[data-site-group="app.html"] .sidebar .tool .ico::before, html[data-site-group="app.html"] .sidebar .tool .ico::after{content:none!important;display:none!important;width:0!important;height:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-site-group="app.html"] .file-icon{width:44px!important;height:29px!important;font-size:11px!important;padding:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html[data-site-group="app.html"] .sidebar .tool .ico.file-format-side, html[data-site-group="app.html"] .sidebar .tool .ico:not(.file-format-side){width:36px!important;min-width:36px!important;height:23px!important;flex:0 0 36px!important;font-size:8px!important;padding:0!important;box-sizing:border-box!important;border-radius:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html[data-site-group="app.html"] .sidebar .tool .ico{position:relative!important}
@media(max-width:640px){html[data-site-group="app.html"] .file-icon{width:38px!important;height:26px!important;font-size:10px!important}html[data-site-group="app.html"] .sidebar .tool .ico.file-format-side, html[data-site-group="app.html"] .sidebar .tool .ico:not(.file-format-side){width:34px!important;min-width:34px!important;height:22px!important;flex-basis:34px!important;font-size:7.5px!important}}


/* Unified reading layout for the homepage tool selection and the guide below it. */
html[data-site-group="app.html"] .directory{width:min(1220px,calc(100% - 32px))!important;max-width:1220px!important;margin-left:auto!important;margin-right:auto!important;padding:24px clamp(16px,3.4vw,44px) 56px!important;box-sizing:border-box!important;min-width:0!important}
html[data-site-group="app.html"] .directory-section, html[data-site-group="app.html"] .fp-unified-tools, html[data-site-group="app.html"] .filepat-home-selection-v1{width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-site-group="app.html"] .fp-unified-head, html[data-site-group="app.html"] .filepat-purpose-links, html[data-site-group="app.html"] .fp-unified-grid{max-width:100%!important;min-width:0!important}
html[data-site-group="app.html"] .fp-unified-head{display:block!important;align-items:initial!important;gap:0!important;padding:0 0 18px!important;text-align:left!important}
html[data-site-group="app.html"] .fp-unified-head h2{margin:0 0 10px!important;font-size:clamp(22px,2.3vw,28px)!important;line-height:1.4!important;letter-spacing:-.02em!important}
html[data-site-group="app.html"] .fp-unified-head p{display:block!important;margin:7px 0 0!important;text-align:left!important;font-size:14px!important;line-height:1.8!important;max-width:760px!important}
html[data-site-group="app.html"] .filepat-purpose-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:20px 0 22px!important;padding:0!important}
html[data-site-group="app.html"] .filepat-purpose-links a{display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:8px 13px!important;line-height:1.5!important;font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important;border-radius:5px!important}
html[data-site-group="app.html"] .fp-unified-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
html[data-site-group="app.html"] .fp-unified-tool{min-width:0!important;overflow-wrap:anywhere!important}
html[data-site-group="app.html"] .fp-unified-name, html[data-site-group="app.html"] .fp-unified-desc{overflow-wrap:anywhere!important}
html[data-site-group="app.html"] .page{width:min(1220px,calc(100% - 32px))!important;max-width:1220px!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;min-width:0!important}
html[data-site-group="app.html"] .filepat-main-with-side-ad, html[data-site-group="app.html"] .tool-layout, html[data-site-group="app.html"] .runtime-panel{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-site-group="app.html"] .fp-content-guide{width:min(980px,calc(100% - 40px));max-width:980px;margin:clamp(52px,7vw,88px) auto 76px;padding:clamp(28px,4.5vw,58px) clamp(22px,5.2vw,64px);box-sizing:border-box;background:#fff;border-top:1px solid #dce1e7;border-bottom:1px solid #dce1e7;color:#242932;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}
html[data-site-group="app.html"] .fp-content-guide *{box-sizing:border-box;min-width:0}
html[data-site-group="app.html"] .fp-content-guide__intro{max-width:790px;margin:0 auto 28px}
html[data-site-group="app.html"] .fp-content-guide__eyebrow{margin:0 0 12px;color:#657387;font-size:11px;font-weight:750;letter-spacing:.16em;line-height:1.5}
html[data-site-group="app.html"] .fp-content-guide__intro h2{margin:0 0 18px;color:#171c23;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}
html[data-site-group="app.html"] .fp-content-guide__intro p:last-child{margin:0;color:#4c5561;font-size:15px;line-height:2}
html[data-site-group="app.html"] .fp-content-guide__toc{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0 23px;margin:0;border-top:1px solid #e2e6eb;border-bottom:1px solid #e2e6eb}
html[data-site-group="app.html"] .fp-content-guide__toc a{color:#315d86;font-size:13px;line-height:1.8;text-decoration:underline;text-decoration-color:#bdcad7;text-underline-offset:3px;overflow-wrap:anywhere}
html[data-site-group="app.html"] .fp-content-guide__section{margin:42px 0 0;padding:32px 0 0;border-top:1px solid #e2e6eb;scroll-margin-top:96px}
html[data-site-group="app.html"] .fp-content-guide__section h3{margin:0 0 18px;color:#171c23;font-size:clamp(20px,2vw,25px);line-height:1.55;font-weight:700;letter-spacing:-.012em}
html[data-site-group="app.html"] .fp-content-guide__section>p{margin:0 0 18px;color:#434b56;font-size:15px;line-height:2}
html[data-site-group="app.html"] .fp-content-guide__section article{display:block;margin:28px 0 0;padding:0 0 25px;border-bottom:1px solid #edf0f3}
html[data-site-group="app.html"] .fp-content-guide__section article:last-child{padding-bottom:0;border-bottom:0}
html[data-site-group="app.html"] .fp-content-guide__section h4{margin:0 0 12px;color:#242a32;font-size:17px;font-weight:700;line-height:1.65}
html[data-site-group="app.html"] .fp-content-guide__section article p{margin:0 0 12px;color:#4a525d;font-size:14.5px;line-height:2}
html[data-site-group="app.html"] .fp-content-guide__section article p:last-child{margin-bottom:0}
html[data-site-group="app.html"] .fp-content-guide__section a{color:#245f96;text-underline-offset:3px}
html[data-site-group="app.html"] .fp-content-guide__steps{margin:0;padding:0;list-style:none;counter-reset:guide-step}
html[data-site-group="app.html"] .fp-content-guide__steps li{counter-increment:guide-step;position:relative;margin:0;padding:0 0 23px 48px}
html[data-site-group="app.html"] .fp-content-guide__steps li:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:0;color:#6c7c8e;font-size:12px;font-weight:750;letter-spacing:.05em;line-height:1.8}
html[data-site-group="app.html"] .fp-content-guide__steps li+li{padding-top:2px;border-top:1px solid #edf0f3}
html[data-site-group="app.html"] .fp-content-guide__steps li strong{display:block;margin:0 0 6px;font-size:15px;line-height:1.8;color:#242a32}
html[data-site-group="app.html"] .fp-content-guide__steps li p{margin:0;color:#4a525d;font-size:14.5px;line-height:2}
html[data-site-group="app.html"] .fp-content-guide__faq details{padding:17px 0;border-bottom:1px solid #e5e9ee}
html[data-site-group="app.html"] .fp-content-guide__faq details:first-of-type{border-top:1px solid #e5e9ee}
html[data-site-group="app.html"] .fp-content-guide__faq summary{cursor:pointer;position:relative;padding-right:28px;color:#242a32;font-size:15px;font-weight:700;line-height:1.7;list-style:none}
html[data-site-group="app.html"] .fp-content-guide__faq summary::-webkit-details-marker{display:none}
html[data-site-group="app.html"] .fp-content-guide__faq summary:after{content:"+";position:absolute;right:2px;top:0;color:#617286;font-size:20px;font-weight:400;line-height:1.2}
html[data-site-group="app.html"] .fp-content-guide__faq details[open] summary:after{content:"−"}
html[data-site-group="app.html"] .fp-content-guide__faq details p{margin:12px 0 0;color:#4a525d;font-size:14.5px;line-height:1.95}
@media(max-width:760px){html[data-site-group="app.html"] .directory{width:calc(100% - 24px)!important;padding:18px 14px 42px!important}html[data-site-group="app.html"] .page{width:calc(100% - 24px)!important}html[data-site-group="app.html"] .fp-unified-head h2{font-size:22px!important}html[data-site-group="app.html"] .fp-unified-head p{font-size:13px!important}html[data-site-group="app.html"] .filepat-purpose-links{gap:7px!important;margin:16px 0 18px!important}html[data-site-group="app.html"] .filepat-purpose-links a{min-height:40px!important;padding:8px 10px!important}html[data-site-group="app.html"] .fp-content-guide{width:calc(100% - 24px);margin:48px auto 56px;padding:28px 22px}html[data-site-group="app.html"] .fp-content-guide__intro h2{font-size:25px}html[data-site-group="app.html"] .fp-content-guide__intro p:last-child, html[data-site-group="app.html"] .fp-content-guide__section>p{font-size:14px;line-height:1.95}html[data-site-group="app.html"] .fp-content-guide__section{margin-top:34px;padding-top:26px}html[data-site-group="app.html"] .fp-content-guide__section h3{font-size:21px}html[data-site-group="app.html"] .fp-content-guide__section h4{font-size:16px}html[data-site-group="app.html"] .fp-content-guide__section article p, html[data-site-group="app.html"] .fp-content-guide__steps li p, html[data-site-group="app.html"] .fp-content-guide__faq details p{font-size:14px;line-height:1.9}html[data-site-group="app.html"] .fp-content-guide__toc{gap:7px 14px}}
@media(max-width:420px){html[data-site-group="app.html"] .directory{width:calc(100% - 16px)!important;padding:14px 10px 36px!important}html[data-site-group="app.html"] .page{width:calc(100% - 16px)!important}html[data-site-group="app.html"] .fp-unified-head h2{font-size:21px!important}html[data-site-group="app.html"] .fp-unified-head p{font-size:13px!important}html[data-site-group="app.html"] .fp-content-guide{width:calc(100% - 20px);padding:24px 17px;margin-top:38px}html[data-site-group="app.html"] .fp-content-guide__intro h2{font-size:23px}html[data-site-group="app.html"] .fp-content-guide__section h3{font-size:20px}html[data-site-group="app.html"] .fp-content-guide__steps li{padding-left:38px}}
@media(prefers-reduced-motion:reduce){html[data-site-group="app.html"] .fp-content-guide *{scroll-behavior:auto!important}}


/* Easy Calculators / AdMax PC 300x250 side slot */
html[data-site-group="app.html"] .filepat-main-with-side-ad{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;min-width:0}
html[data-site-group="app.html"] .filepat-side-ad{width:300px;min-width:300px;box-sizing:border-box;text-align:center;margin:0;padding:0;display:block;position:relative;z-index:1}
html[data-site-group="app.html"] .filepat-side-ad__inner{width:300px;min-width:300px;min-height:250px;box-sizing:border-box;margin:0 auto;text-align:center;display:block}
html[data-site-group="app.html"] .filepat-side-ad__inner iframe{display:block;max-width:300px;margin:0 auto}
@media (max-width:1050px){html[data-site-group="app.html"] .filepat-main-with-side-ad{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){html[data-site-group="app.html"] .filepat-main-with-side-ad{grid-template-columns:1fr;gap:14px}html[data-site-group="app.html"] .filepat-side-ad{width:100%;min-width:0}html[data-site-group="app.html"] .filepat-side-ad__inner{width:300px;min-width:300px;max-width:100%;min-height:250px;margin:0 auto}}


/* ===== Shared component styles: articles/year-end-file-organization.html; pages: articles/year-end-file-organization.html, en/articles/year-end-file-organization.html ===== */
html[data-site-group="articles/year-end-file-organization.html"] body{font-family:Arial,"Noto Sans JP","Yu Gothic",sans-serif;background:#f6f7f9;color:#20242a}html[data-site-group="articles/year-end-file-organization.html"] .article-wrap{max-width:900px;margin:0 auto;padding:18px 18px 60px}html[data-site-group="articles/year-end-file-organization.html"] .article{background:#fff;border:1px solid #dfe3e7;border-radius:16px;padding:38px 42px}html[data-site-group="articles/year-end-file-organization.html"] .article h1{font-size:34px;line-height:1.35;letter-spacing:-.03em;margin:10px 0 20px}html[data-site-group="articles/year-end-file-organization.html"] .article h2{font-size:24px;line-height:1.45;margin:42px 0 14px}html[data-site-group="articles/year-end-file-organization.html"] .article h3{font-size:18px;line-height:1.5;margin:28px 0 10px}html[data-site-group="articles/year-end-file-organization.html"] .article p, html[data-site-group="articles/year-end-file-organization.html"] .article li{font-size:15px;line-height:2;color:#4f5862}html[data-site-group="articles/year-end-file-organization.html"] .article ul, html[data-site-group="articles/year-end-file-organization.html"] .article ol{padding-left:1.4em}html[data-site-group="articles/year-end-file-organization.html"] .article strong{color:#1f252b}html[data-site-group="articles/year-end-file-organization.html"] .lead{font-size:17px!important;color:#353c44!important;line-height:2!important}html[data-site-group="articles/year-end-file-organization.html"] .note{padding:16px 18px;border:1px solid #cfd6dd;border-radius:10px;background:#f8fafb;margin:22px 0}html[data-site-group="articles/year-end-file-organization.html"] .cta{margin:28px 0;padding:22px;border:1px solid #b71c1c;border-radius:12px;background:#fff8f8}html[data-site-group="articles/year-end-file-organization.html"] .cta h3{margin-top:0;color:#8f1111}html[data-site-group="articles/year-end-file-organization.html"] .cta a{display:inline-block;padding:11px 16px;border-radius:8px;background:#b71c1c;color:#fff;text-decoration:none;font-weight:700}html[data-site-group="articles/year-end-file-organization.html"] .article-nav{margin-bottom:14px}html[data-site-group="articles/year-end-file-organization.html"] .article-nav a{color:#4f5b66}html[data-site-group="articles/year-end-file-organization.html"] .ad-inline{margin:18px 0;min-height:90px;display:grid;place-items:center;overflow:hidden}@media(max-width:700px){html[data-site-group="articles/year-end-file-organization.html"] .article-wrap{padding:10px 10px 40px}html[data-site-group="articles/year-end-file-organization.html"] .article{padding:24px 18px}html[data-site-group="articles/year-end-file-organization.html"] .article h1{font-size:28px}html[data-site-group="articles/year-end-file-organization.html"] .article h2{font-size:21px;margin-top:34px}html[data-site-group="articles/year-end-file-organization.html"] .article p, html[data-site-group="articles/year-end-file-organization.html"] .article li{font-size:14px}html[data-site-group="articles/year-end-file-organization.html"] .lead{font-size:16px!important}}@media(prefers-reduced-motion:reduce){html[data-site-group="articles/year-end-file-organization.html"] *{scroll-behavior:auto!important}}

/* SEO本文をページ中央へ。作業ツール・処理ロジックには影響させない。 */
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{
  width:min(1120px, calc(100% - 48px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__head{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__lead{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-inner{
  width:min(1120px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-heading{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
@media(max-width:900px){
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
@media(max-width:640px){
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__head{
    padding-left:8px !important;
    padding-right:8px !important;
    text-align:center !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__lead{
    padding-left:4px !important;
    padding-right:4px !important;
    text-align:center !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__grid{
    width:100% !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-inner{
    width:100% !important;
  }
}

/* かんたん計算ツール v15 — readability gutters only. Layout/function untouched. */
html[data-site-group="articles/year-end-file-organization.html"] .directory{max-width:1180px!important;padding-left:clamp(32px,4vw,58px)!important;padding-right:clamp(32px,4vw,58px)!important;box-sizing:border-box!important}
html[data-site-group="articles/year-end-file-organization.html"] .directory-section{width:100%!important}
html[data-site-group="articles/year-end-file-organization.html"] .directory-section-head{padding-left:2px!important;padding-right:2px!important}
html[data-site-group="articles/year-end-file-organization.html"] .new-tools-editorial{margin-left:2px!important;margin-right:2px!important}
html[data-site-group="articles/year-end-file-organization.html"] .office, html[data-site-group="articles/year-end-file-organization.html"] .feature-grid, html[data-site-group="articles/year-end-file-organization.html"] .new-tools-editorial{width:100%!important}
html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-section{padding-left:clamp(28px,5vw,64px)!important;padding-right:clamp(28px,5vw,64px)!important}
html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-inner{width:min(1080px,100%)!important}
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{margin-left:clamp(16px,3vw,40px)!important;margin-right:clamp(16px,3vw,40px)!important}
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__head, html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__grid, html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__lead, html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__note{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
html[data-site-group="articles/year-end-file-organization.html"] .seo-main, html[data-site-group="articles/year-end-file-organization.html"] .seo-page, html[data-site-group="articles/year-end-file-organization.html"] .runtime-panel, html[data-site-group="articles/year-end-file-organization.html"] .section, html[data-site-group="articles/year-end-file-organization.html"] .related, html[data-site-group="articles/year-end-file-organization.html"] .faq, html[data-site-group="articles/year-end-file-organization.html"] .filepat-guide-panel{box-sizing:border-box}
@media(max-width:900px){
  html[data-site-group="articles/year-end-file-organization.html"] .directory{padding-left:28px!important;padding-right:28px!important}
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:640px){
  html[data-site-group="articles/year-end-file-organization.html"] .directory{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="articles/year-end-file-organization.html"] .directory-section-head{padding-left:0!important;padding-right:0!important}
  html[data-site-group="articles/year-end-file-organization.html"] .new-tools-editorial{margin-left:0!important;margin-right:0!important}
  html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-section{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{margin-left:0!important;margin-right:0!important}
}

/* かんたん計算ツール final content alignment: one common reading frame across page sections. */
html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
.filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
.fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Standalone SEO/tool pages: all long-form siblings use the same inner frame. */
html[data-site-group="articles/year-end-file-organization.html"] .seo-page{box-sizing:border-box !important;}
html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .seo-main, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-seo-section, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-related-tools{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-article-final{
  width:min(920px,calc(100% - 32px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
/* Tool directory and general prose pages: retain their own outer max-width, but center them. */
html[data-site-group="articles/year-end-file-organization.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .seo-main, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-seo-section, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-related-tools{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-article-final{
    width:calc(100% - 32px) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
  .filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
  .fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section,
  .directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 24px) !important;
  }
}


html[data-site-group="articles/year-end-file-organization.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="articles/year-end-file-organization.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="articles/year-end-file-organization.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="articles/year-end-file-organization.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="articles/year-end-file-organization.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="articles/year-end-file-organization.html"] .seo-main{padding-top:42px}html[data-site-group="articles/year-end-file-organization.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="articles/year-end-file-organization.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="articles/year-end-file-organization.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="articles/year-end-file-organization.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="articles/year-end-file-organization.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="articles/year-end-file-organization.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="articles/year-end-file-organization.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="articles/year-end-file-organization.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="articles/year-end-file-organization.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="articles/year-end-file-organization.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="articles/year-end-file-organization.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="articles/year-end-file-organization.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="articles/year-end-file-organization.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="articles/year-end-file-organization.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="articles/year-end-file-organization.html"] .faq p{margin:10px 0 0}html[data-site-group="articles/year-end-file-organization.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="articles/year-end-file-organization.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="articles/year-end-file-organization.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="articles/year-end-file-organization.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="articles/year-end-file-organization.html"] .seo-page{padding:0 16px 54px}html[data-site-group="articles/year-end-file-organization.html"] .seo-header{padding:18px 0}html[data-site-group="articles/year-end-file-organization.html"] .seo-main{padding-top:34px}html[data-site-group="articles/year-end-file-organization.html"] .seo-main h1{font-size:31px}html[data-site-group="articles/year-end-file-organization.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="articles/year-end-file-organization.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="articles/year-end-file-organization.html"] .section{padding:28px 0}html[data-site-group="articles/year-end-file-organization.html"] .section h2{font-size:20px}html[data-site-group="articles/year-end-file-organization.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="articles/year-end-file-organization.html"] .related a{font-size:12px}}

/* Easy Calculators v15 — readability gutters only. Layout/function untouched. */
html[data-site-group="articles/year-end-file-organization.html"] .directory{max-width:1180px!important;padding-left:clamp(32px,4vw,58px)!important;padding-right:clamp(32px,4vw,58px)!important;box-sizing:border-box!important}
html[data-site-group="articles/year-end-file-organization.html"] .directory-section{width:100%!important}
html[data-site-group="articles/year-end-file-organization.html"] .directory-section-head{padding-left:2px!important;padding-right:2px!important}
html[data-site-group="articles/year-end-file-organization.html"] .new-tools-editorial{margin-left:2px!important;margin-right:2px!important}
html[data-site-group="articles/year-end-file-organization.html"] .office, html[data-site-group="articles/year-end-file-organization.html"] .feature-grid, html[data-site-group="articles/year-end-file-organization.html"] .new-tools-editorial{width:100%!important}
html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-section{padding-left:clamp(28px,5vw,64px)!important;padding-right:clamp(28px,5vw,64px)!important}
html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-inner{width:min(1080px,100%)!important}
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{margin-left:clamp(16px,3vw,40px)!important;margin-right:clamp(16px,3vw,40px)!important}
html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__head, html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__grid, html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__lead, html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final__note{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
html[data-site-group="articles/year-end-file-organization.html"] .seo-main, html[data-site-group="articles/year-end-file-organization.html"] .seo-page, html[data-site-group="articles/year-end-file-organization.html"] .runtime-panel, html[data-site-group="articles/year-end-file-organization.html"] .section, html[data-site-group="articles/year-end-file-organization.html"] .related, html[data-site-group="articles/year-end-file-organization.html"] .faq, html[data-site-group="articles/year-end-file-organization.html"] .filepat-guide-panel{box-sizing:border-box}
@media(max-width:900px){
  html[data-site-group="articles/year-end-file-organization.html"] .directory{padding-left:28px!important;padding-right:28px!important}
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:640px){
  html[data-site-group="articles/year-end-file-organization.html"] .directory{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="articles/year-end-file-organization.html"] .directory-section-head{padding-left:0!important;padding-right:0!important}
  html[data-site-group="articles/year-end-file-organization.html"] .new-tools-editorial{margin-left:0!important;margin-right:0!important}
  html[data-site-group="articles/year-end-file-organization.html"] .filepat-seo-section{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="articles/year-end-file-organization.html"] .fp-practical-guide-final{margin-left:0!important;margin-right:0!important}
}

/* Easy Calculators final content alignment: one common reading frame across page sections. */
html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
.filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
.fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Standalone SEO/tool pages: all long-form siblings use the same inner frame. */
html[data-site-group="articles/year-end-file-organization.html"] .seo-page{box-sizing:border-box !important;}
html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .seo-main, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-seo-section, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-related-tools{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-article-final{
  width:min(920px,calc(100% - 32px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
/* Tool directory and general prose pages: retain their own outer max-width, but center them. */
html[data-site-group="articles/year-end-file-organization.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .seo-main, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-seo-section, html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .filepat-related-tools{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] .seo-page > .fp-practical-guide-article-final{
    width:calc(100% - 32px) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
  .filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
  .fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="articles/year-end-file-organization.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  html[data-site-group="articles/year-end-file-organization.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section,
  .directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 24px) !important;
  }
}


/* ===== Shared component styles: file-tools-home; pages: file-index.html, en/index.html ===== */

/* かんたん計算ツール v12: stable responsive directory layout. No border-left accents, gradients, or glow. */
html[data-site-group="file-tools-home"] .directory{width:100%;max-width:1180px;margin:0 auto;padding:20px 24px 60px;min-width:0}
html[data-site-group="file-tools-home"] .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;min-width:0}
html[data-site-group="file-tools-home"] .directory-section{width:100%;min-width:0;margin:0 0 34px}
html[data-site-group="file-tools-home"] .directory-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:14px}
html[data-site-group="file-tools-home"] .directory-section-head h2{margin:0;min-width:0}
html[data-site-group="file-tools-home"] .directory-section-head p{margin:0;max-width:620px}
html[data-site-group="file-tools-home"] .feature-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) 34px!important;grid-template-rows:auto auto 1fr auto!important;align-items:start!important;min-width:0;width:100%;height:auto!important}
html[data-site-group="file-tools-home"] .feature-card .feature-top{flex:0 0 auto}
html[data-site-group="file-tools-home"] .feature-card strong{display:block;min-width:0;overflow-wrap:anywhere}
html[data-site-group="file-tools-home"] .feature-card .use{display:block;min-width:0;overflow-wrap:anywhere}
html[data-site-group="file-tools-home"] .feature-card .go{display:block;margin-top:auto;padding-top:12px}
html[data-site-group="file-tools-home"] .office-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

html[data-site-group="file-tools-home"] .feature-card{position:relative;min-height:178px;padding:18px 18px 16px;border:1px solid #d9dde2;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(20,26,34,.04);transition:background-color .15s,border-color .15s,transform .15s;overflow:hidden}
html[data-site-group="file-tools-home"] .feature-card::before{content:counter(fp-tool,decimal-leading-zero)!important;grid-column:1!important;grid-row:1 / span 4!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;padding-top:3px!important;color:#a1a8b1!important;font:700 10px/1 Inter,sans-serif!important;letter-spacing:.08em!important}
html[data-site-group="file-tools-home"] .feature-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(20,26,34,.07)}
html[data-site-group="file-tools-home"] .feature-card:active{transform:translateY(0)}
html[data-site-group="file-tools-home"] .feature-card:focus-visible{outline:3px solid #1b63b9!important;outline-offset:3px}
html[data-site-group="file-tools-home"] .feature-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
html[data-site-group="file-tools-home"] .file-icon{width:42px;height:50px;padding:0 3px 6px;border-radius:7px;border:1px solid #cfd4da;background:#fff;box-shadow:none;font-size:9px;color:#59616b}
html[data-site-group="file-tools-home"] .file-icon:before{border-color:#cfd4da;background:#fff}
html[data-site-group="file-tools-home"] .file-icon:after{border-bottom-color:#e8ebee}
html[data-site-group="file-tools-home"] .feature-card .tag{font-size:10px;font-weight:700;letter-spacing:.09em;color:#5e6670}
html[data-site-group="file-tools-home"] .feature-card strong{font-size:18px;line-height:1.45;color:#17191d;letter-spacing:-.015em}
html[data-site-group="file-tools-home"] .feature-card .use{padding-top:14px;color:#535c66;font-size:13px;line-height:1.75}
html[data-site-group="file-tools-home"] .feature-card .go{margin-top:12px;color:#1f2933;font-size:12px;font-weight:700}
html[data-site-group="file-tools-home"] .feature-card:hover .go{text-decoration:underline;text-underline-offset:3px}
/* Category colors: the icon and small label carry the color; card body stays neutral. */
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-IMG) .file-icon{border-color:#3f78bd;color:#245b97;background:#eef5ff}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-IMG) .tag{color:#245b97}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-DATA) .file-icon{border-color:#4c8a5b;color:#2f6540;background:#eff8f1}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-DATA) .tag{color:#2f6540}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-ARCHIVE) .file-icon{border-color:#a77a1e;color:#6f520c;background:#fff8e6}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-ARCHIVE) .tag{color:#6f520c}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-UTILITY) .file-icon{border-color:#7055a5;color:#503d78;background:#f5f1fb}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-UTILITY) .tag{color:#503d78}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-OFFICE) .file-icon{border-color:#347f82;color:#216166;background:#eef8f8}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-OFFICE) .tag{color:#216166}
/* Category colors stay on the file icon and label; the card frame remains neutral. */
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-IMG), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-DATA), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-ARCHIVE), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-UTILITY), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-OFFICE){border:1px solid #d7dce2;background:#fff}
html[data-site-group="file-tools-home"] .feature-card.pdf-card{border:1px solid #d7dce2;background:#fff}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon{border:2px solid #b71c1c;color:#8f1111;background:#fff0f0}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon:before{border-color:#b71c1c}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon:after{border-bottom-color:#f3cccc}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .tag{color:#9f1616}
html[data-site-group="file-tools-home"] .feature-card.pdf-card:hover{border-color:#c8cfd7;background:#fff}
@media(max-width:1120px){html[data-site-group="file-tools-home"] .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-site-group="file-tools-home"] .directory{padding-left:20px;padding-right:20px}}
@media(max-width:860px){html[data-site-group="file-tools-home"] .feature-grid, html[data-site-group="file-tools-home"] .office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-group="file-tools-home"] .directory-section-head{align-items:flex-start}html[data-site-group="file-tools-home"] .directory-section-head p{max-width:none}}
@media(max-width:640px){html[data-site-group="file-tools-home"] .directory{padding:4px 10px 36px}html[data-site-group="file-tools-home"] .feature-grid, html[data-site-group="file-tools-home"] .office-grid{grid-template-columns:1fr;gap:7px}html[data-site-group="file-tools-home"] .feature-card{min-height:0;padding:11px 12px 10px}html[data-site-group="file-tools-home"] .feature-top{gap:8px;margin-bottom:7px}html[data-site-group="file-tools-home"] .feature-card strong{font-size:15px;line-height:1.3}html[data-site-group="file-tools-home"] .feature-card .use{padding-top:7px;font-size:11px;line-height:1.45}html[data-site-group="file-tools-home"] .feature-card .go{margin-top:7px;padding-top:7px;font-size:10px}html[data-site-group="file-tools-home"] .file-icon{width:34px;height:40px;font-size:17px!important}html[data-site-group="file-tools-home"] .file-icon i{font-size:17px!important}html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon i{font-size:18px!important}html[data-site-group="file-tools-home"] .directory-section{margin-bottom:20px}html[data-site-group="file-tools-home"] .directory-section-head{margin-bottom:9px}html[data-site-group="file-tools-home"] .directory-section-head h2{font-size:20px}html[data-site-group="file-tools-home"] .directory-section-head p{font-size:11px}}
@media(max-width:420px){html[data-site-group="file-tools-home"] .directory{padding-left:10px;padding-right:10px}html[data-site-group="file-tools-home"] .feature-card{padding:15px}html[data-site-group="file-tools-home"] .feature-card .use{line-height:1.65}html[data-site-group="file-tools-home"] .directory-section-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html[data-site-group="file-tools-home"] .feature-card{transition:none}html[data-site-group="file-tools-home"] .feature-card:hover, html[data-site-group="file-tools-home"] .feature-card:active{transform:none}}


html[data-site-group="file-tools-home"] .file-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:50px;padding:0;border:1px solid #cfd4da!important;border-radius:8px;background:#fff!important;box-shadow:none!important;font-size:22px!important;line-height:1}
html[data-site-group="file-tools-home"] .file-icon::before, html[data-site-group="file-tools-home"] .file-icon::after{content:none!important;border:0!important;background:none!important}
html[data-site-group="file-tools-home"] .file-icon i{font-size:22px;line-height:1}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-IMG) .file-icon{color:#245b97;background:#eef5ff!important;border-color:#b8cde5!important}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-DATA) .file-icon{color:#2f6540;background:#eff8f1!important;border-color:#bcd8c4!important}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-ARCHIVE) .file-icon{color:#7a5a0d;background:#fff8e6!important;border-color:#e1cb92!important}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-UTILITY) .file-icon{color:#503d78;background:#f5f1fb!important;border-color:#d0c5e4!important}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-OFFICE) .file-icon{color:#216166;background:#eef8f8!important;border-color:#bdd7d8!important}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon{color:#8f1111!important;background:#fff0f0!important;border:2px solid #b71c1c!important}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon i{font-size:23px}
@media(max-width:640px){html[data-site-group="file-tools-home"] .file-icon{width:40px;height:48px}html[data-site-group="file-tools-home"] .file-icon i{font-size:20px}}

html[data-site-group="file-tools-home"] .file-icon-stack{gap:2px!important}
html[data-site-group="file-tools-home"] .file-icon-stack .real-file-icon{width:22px!important;height:22px!important}
@media(max-width:640px){html[data-site-group="file-tools-home"] .file-icon-stack .real-file-icon{width:20px!important;height:20px!important}}


/* final かんたん計算ツール compact badge override */
html[data-site-group="file-tools-home"] .file-icon::before, html[data-site-group="file-tools-home"] .file-icon::after, html[data-site-group="file-tools-home"] .sidebar .tool .ico::before, html[data-site-group="file-tools-home"] .sidebar .tool .ico::after{content:none!important;display:none!important;width:0!important;height:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-site-group="file-tools-home"] .file-icon{width:44px!important;height:29px!important;font-size:11px!important;padding:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html[data-site-group="file-tools-home"] .sidebar .tool .ico.file-format-side, html[data-site-group="file-tools-home"] .sidebar .tool .ico:not(.file-format-side){width:36px!important;min-width:36px!important;height:23px!important;flex:0 0 36px!important;font-size:8px!important;padding:0!important;box-sizing:border-box!important;border-radius:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html[data-site-group="file-tools-home"] .sidebar .tool .ico{position:relative!important}
@media(max-width:640px){html[data-site-group="file-tools-home"] .file-icon{width:38px!important;height:26px!important;font-size:10px!important}html[data-site-group="file-tools-home"] .sidebar .tool .ico.file-format-side, html[data-site-group="file-tools-home"] .sidebar .tool .ico:not(.file-format-side){width:34px!important;min-width:34px!important;height:22px!important;flex-basis:34px!important;font-size:7.5px!important}}


html[data-site-group="file-tools-home"] .filepat-home-intro{max-width:980px;margin:4px auto 44px;padding:0 4px}html[data-site-group="file-tools-home"] .filepat-home-eyebrow{display:block;margin-bottom:10px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.12em;color:#65707c}html[data-site-group="file-tools-home"] .filepat-home-intro h1{margin:0;color:#15181c;font-size:clamp(28px,4vw,44px);line-height:1.24;letter-spacing:-.025em;font-weight:700}html[data-site-group="file-tools-home"] .filepat-home-intro p{max-width:760px;margin:14px 0 0;color:#66707b;font-size:15px;line-height:1.8}html[data-site-group="file-tools-home"] .filepat-purpose-section{margin:0 0 42px}html[data-site-group="file-tools-home"] .filepat-purpose-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 14px;padding:0 2px}html[data-site-group="file-tools-home"] .filepat-purpose-head h2{margin:0;font-size:24px;line-height:1.35;color:#17191d}html[data-site-group="file-tools-home"] .filepat-purpose-head p{margin:0;max-width:610px;color:#69727d;font-size:13px;line-height:1.7}html[data-site-group="file-tools-home"] .filepat-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card{min-height:138px!important;height:auto!important;padding:18px 18px 16px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto 1fr auto!important;gap:0!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card::before, html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card::after{display:none!important;content:none!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card .feature-top{grid-column:1!important;grid-row:1!important;margin:0 0 8px!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card strong{grid-column:1!important;grid-row:2!important;font-size:18px!important;line-height:1.4!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card .use{grid-column:1!important;grid-row:3!important;padding:7px 0 0!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card .go{grid-column:1!important;grid-row:4!important;margin:12px 0 0!important;padding:0!important;color:#2c5f91!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card:hover{transform:none!important;background:#fff!important;box-shadow:0 4px 12px rgba(20,26,34,.05)!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card:focus-visible{transform:none!important}html[data-site-group="file-tools-home"] .filepat-purpose-more{margin:12px 0 0;color:#7a828b;font-size:12px;line-height:1.7}html[data-site-group="file-tools-home"] .filepat-purpose-more a{color:inherit}html[data-site-group="file-tools-home"] .filepat-purpose-section:last-child{margin-bottom:0}
@media(max-width:760px){html[data-site-group="file-tools-home"] .filepat-home-intro{margin-bottom:34px;padding:0}html[data-site-group="file-tools-home"] .filepat-purpose-head{display:block;margin-bottom:12px}html[data-site-group="file-tools-home"] .filepat-purpose-head p{margin-top:6px}html[data-site-group="file-tools-home"] .filepat-purpose-grid{grid-template-columns:1fr;gap:8px}html[data-site-group="file-tools-home"] .filepat-purpose-section{margin-bottom:34px}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card{min-height:0!important;padding:15px!important}html[data-site-group="file-tools-home"] .filepat-home-intro h1{font-size:30px}html[data-site-group="file-tools-home"] .filepat-home-intro p{font-size:14px}}


html[data-site-group="file-tools-home"] .filepat-home-intro{max-width:1180px;margin:0 auto 28px;padding:0 4px}
html[data-site-group="file-tools-home"] .filepat-home-intro .filepat-home-eyebrow{display:block;margin:0 0 5px;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.12em;color:#68727d}
html[data-site-group="file-tools-home"] .filepat-home-summary{margin:0;color:#20252b;font-size:22px;font-weight:650;line-height:1.45;letter-spacing:-.02em}
html[data-site-group="file-tools-home"] .filepat-purpose-section{margin:0 0 30px}
html[data-site-group="file-tools-home"] .filepat-purpose-head{margin:0 0 10px;padding:0 2px}
html[data-site-group="file-tools-home"] .filepat-purpose-head h2{font-size:20px;line-height:1.35}
html[data-site-group="file-tools-home"] .filepat-purpose-head p{font-size:12px;line-height:1.6;color:#7a828b}
html[data-site-group="file-tools-home"] .filepat-purpose-grid{gap:8px 12px}
html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card{min-height:92px!important;padding:14px 15px 13px!important;grid-template-rows:auto auto auto!important}
html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card .feature-top{margin:0 0 6px!important}
html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card strong{font-size:16px!important;line-height:1.3!important}
html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card .use{padding:4px 0 0!important;color:#737b84;font-size:11px;line-height:1.4}
html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card:hover{box-shadow:0 3px 8px rgba(20,26,34,.045)!important}
@media(max-width:760px){html[data-site-group="file-tools-home"] .filepat-home-intro{margin-bottom:22px;padding:0}html[data-site-group="file-tools-home"] .filepat-home-summary{font-size:18px;line-height:1.45}html[data-site-group="file-tools-home"] .filepat-purpose-section{margin-bottom:24px}html[data-site-group="file-tools-home"] .filepat-purpose-head h2{font-size:18px}html[data-site-group="file-tools-home"] .filepat-purpose-head p{font-size:11px}html[data-site-group="file-tools-home"] .filepat-purpose-grid{gap:6px}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card{padding:12px 13px 11px!important;min-height:78px!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card strong{font-size:15px!important}html[data-site-group="file-tools-home"] .filepat-purpose-grid .feature-card .use{font-size:10px}}

html[data-site-group="file-tools-home"] .filepat-purpose-index{margin:0 0 24px!important}html[data-site-group="file-tools-home"] .filepat-purpose-index .directory-section-head{display:none}html[data-site-group="file-tools-home"] .filepat-purpose-links{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px}html[data-site-group="file-tools-home"] .filepat-purpose-links a{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #d9dde2;border-radius:7px;color:#5e6873;background:#fff;text-decoration:none;font-size:11px;font-weight:600}html[data-site-group="file-tools-home"] .filepat-purpose-links a:hover{background:#f7f9fb;border-color:#c8d0d8}html[data-site-group="file-tools-home"] .filepat-purpose-links a:focus-visible{outline:3px solid #1b63b9;outline-offset:2px}@media(max-width:640px){html[data-site-group="file-tools-home"] .filepat-purpose-index{margin-bottom:20px!important}html[data-site-group="file-tools-home"] .filepat-purpose-links{gap:5px}html[data-site-group="file-tools-home"] .filepat-purpose-links a{min-height:27px;padding:0 8px;font-size:10px}}

/* Unified かんたん計算ツール top page: one tool directory, no decorative category blocks. */
html[data-site-group="file-tools-home"] .filepat-home-intro{padding:18px 0 26px!important;border-bottom:1px solid #dfe3e7!important}
html[data-site-group="file-tools-home"] .filepat-home-eyebrow{display:block!important;font-size:10px!important;letter-spacing:.14em!important;font-weight:700!important;color:#75808c!important;margin-bottom:8px!important}
html[data-site-group="file-tools-home"] .filepat-home-summary{margin:0!important;font-size:20px!important;line-height:1.55!important;font-weight:600!important;letter-spacing:-.015em!important;color:#171b20!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools{margin-top:0!important;padding-top:28px!important}
html[data-site-group="file-tools-home"] .fp-unified-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:0 0 14px!important;border-bottom:1px solid #cfd5db!important}
html[data-site-group="file-tools-home"] .fp-unified-head h2{margin:0!important;font-size:22px!important;line-height:1.35!important;font-weight:600!important;color:#171b20!important}
html[data-site-group="file-tools-home"] .fp-unified-head p{margin:0!important;font-size:12px!important;line-height:1.6!important;color:#7b838d!important;text-align:right!important}
html[data-site-group="file-tools-home"] .fp-unified-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-left:1px solid #dfe3e7!important;border-top:0!important}
html[data-site-group="file-tools-home"] .fp-unified-tool{position:relative;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;min-width:0!important;min-height:112px!important;padding:18px 18px 16px!important;border-right:1px solid #dfe3e7!important;border-bottom:1px solid #dfe3e7!important;background:#fff!important;color:#171b20!important;text-decoration:none!important;box-shadow:none!important;border-radius:0!important;transition:background-color .15s ease!important}
html[data-site-group="file-tools-home"] .fp-unified-tool:hover{background:#fafbfc!important}
html[data-site-group="file-tools-home"] .fp-unified-tool:focus-visible{outline:2px solid #244f7d!important;outline-offset:-2px!important}
html[data-site-group="file-tools-home"] .fp-unified-type{grid-column:1!important;grid-row:1 / span 2!important;min-width:42px!important;padding-top:2px!important;font-size:9px!important;font-weight:700!important;letter-spacing:.12em!important;color:#7c8793!important}
html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="pdf"] .fp-unified-type{color:#b14b43!important}
html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="archive"] .fp-unified-type, html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="data"] .fp-unified-type, html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="utility"] .fp-unified-type{color:#687888!important}
html[data-site-group="file-tools-home"] .fp-unified-name{grid-column:2!important;grid-row:1!important;display:block!important;font-size:16px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:-.01em!important}
html[data-site-group="file-tools-home"] .fp-unified-desc{grid-column:2!important;grid-row:2!important;display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.55!important;color:#78818b!important}
html[data-site-group="file-tools-home"] .fp-unified-aliases{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html[data-site-group="file-tools-home"] .directory-foot{padding:22px 0 4px!important;border-top:1px solid #dfe3e7!important;margin-top:24px!important}
@media(max-width:980px){html[data-site-group="file-tools-home"] .fp-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){html[data-site-group="file-tools-home"] .filepat-home-intro{padding:14px 0 20px!important}html[data-site-group="file-tools-home"] .filepat-home-summary{font-size:17px!important}html[data-site-group="file-tools-home"] .fp-unified-head{display:block!important;padding-bottom:10px!important}html[data-site-group="file-tools-home"] .fp-unified-head h2{font-size:19px!important}html[data-site-group="file-tools-home"] .fp-unified-head p{text-align:left!important;margin-top:5px!important}html[data-site-group="file-tools-home"] .fp-unified-grid{grid-template-columns:1fr!important}html[data-site-group="file-tools-home"] .fp-unified-tool{min-height:88px!important;padding:15px 14px 13px!important}html[data-site-group="file-tools-home"] .fp-unified-name{font-size:15px!important}html[data-site-group="file-tools-home"] .fp-unified-desc{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html[data-site-group="file-tools-home"] .fp-unified-tool{transition:none!important}}


/* SEO本文をページ中央へ。作業ツール・処理ロジックには影響させない。 */
html[data-site-group="file-tools-home"] .fp-practical-guide-final{
  width:min(1120px, calc(100% - 48px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="file-tools-home"] .fp-practical-guide-final__head{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="file-tools-home"] .fp-practical-guide-final__lead{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="file-tools-home"] .fp-practical-guide-final__grid{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="file-tools-home"] .filepat-seo-inner{
  width:min(1120px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="file-tools-home"] .filepat-seo-heading{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
@media(max-width:900px){
  html[data-site-group="file-tools-home"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
  }
  html[data-site-group="file-tools-home"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
@media(max-width:640px){
  html[data-site-group="file-tools-home"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  html[data-site-group="file-tools-home"] .fp-practical-guide-final__head{
    padding-left:8px !important;
    padding-right:8px !important;
    text-align:center !important;
  }
  html[data-site-group="file-tools-home"] .fp-practical-guide-final__lead{
    padding-left:4px !important;
    padding-right:4px !important;
    text-align:center !important;
  }
  html[data-site-group="file-tools-home"] .fp-practical-guide-final__grid{
    width:100% !important;
  }
  html[data-site-group="file-tools-home"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  html[data-site-group="file-tools-home"] .filepat-seo-inner{
    width:100% !important;
  }
}


/* Keep the practical guide and footer on home pages in their own full-width bottom rail. */
html[data-site-group="file-tools-home"] .home-page > .fp-practical-guide-rail, html[data-site-group="file-tools-home"] .home-page > .footer-wrap{width:100%;box-sizing:border-box;}
html[data-site-group="file-tools-home"] .home-page > .fp-practical-guide-rail{display:flex;justify-content:center;}
html[data-site-group="file-tools-home"] .home-page > .fp-practical-guide-rail .fp-practical-guide-article-final{width:min(920px,calc(100% - 32px)) !important;max-width:920px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box;}
html[data-site-group="file-tools-home"] .home-page > .footer-wrap{margin-left:auto !important;margin-right:auto !important;}
@media(max-width:760px){
  html[data-site-group="file-tools-home"] .home-page > .fp-practical-guide-rail .fp-practical-guide-article-final{width:calc(100% - 32px) !important;max-width:920px !important;}
  html[data-site-group="file-tools-home"] .home-page > .footer-wrap{padding-left:16px !important;padding-right:16px !important;}
}


html[data-site-group="file-tools-home"] .filepat-seo-section{width:100%;margin:96px 0 0;padding:88px 24px 92px;background:#f9fafb;border-top:1px solid #e7eaee;box-sizing:border-box}html[data-site-group="file-tools-home"] .filepat-seo-inner{width:min(1180px,100%);margin:0 auto}html[data-site-group="file-tools-home"] .filepat-seo-heading{max-width:760px;margin:0 auto 48px;text-align:center}html[data-site-group="file-tools-home"] .filepat-seo-eyebrow{display:inline-block;margin-bottom:14px;font:700 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.18em;color:#2f6fff}html[data-site-group="file-tools-home"] .filepat-seo-heading h2{margin:0;color:#17191d;font:600 clamp(28px,3vw,40px)/1.45 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.02em}html[data-site-group="file-tools-home"] .filepat-seo-heading p{margin:18px auto 0;max-width:680px;color:#666c74;font:15px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="file-tools-home"] .filepat-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}html[data-site-group="file-tools-home"] .filepat-card{position:relative;min-width:0;padding:34px 32px 38px;background:#fff;border:1px solid #e5e8ec;box-sizing:border-box;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}html[data-site-group="file-tools-home"] .filepat-card:hover{border-color:#cbd2dc;transform:translateY(-2px);box-shadow:0 12px 32px rgba(18,27,40,.06)}html[data-site-group="file-tools-home"] .filepat-card-index{position:absolute;top:20px;right:22px;color:#2f6fff;font:700 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em}html[data-site-group="file-tools-home"] .filepat-card-body{padding-right:12px}html[data-site-group="file-tools-home"] .filepat-card-label{margin:0 0 16px;color:#7a818b;font:700 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.14em}html[data-site-group="file-tools-home"] .filepat-card h3{margin:0 0 22px;color:#181a1f;font:600 21px/1.7 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.01em}html[data-site-group="file-tools-home"] .filepat-card p{margin:0 0 16px;color:#474d56;font:14px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;overflow-wrap:anywhere}html[data-site-group="file-tools-home"] .filepat-card p:last-child{margin-bottom:0}html[data-site-group="file-tools-home"] .filepat-card strong{color:#252931;font-weight:700}html[data-site-group="file-tools-home"] .filepat-footer-links{width:100%;margin:0;padding:0 24px 32px;background:#fff;box-sizing:border-box}html[data-site-group="file-tools-home"] .filepat-footer-links-inner{width:min(1180px,100%);margin:0 auto;padding-top:28px;border-top:1px solid #e5e8ec}html[data-site-group="file-tools-home"] .filepat-footer-links-title{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}html[data-site-group="file-tools-home"] .filepat-footer-links-title span{color:#17191d;font:800 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em}html[data-site-group="file-tools-home"] .filepat-footer-links-title small{color:#858b94;font-size:12px}html[data-site-group="file-tools-home"] .filepat-footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}html[data-site-group="file-tools-home"] .filepat-footer-nav a{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 14px;color:#444a52;background:#fff;border:1px solid #e5e8ec;text-decoration:none;font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;box-sizing:border-box;transition:color .16s ease,border-color .16s ease,background-color .16s ease}html[data-site-group="file-tools-home"] .filepat-footer-nav a span:last-child{color:#2f6fff;font-size:13px;transition:transform .16s ease}html[data-site-group="file-tools-home"] .filepat-footer-nav a:hover{color:#17191d;border-color:#cbd2dc;background:#f9fafb}html[data-site-group="file-tools-home"] .filepat-footer-nav a:hover span:last-child{transform:translate(2px,-2px)}html[data-site-group="file-tools-home"] .filepat-footer-nav a:focus-visible{outline:2px solid #2f6fff;outline-offset:2px}html[data-site-group="file-tools-home"] .filepat-footer-copy{margin:22px 0 0;color:#8a9098;font:11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@media(max-width:900px){html[data-site-group="file-tools-home"] .filepat-seo-section{margin-top:72px;padding:68px 20px 72px}html[data-site-group="file-tools-home"] .filepat-seo-grid{grid-template-columns:1fr;gap:16px}html[data-site-group="file-tools-home"] .filepat-card{padding:30px 26px 32px}html[data-site-group="file-tools-home"] .filepat-card h3{font-size:20px}}@media(max-width:640px){html[data-site-group="file-tools-home"] .filepat-seo-section{margin-top:56px;padding:54px 16px 60px}html[data-site-group="file-tools-home"] .filepat-seo-heading{margin-bottom:34px;text-align:left}html[data-site-group="file-tools-home"] .filepat-seo-heading h2{font-size:27px}html[data-site-group="file-tools-home"] .filepat-seo-heading p{margin-top:14px;font-size:14px;line-height:1.85}html[data-site-group="file-tools-home"] .filepat-card{padding:26px 22px 30px}html[data-site-group="file-tools-home"] .filepat-card-index{top:16px;right:17px}html[data-site-group="file-tools-home"] .filepat-card-label{margin-bottom:13px}html[data-site-group="file-tools-home"] .filepat-card h3{margin-bottom:18px;font-size:19px;line-height:1.65}html[data-site-group="file-tools-home"] .filepat-card p{font-size:13.5px;line-height:1.9}html[data-site-group="file-tools-home"] .filepat-footer-links{padding:0 16px 24px}html[data-site-group="file-tools-home"] .filepat-footer-links-title{margin-bottom:14px}html[data-site-group="file-tools-home"] .filepat-footer-nav{display:grid;grid-template-columns:1fr;gap:8px}html[data-site-group="file-tools-home"] .filepat-footer-nav a{width:100%;min-height:48px}}@media(prefers-reduced-motion:reduce){html[data-site-group="file-tools-home"] .filepat-card, html[data-site-group="file-tools-home"] .filepat-footer-nav a, html[data-site-group="file-tools-home"] .filepat-footer-nav a span:last-child{transition:none}}

/* かんたん計算ツール v15 — readability gutters only. Layout/function untouched. */
html[data-site-group="file-tools-home"] .directory{max-width:1180px!important;padding-left:clamp(32px,4vw,58px)!important;padding-right:clamp(32px,4vw,58px)!important;box-sizing:border-box!important}
html[data-site-group="file-tools-home"] .directory-section{width:100%!important}
html[data-site-group="file-tools-home"] .directory-section-head{padding-left:2px!important;padding-right:2px!important}
html[data-site-group="file-tools-home"] .new-tools-editorial{margin-left:2px!important;margin-right:2px!important}
html[data-site-group="file-tools-home"] .office, html[data-site-group="file-tools-home"] .feature-grid, html[data-site-group="file-tools-home"] .new-tools-editorial{width:100%!important}
html[data-site-group="file-tools-home"] .filepat-seo-section{padding-left:clamp(28px,5vw,64px)!important;padding-right:clamp(28px,5vw,64px)!important}
html[data-site-group="file-tools-home"] .filepat-seo-inner{width:min(1080px,100%)!important}
html[data-site-group="file-tools-home"] .fp-practical-guide-final{margin-left:clamp(16px,3vw,40px)!important;margin-right:clamp(16px,3vw,40px)!important}
html[data-site-group="file-tools-home"] .fp-practical-guide-final__head, html[data-site-group="file-tools-home"] .fp-practical-guide-final__grid, html[data-site-group="file-tools-home"] .fp-practical-guide-final__lead, html[data-site-group="file-tools-home"] .fp-practical-guide-final__note{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
html[data-site-group="file-tools-home"] .seo-main, html[data-site-group="file-tools-home"] .seo-page, html[data-site-group="file-tools-home"] .runtime-panel, html[data-site-group="file-tools-home"] .section, html[data-site-group="file-tools-home"] .related, html[data-site-group="file-tools-home"] .faq, html[data-site-group="file-tools-home"] .filepat-guide-panel{box-sizing:border-box}
@media(max-width:900px){
  html[data-site-group="file-tools-home"] .directory{padding-left:28px!important;padding-right:28px!important}
  html[data-site-group="file-tools-home"] .fp-practical-guide-final{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:640px){
  html[data-site-group="file-tools-home"] .directory{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="file-tools-home"] .directory-section-head{padding-left:0!important;padding-right:0!important}
  html[data-site-group="file-tools-home"] .new-tools-editorial{margin-left:0!important;margin-right:0!important}
  html[data-site-group="file-tools-home"] .filepat-seo-section{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="file-tools-home"] .fp-practical-guide-final{margin-left:0!important;margin-right:0!important}
}


/* かんたん計算ツール v3 — text-only tool labels. No framed file icons. */
html[data-site-group="file-tools-home"] .format-text{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  font:700 11px/1 Arial,sans-serif !important;
  letter-spacing:.04em !important;
}
html[data-site-group="file-tools-home"] .format-text.format-img{color:#2f679c !important}
html[data-site-group="file-tools-home"] .format-text.format-pdf{color:#b51f1f !important}
html[data-site-group="file-tools-home"] .format-text.format-archive{color:#91680d !important}
html[data-site-group="file-tools-home"] .format-text.format-data{color:#347045 !important}
html[data-site-group="file-tools-home"] .format-text.format-office{color:#28686b !important}
html[data-site-group="file-tools-home"] .format-text.format-utility{color:#65498b !important}
html[data-site-group="file-tools-home"] .feature-top{gap:0 !important; margin-bottom:10px !important}
html[data-site-group="file-tools-home"] .feature-top .tag{display:none !important}
html[data-site-group="file-tools-home"] .feature-card .file-icon{display:none !important}
html[data-site-group="file-tools-home"] .feature-card:has(.format-text){border-color:#dfe3e8 !important}
html[data-site-group="file-tools-home"] .side-format{
  display:inline-block !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  flex:0 0 auto !important;
  margin:0 2px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  font:700 9px/1 Arial,sans-serif !important;
  letter-spacing:.035em !important;
  text-decoration:none !important;
}
html[data-site-group="file-tools-home"] .side-format.format-jpg{color:#2f679c !important}
html[data-site-group="file-tools-home"] .side-format.format-pdf{color:#b51f1f !important}
html[data-site-group="file-tools-home"] .side-format.format-zip{color:#91680d !important}
html[data-site-group="file-tools-home"] .side-format.format-csv{color:#347045 !important}
html[data-site-group="file-tools-home"] .side-format.format-mp3{color:#62438a !important}
html[data-site-group="file-tools-home"] .side-format.format-txt{color:#596c78 !important}
html[data-site-group="file-tools-home"] .side-format.format-folder{color:#596c78 !important}
html[data-site-group="file-tools-home"] .side-format.format-file{color:#596c78 !important}
html[data-site-group="file-tools-home"] .side-format.format-html{color:#4d6b84 !important}
html[data-site-group="file-tools-home"] .side-format.format-qr{color:#65498b !important}
html[data-site-group="file-tools-home"] .sidebar .ico, html[data-site-group="file-tools-home"] .sidebar .ico *{display:none !important}
html[data-site-group="file-tools-home"] .sidebar .tool{gap:0 !important}
html[data-site-group="file-tools-home"] .sidebar .tool .side-format{display:inline-block !important}
@media(max-width:640px){
  html[data-site-group="file-tools-home"] .format-text{font-size:10px !important}
  html[data-site-group="file-tools-home"] .side-format{font-size:8px !important}
}



html[data-site-group="file-tools-home"] #tools .feature-card::before{
  content:counter(fp-tool,decimal-leading-zero)!important;
  position:static!important;
  background:none!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  box-shadow:none!important;
  grid-column:1!important;grid-row:1 / span 4!important;
  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
  padding-top:3px!important;
  color:#9aa3ae!important;font:700 10px/1 Inter,sans-serif!important;letter-spacing:.08em!important;
}
html[data-site-group="file-tools-home"] #tools .feature-card .feature-top{position:static!important}
html[data-site-group="file-tools-home"] #tools .feature-card .feature-top::after{
  content:""!important;
  position:absolute!important;
  top:10px!important;right:11px!important;
  width:6px!important;height:6px!important;
  border-radius:50%!important;
  background:#2f77ff!important;
  box-shadow:none!important;
  opacity:.92!important;
}
html[data-site-group="file-tools-home"] #tools .feature-card.pdf-card .feature-top::after{background:#111418!important}
html[data-site-group="file-tools-home"] #tools .feature-card:hover .feature-top::after, html[data-site-group="file-tools-home"] #tools .feature-card:focus-visible .feature-top::after{background:#0b66d1!important;transform:scale(1.12)!important}
@media(max-width:640px){
  html[data-site-group="file-tools-home"] #tools .feature-card .feature-top::after{top:9px!important;right:9px!important;width:5px!important;height:5px!important}
}

/* かんたん計算ツール final content alignment: one common reading frame across page sections. */
html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
.filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
.fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Standalone SEO/tool pages: all long-form siblings use the same inner frame. */
html[data-site-group="file-tools-home"] .seo-page{box-sizing:border-box !important;}
html[data-site-group="file-tools-home"] .seo-page > .seo-main, html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-final, html[data-site-group="file-tools-home"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="file-tools-home"] .seo-page > .filepat-seo-section, html[data-site-group="file-tools-home"] .seo-page > .filepat-related-tools{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-article-final{
  width:min(920px,calc(100% - 32px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
/* Tool directory and general prose pages: retain their own outer max-width, but center them. */
html[data-site-group="file-tools-home"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="file-tools-home"] .seo-page > .seo-main, html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-final, html[data-site-group="file-tools-home"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="file-tools-home"] .seo-page > .filepat-seo-section, html[data-site-group="file-tools-home"] .seo-page > .filepat-related-tools{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-article-final{
    width:calc(100% - 32px) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
  .filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
  .fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="file-tools-home"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section,
  .directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 24px) !important;
  }
}


/* Unified reading layout for the homepage tool selection and the guide below it. */
html[data-site-group="file-tools-home"] .directory{width:min(1220px,calc(100% - 32px))!important;max-width:1220px!important;margin-left:auto!important;margin-right:auto!important;padding:24px clamp(16px,3.4vw,44px) 56px!important;box-sizing:border-box!important;min-width:0!important}
html[data-site-group="file-tools-home"] .directory-section, html[data-site-group="file-tools-home"] .fp-unified-tools, html[data-site-group="file-tools-home"] .filepat-home-selection-v1{width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-site-group="file-tools-home"] .fp-unified-head, html[data-site-group="file-tools-home"] .filepat-purpose-links, html[data-site-group="file-tools-home"] .fp-unified-grid{max-width:100%!important;min-width:0!important}
html[data-site-group="file-tools-home"] .fp-unified-head{display:block!important;align-items:initial!important;gap:0!important;padding:0 0 18px!important;text-align:left!important}
html[data-site-group="file-tools-home"] .fp-unified-head h2{margin:0 0 10px!important;font-size:clamp(22px,2.3vw,28px)!important;line-height:1.4!important;letter-spacing:-.02em!important}
html[data-site-group="file-tools-home"] .fp-unified-head p{display:block!important;margin:7px 0 0!important;text-align:left!important;font-size:14px!important;line-height:1.8!important;max-width:760px!important}
html[data-site-group="file-tools-home"] .filepat-purpose-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:20px 0 22px!important;padding:0!important}
html[data-site-group="file-tools-home"] .filepat-purpose-links a{display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:8px 13px!important;line-height:1.5!important;font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important;border-radius:5px!important}
html[data-site-group="file-tools-home"] .fp-unified-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
html[data-site-group="file-tools-home"] .fp-unified-tool{min-width:0!important;overflow-wrap:anywhere!important}
html[data-site-group="file-tools-home"] .fp-unified-name, html[data-site-group="file-tools-home"] .fp-unified-desc{overflow-wrap:anywhere!important}
html[data-site-group="file-tools-home"] .page{width:min(1220px,calc(100% - 32px))!important;max-width:1220px!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;min-width:0!important}
html[data-site-group="file-tools-home"] .filepat-main-with-side-ad, html[data-site-group="file-tools-home"] .tool-layout, html[data-site-group="file-tools-home"] .runtime-panel{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-site-group="file-tools-home"] .fp-content-guide{width:min(980px,calc(100% - 40px));max-width:980px;margin:clamp(52px,7vw,88px) auto 76px;padding:clamp(28px,4.5vw,58px) clamp(22px,5.2vw,64px);box-sizing:border-box;background:#fff;border-top:1px solid #dce1e7;border-bottom:1px solid #dce1e7;color:#242932;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}
html[data-site-group="file-tools-home"] .fp-content-guide *{box-sizing:border-box;min-width:0}
html[data-site-group="file-tools-home"] .fp-content-guide__intro{max-width:790px;margin:0 auto 28px}
html[data-site-group="file-tools-home"] .fp-content-guide__eyebrow{margin:0 0 12px;color:#657387;font-size:11px;font-weight:750;letter-spacing:.16em;line-height:1.5}
html[data-site-group="file-tools-home"] .fp-content-guide__intro h2{margin:0 0 18px;color:#171c23;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}
html[data-site-group="file-tools-home"] .fp-content-guide__intro p:last-child{margin:0;color:#4c5561;font-size:15px;line-height:2}
html[data-site-group="file-tools-home"] .fp-content-guide__toc{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0 23px;margin:0;border-top:1px solid #e2e6eb;border-bottom:1px solid #e2e6eb}
html[data-site-group="file-tools-home"] .fp-content-guide__toc a{color:#315d86;font-size:13px;line-height:1.8;text-decoration:underline;text-decoration-color:#bdcad7;text-underline-offset:3px;overflow-wrap:anywhere}
html[data-site-group="file-tools-home"] .fp-content-guide__section{margin:42px 0 0;padding:32px 0 0;border-top:1px solid #e2e6eb;scroll-margin-top:96px}
html[data-site-group="file-tools-home"] .fp-content-guide__section h3{margin:0 0 18px;color:#171c23;font-size:clamp(20px,2vw,25px);line-height:1.55;font-weight:700;letter-spacing:-.012em}
html[data-site-group="file-tools-home"] .fp-content-guide__section>p{margin:0 0 18px;color:#434b56;font-size:15px;line-height:2}
html[data-site-group="file-tools-home"] .fp-content-guide__section article{display:block;margin:28px 0 0;padding:0 0 25px;border-bottom:1px solid #edf0f3}
html[data-site-group="file-tools-home"] .fp-content-guide__section article:last-child{padding-bottom:0;border-bottom:0}
html[data-site-group="file-tools-home"] .fp-content-guide__section h4{margin:0 0 12px;color:#242a32;font-size:17px;font-weight:700;line-height:1.65}
html[data-site-group="file-tools-home"] .fp-content-guide__section article p{margin:0 0 12px;color:#4a525d;font-size:14.5px;line-height:2}
html[data-site-group="file-tools-home"] .fp-content-guide__section article p:last-child{margin-bottom:0}
html[data-site-group="file-tools-home"] .fp-content-guide__section a{color:#245f96;text-underline-offset:3px}
html[data-site-group="file-tools-home"] .fp-content-guide__steps{margin:0;padding:0;list-style:none;counter-reset:guide-step}
html[data-site-group="file-tools-home"] .fp-content-guide__steps li{counter-increment:guide-step;position:relative;margin:0;padding:0 0 23px 48px}
html[data-site-group="file-tools-home"] .fp-content-guide__steps li:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:0;color:#6c7c8e;font-size:12px;font-weight:750;letter-spacing:.05em;line-height:1.8}
html[data-site-group="file-tools-home"] .fp-content-guide__steps li+li{padding-top:2px;border-top:1px solid #edf0f3}
html[data-site-group="file-tools-home"] .fp-content-guide__steps li strong{display:block;margin:0 0 6px;font-size:15px;line-height:1.8;color:#242a32}
html[data-site-group="file-tools-home"] .fp-content-guide__steps li p{margin:0;color:#4a525d;font-size:14.5px;line-height:2}
html[data-site-group="file-tools-home"] .fp-content-guide__faq details{padding:17px 0;border-bottom:1px solid #e5e9ee}
html[data-site-group="file-tools-home"] .fp-content-guide__faq details:first-of-type{border-top:1px solid #e5e9ee}
html[data-site-group="file-tools-home"] .fp-content-guide__faq summary{cursor:pointer;position:relative;padding-right:28px;color:#242a32;font-size:15px;font-weight:700;line-height:1.7;list-style:none}
html[data-site-group="file-tools-home"] .fp-content-guide__faq summary::-webkit-details-marker{display:none}
html[data-site-group="file-tools-home"] .fp-content-guide__faq summary:after{content:"+";position:absolute;right:2px;top:0;color:#617286;font-size:20px;font-weight:400;line-height:1.2}
html[data-site-group="file-tools-home"] .fp-content-guide__faq details[open] summary:after{content:"−"}
html[data-site-group="file-tools-home"] .fp-content-guide__faq details p{margin:12px 0 0;color:#4a525d;font-size:14.5px;line-height:1.95}
@media(max-width:760px){html[data-site-group="file-tools-home"] .directory{width:calc(100% - 24px)!important;padding:18px 14px 42px!important}html[data-site-group="file-tools-home"] .page{width:calc(100% - 24px)!important}html[data-site-group="file-tools-home"] .fp-unified-head h2{font-size:22px!important}html[data-site-group="file-tools-home"] .fp-unified-head p{font-size:13px!important}html[data-site-group="file-tools-home"] .filepat-purpose-links{gap:7px!important;margin:16px 0 18px!important}html[data-site-group="file-tools-home"] .filepat-purpose-links a{min-height:40px!important;padding:8px 10px!important}html[data-site-group="file-tools-home"] .fp-content-guide{width:calc(100% - 24px);margin:48px auto 56px;padding:28px 22px}html[data-site-group="file-tools-home"] .fp-content-guide__intro h2{font-size:25px}html[data-site-group="file-tools-home"] .fp-content-guide__intro p:last-child, html[data-site-group="file-tools-home"] .fp-content-guide__section>p{font-size:14px;line-height:1.95}html[data-site-group="file-tools-home"] .fp-content-guide__section{margin-top:34px;padding-top:26px}html[data-site-group="file-tools-home"] .fp-content-guide__section h3{font-size:21px}html[data-site-group="file-tools-home"] .fp-content-guide__section h4{font-size:16px}html[data-site-group="file-tools-home"] .fp-content-guide__section article p, html[data-site-group="file-tools-home"] .fp-content-guide__steps li p, html[data-site-group="file-tools-home"] .fp-content-guide__faq details p{font-size:14px;line-height:1.9}html[data-site-group="file-tools-home"] .fp-content-guide__toc{gap:7px 14px}}
@media(max-width:420px){html[data-site-group="file-tools-home"] .directory{width:calc(100% - 16px)!important;padding:14px 10px 36px!important}html[data-site-group="file-tools-home"] .page{width:calc(100% - 16px)!important}html[data-site-group="file-tools-home"] .fp-unified-head h2{font-size:21px!important}html[data-site-group="file-tools-home"] .fp-unified-head p{font-size:13px!important}html[data-site-group="file-tools-home"] .fp-content-guide{width:calc(100% - 20px);padding:24px 17px;margin-top:38px}html[data-site-group="file-tools-home"] .fp-content-guide__intro h2{font-size:23px}html[data-site-group="file-tools-home"] .fp-content-guide__section h3{font-size:20px}html[data-site-group="file-tools-home"] .fp-content-guide__steps li{padding-left:38px}}
@media(prefers-reduced-motion:reduce){html[data-site-group="file-tools-home"] .fp-content-guide *{scroll-behavior:auto!important}}


/* Final responsive rules for the homepage's first tool-selection screen.
   Keep these rules last so legacy layout overrides cannot force three columns on phones. */
html[data-site-group="file-tools-home"] #tools.fp-unified-tools, html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head, html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links, html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-grid, html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool, html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool > span{
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-grid{
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool{
  display: grid !important;
  grid-template-columns: minmax(40px, auto) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  width: 100% !important;
  overflow-wrap: anywhere !important;
}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-name, html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-desc{
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 8px !important;
}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
}
@media (max-width: 1100px) {
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links a{
    width: 100% !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
    line-height: 1.45 !important;
  }
}
@media (max-width: 760px) {
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-grid{
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool{
    grid-template-columns: minmax(40px, auto) minmax(0, 1fr) !important;
    min-height: 80px !important;
    padding: 14px 13px !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head{
    padding-bottom: 12px !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head h2{
    font-size: clamp(20px, 5.3vw, 24px) !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head p{
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 14px 0 18px !important;
  }
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links a{
    width: 100% !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}
@media (max-width: 380px) {
  html[data-site-group="file-tools-home"] #tools.fp-unified-tools .filepat-purpose-links{
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* File tools directory: clearer task groups, simpler cards, and a compact guide. */
html[data-site-group="file-tools-home"] #tools.fp-unified-tools{padding-top:24px!important;margin-bottom:34px!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head{padding:0 0 12px!important;border:0!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-tool-eyebrow{margin:0 0 8px!important;color:#64748b!important;font-size:11px!important;font-weight:750!important;letter-spacing:.13em!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head h2{margin:0 0 8px!important;color:#182230!important;font-size:clamp(25px,3vw,34px)!important;line-height:1.35!important;letter-spacing:-.025em!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head p{max-width:740px!important;margin:6px 0 0!important;color:#586575!important;font-size:15px!important;line-height:1.8!important}
html[data-site-group="file-tools-home"] .fp-tool-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:22px 0 28px;padding:16px;background:#f6f8fb;border:1px solid #e1e7ef;border-radius:14px}
html[data-site-group="file-tools-home"] .fp-tool-search-wrap{position:relative;display:flex;align-items:center;min-width:0}
html[data-site-group="file-tools-home"] .fp-tool-search-icon{position:absolute;left:14px;color:#7b8794;pointer-events:none;font-size:18px;line-height:1}
html[data-site-group="file-tools-home"] #filepatToolSearch{width:100%;min-width:0;min-height:48px;padding:11px 14px 11px 42px;border:1px solid #cad4e0;border-radius:9px;background:#fff;color:#192433;font:inherit;font-size:15px;outline-offset:3px}
html[data-site-group="file-tools-home"] #filepatToolSearch::placeholder{color:#7d8996}
html[data-site-group="file-tools-home"] .fp-tool-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html[data-site-group="file-tools-home"] .fp-tool-filter-label{margin-right:4px;color:#596678;font-size:12px;font-weight:700}
html[data-site-group="file-tools-home"] .fp-tool-filter{min-height:37px;padding:7px 13px;border:1px solid #d0d9e4;border-radius:999px;background:#fff;color:#334155;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
html[data-site-group="file-tools-home"] .fp-tool-filter:hover{border-color:#7fa2ce;background:#f0f6ff}
html[data-site-group="file-tools-home"] .fp-tool-filter[aria-pressed="true"]{border-color:#1b55a3;background:#1b55a3;color:#fff}
html[data-site-group="file-tools-home"] .fp-tool-results{margin-left:auto;color:#64748b;font-size:12px;font-variant-numeric:tabular-nums}
html[data-site-group="file-tools-home"] .fp-tool-groups{display:grid;gap:30px}
html[data-site-group="file-tools-home"] .fp-tool-group{min-width:0;scroll-margin-top:88px}
html[data-site-group="file-tools-home"] .fp-tool-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #dfe5ec}
html[data-site-group="file-tools-home"] .fp-tool-group-head h3{margin:0;color:#202b39;font-size:19px;font-weight:750;line-height:1.5;letter-spacing:-.01em}
html[data-site-group="file-tools-home"] .fp-tool-group-head p{margin:0;color:#6a7685;font-size:12px;line-height:1.6;text-align:right}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:start!important;gap:5px 13px!important;width:100%!important;min-width:0!important;min-height:100px!important;height:auto!important;padding:16px!important;overflow:hidden!important;border:1px solid #dce3eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(18,37,63,.035)!important;text-decoration:none!important;transition:transform .15s,border-color .15s,box-shadow .15s!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool:hover{transform:translateY(-2px)!important;border-color:#9ab4d5!important;background:#fff!important;box-shadow:0 7px 18px rgba(18,37,63,.08)!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool:focus-visible{outline:3px solid #1b63b9!important;outline-offset:3px}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-type{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;height:48px!important;padding:3px!important;border:1px solid #d5dfeb!important;border-radius:8px!important;background:#f5f8fc!important;color:#46617f!important;font-size:8px!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1.2!important;overflow-wrap:anywhere!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool[data-kind="image"] .fp-unified-type{border-color:#c5d9f4!important;background:#edf5ff!important;color:#245b97!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool[data-kind="pdf"] .fp-unified-type{border-color:#efcaca!important;background:#fff2f2!important;color:#9c2525!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool[data-kind="archive"] .fp-unified-type{border-color:#ecdcae!important;background:#fff8e7!important;color:#795b12!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool[data-kind="data"] .fp-unified-type{border-color:#c8e5d0!important;background:#eff9f1!important;color:#28683b!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool[data-kind="utility"] .fp-unified-type{border-color:#d8cfee!important;background:#f7f3ff!important;color:#5f4a8c!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-name{grid-column:2!important;grid-row:1!important;display:block!important;align-self:end!important;margin:0!important;color:#1e2937!important;font-size:15px!important;font-weight:750!important;line-height:1.45!important;letter-spacing:-.01em!important;overflow-wrap:anywhere!important;word-break:normal!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-desc{grid-column:2!important;grid-row:2!important;display:block!important;margin:0!important;color:#687586!important;font-size:12px!important;font-weight:450!important;line-height:1.65!important;overflow-wrap:anywhere!important;word-break:normal!important}
html[data-site-group="file-tools-home"] .fp-tool-no-results{margin:0;padding:22px;border:1px dashed #c8d3df;border-radius:12px;color:#5f6b7a;text-align:center;background:#f8fafc}
html[data-site-group="file-tools-home"] .fp-tool-no-results[hidden], html[data-site-group="file-tools-home"] .fp-tool-group[hidden], html[data-site-group="file-tools-home"] .fp-unified-tool[hidden]{display:none!important}
html[data-site-group="file-tools-home"] .directory-foot{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px;padding:16px 0;border-top:1px solid #e2e7ee;color:#657386;font-size:13px;text-align:center}
html[data-site-group="file-tools-home"] .fp-content-guide{width:min(1060px,calc(100% - 40px))!important;max-width:1060px!important;margin:62px auto 72px!important;padding:clamp(24px,4vw,48px)!important;border:1px solid #e2e7ee!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 24px rgba(20,35,55,.035)!important}
html[data-site-group="file-tools-home"] .fp-content-guide__intro{max-width:830px!important;margin:0 0 24px!important}
html[data-site-group="file-tools-home"] .fp-content-guide__eyebrow{color:#59708b!important;font-size:10px!important;letter-spacing:.17em!important}
html[data-site-group="file-tools-home"] .fp-content-guide__intro h2{font-size:clamp(24px,3vw,31px)!important;line-height:1.42!important}
html[data-site-group="file-tools-home"] .fp-content-guide__intro p:last-child{font-size:15px!important;line-height:1.95!important;color:#4b5665!important}
html[data-site-group="file-tools-home"] .fp-content-guide__toc{display:flex!important;gap:8px!important;padding:16px 0 20px!important}
html[data-site-group="file-tools-home"] .fp-content-guide__toc a{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border:1px solid #dce4ed!important;border-radius:7px!important;background:#f8fafc!important;color:#355d87!important;font-size:12px!important;text-decoration:none!important}
html[data-site-group="file-tools-home"] .fp-content-guide__toc a:hover{border-color:#a9bfd9!important;background:#f0f6fd!important}
html[data-site-group="file-tools-home"] .fp-content-guide__section{margin:32px 0 0!important;padding:28px 0 0!important;scroll-margin-top:88px}
html[data-site-group="file-tools-home"] .fp-content-guide__section h3{margin:0 0 13px!important;font-size:clamp(20px,2vw,24px)!important;line-height:1.45!important}
html[data-site-group="file-tools-home"] .fp-content-guide__section>p{font-size:14px!important;line-height:1.95!important;color:#4b5664!important}
html[data-site-group="file-tools-home"] .fp-content-guide__section h4{font-size:15px!important;line-height:1.5!important;color:#273546!important}
html[data-site-group="file-tools-home"] .fp-content-guide__section article{margin:16px 0 0!important;padding:17px!important;border:1px solid #e3e8ef!important;border-radius:10px!important;background:#fff!important}
html[data-site-group="file-tools-home"] .fp-content-guide__section article p{margin:7px 0 0!important;color:#505c6b!important;font-size:13px!important;line-height:1.9!important}
html[data-site-group="file-tools-home"] .fp-content-guide__section article a{color:#245d9b!important;font-weight:700!important;text-underline-offset:3px}
html[data-site-group="file-tools-home"] .fp-guide-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
html[data-site-group="file-tools-home"] .fp-guide-choice-grid article{min-width:0;margin:0!important}
html[data-site-group="file-tools-home"] .fp-guide-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;counter-reset:guideStep}
html[data-site-group="file-tools-home"] .fp-guide-step-list li{min-width:0;padding:16px;border:1px solid #e0e7ef;border-radius:10px;background:#f8fafc;counter-increment:guideStep}
html[data-site-group="file-tools-home"] .fp-guide-step-list li::before{content:"0" counter(guideStep);display:block;margin-bottom:8px;color:#356b9f;font-size:11px;font-weight:800;letter-spacing:.08em}
html[data-site-group="file-tools-home"] .fp-guide-step-list strong{display:block;color:#263649;font-size:14px}
html[data-site-group="file-tools-home"] .fp-guide-step-list p{margin:7px 0 0;color:#526071;font-size:13px;line-height:1.8}
html[data-site-group="file-tools-home"] .fp-content-guide__faq details{margin:9px 0;border:1px solid #e0e6ee;border-radius:9px;background:#fff}
html[data-site-group="file-tools-home"] .fp-content-guide__faq summary{padding:13px 16px;color:#263649;font-size:14px;font-weight:700;cursor:pointer;line-height:1.65}
html[data-site-group="file-tools-home"] .fp-content-guide__faq details p{padding:0 16px 14px;margin:0;color:#526071;font-size:13px;line-height:1.9}
html[data-site-group="file-tools-home"] .fp-content-guide__section .fp-guide-small-note{margin:14px 0 0;padding:14px 16px;border-left:3px solid #7f9fbd;background:#f5f8fb;color:#4c5968;font-size:13px;line-height:1.9}
@media(max-width:940px){html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-site-group="file-tools-home"] .fp-tool-group-head{align-items:flex-start;flex-direction:column;gap:3px}html[data-site-group="file-tools-home"] .fp-tool-group-head p{text-align:left}html[data-site-group="file-tools-home"] .fp-guide-step-list{grid-template-columns:1fr}}
@media(max-width:640px){html[data-site-group="file-tools-home"] #tools.fp-unified-tools{padding-top:12px!important}html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head h2{font-size:24px!important}html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-head p{font-size:14px!important}html[data-site-group="file-tools-home"] .fp-tool-controls{padding:12px;margin:16px 0 22px}html[data-site-group="file-tools-home"] .fp-tool-filter-row{gap:6px}html[data-site-group="file-tools-home"] .fp-tool-filter-label{width:100%;margin-bottom:1px}html[data-site-group="file-tools-home"] .fp-tool-filter{min-height:36px;padding:7px 11px;font-size:12px}html[data-site-group="file-tools-home"] .fp-tool-results{width:100%;margin:2px 0 0}html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-tool{min-height:82px!important;padding:13px!important;border-radius:10px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:4px 12px!important}html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-type{width:40px!important;min-width:40px!important;height:44px!important}html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-name{font-size:14px!important}html[data-site-group="file-tools-home"] #tools.fp-unified-tools .fp-unified-desc{font-size:12px!important}html[data-site-group="file-tools-home"] .fp-content-guide{width:calc(100% - 20px)!important;margin:32px auto 42px!important;padding:23px 17px!important;border-radius:12px!important}html[data-site-group="file-tools-home"] .fp-content-guide__toc{gap:7px!important}html[data-site-group="file-tools-home"] .fp-content-guide__toc a{font-size:11px!important;padding:6px 8px!important}html[data-site-group="file-tools-home"] .fp-guide-choice-grid{grid-template-columns:1fr}html[data-site-group="file-tools-home"] .fp-content-guide__section article{padding:14px!important}html[data-site-group="file-tools-home"] .directory-foot{font-size:12px!important}}


/* Easy Calculators v12: stable responsive directory layout. No border-left accents, gradients, or glow. */
html[data-site-group="file-tools-home"] .directory{width:100%;max-width:1180px;margin:0 auto;padding:20px 24px 60px;min-width:0}
html[data-site-group="file-tools-home"] .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;min-width:0}
html[data-site-group="file-tools-home"] .directory-section{width:100%;min-width:0;margin:0 0 34px}
html[data-site-group="file-tools-home"] .directory-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:14px}
html[data-site-group="file-tools-home"] .directory-section-head h2{margin:0;min-width:0}
html[data-site-group="file-tools-home"] .directory-section-head p{margin:0;max-width:620px}
html[data-site-group="file-tools-home"] .feature-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) 34px!important;grid-template-rows:auto auto 1fr auto!important;align-items:start!important;min-width:0;width:100%;height:auto!important}
html[data-site-group="file-tools-home"] .feature-card .feature-top{flex:0 0 auto}
html[data-site-group="file-tools-home"] .feature-card strong{display:block;min-width:0;overflow-wrap:anywhere}
html[data-site-group="file-tools-home"] .feature-card .use{display:block;min-width:0;overflow-wrap:anywhere}
html[data-site-group="file-tools-home"] .feature-card .go{display:block;margin-top:auto;padding-top:12px}
html[data-site-group="file-tools-home"] .office-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

html[data-site-group="file-tools-home"] .feature-card{position:relative;min-height:178px;padding:18px 18px 16px;border:1px solid #d9dde2;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(20,26,34,.04);transition:background-color .15s,border-color .15s,transform .15s;overflow:hidden}
html[data-site-group="file-tools-home"] .feature-card::before{content:counter(fp-tool,decimal-leading-zero)!important;grid-column:1!important;grid-row:1 / span 4!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;padding-top:3px!important;color:#9aa3ae!important;font:700 10px/1 Inter,sans-serif!important;letter-spacing:.08em!important;position:static!important;transform:none!important}
html[data-site-group="file-tools-home"] .feature-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(20,26,34,.07)}
html[data-site-group="file-tools-home"] .feature-card:active{transform:translateY(0)}
html[data-site-group="file-tools-home"] .feature-card:focus-visible{outline:3px solid #1b63b9!important;outline-offset:3px}
html[data-site-group="file-tools-home"] .feature-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
html[data-site-group="file-tools-home"] .file-icon{width:42px;height:50px;padding:0 3px 6px;border-radius:7px;border:1px solid #cfd4da;background:#fff;box-shadow:none;font-size:9px;color:#59616b}
html[data-site-group="file-tools-home"] .file-icon:before{border-color:#cfd4da;background:#fff}
html[data-site-group="file-tools-home"] .file-icon:after{border-bottom-color:#e8ebee}
html[data-site-group="file-tools-home"] .feature-card .tag{font-size:10px;font-weight:700;letter-spacing:.09em;color:#5e6670}
html[data-site-group="file-tools-home"] .feature-card strong{font-size:18px;line-height:1.45;color:#17191d;letter-spacing:-.015em}
html[data-site-group="file-tools-home"] .feature-card .use{padding-top:14px;color:#535c66;font-size:13px;line-height:1.75}
html[data-site-group="file-tools-home"] .feature-card .go{margin-top:12px;color:#1f2933;font-size:12px;font-weight:700}
html[data-site-group="file-tools-home"] .feature-card:hover .go{text-decoration:underline;text-underline-offset:3px}
/* Category colors: the icon and small label carry the color; card body stays neutral. */
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-IMG) .file-icon{border-color:#3f78bd;color:#245b97;background:#eef5ff}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-IMG) .tag{color:#245b97}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-DATA) .file-icon{border-color:#4c8a5b;color:#2f6540;background:#eff8f1}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-DATA) .tag{color:#2f6540}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-ARCHIVE) .file-icon{border-color:#a77a1e;color:#6f520c;background:#fff8e6}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-ARCHIVE) .tag{color:#6f520c}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-UTILITY) .file-icon{border-color:#7055a5;color:#503d78;background:#f5f1fb}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-UTILITY) .tag{color:#503d78}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-OFFICE) .file-icon{border-color:#347f82;color:#216166;background:#eef8f8}
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-OFFICE) .tag{color:#216166}
/* Category colors stay on the file icon and label; the card frame remains neutral. */
html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-IMG), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-DATA), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-ARCHIVE), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-UTILITY), html[data-site-group="file-tools-home"] .feature-card:has(.file-icon-OFFICE){border:1px solid #d7dce2;background:#fff}
html[data-site-group="file-tools-home"] .feature-card.pdf-card{border:1px solid #d7dce2;background:#fff}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon{border:2px solid #b71c1c;color:#8f1111;background:#fff0f0}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon:before{border-color:#b71c1c}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .file-icon:after{border-bottom-color:#f3cccc}
html[data-site-group="file-tools-home"] .feature-card.pdf-card .tag{color:#9f1616}
html[data-site-group="file-tools-home"] .feature-card.pdf-card:hover{border-color:#c8cfd7;background:#fff}
@media(max-width:1120px){html[data-site-group="file-tools-home"] .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-site-group="file-tools-home"] .directory{padding-left:20px;padding-right:20px}}
@media(max-width:860px){html[data-site-group="file-tools-home"] .feature-grid, html[data-site-group="file-tools-home"] .office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-group="file-tools-home"] .directory-section-head{align-items:flex-start}html[data-site-group="file-tools-home"] .directory-section-head p{max-width:none}}
@media(max-width:640px){html[data-site-group="file-tools-home"] .directory{padding:14px 12px 48px}html[data-site-group="file-tools-home"] .feature-grid, html[data-site-group="file-tools-home"] .office-grid{grid-template-columns:1fr;gap:11px}html[data-site-group="file-tools-home"] .feature-card{min-height:0;padding:16px}html[data-site-group="file-tools-home"] .feature-card strong{font-size:17px}html[data-site-group="file-tools-home"] .feature-card .use{font-size:13px}html[data-site-group="file-tools-home"] .file-icon{width:40px;height:48px}html[data-site-group="file-tools-home"] .directory-section{margin-bottom:28px}html[data-site-group="file-tools-home"] .directory-section-head h2{font-size:23px}html[data-site-group="file-tools-home"] .directory-section-head p{font-size:12px}}
@media(max-width:420px){html[data-site-group="file-tools-home"] .directory{padding-left:10px;padding-right:10px}html[data-site-group="file-tools-home"] .feature-card{padding:15px}html[data-site-group="file-tools-home"] .feature-card .use{line-height:1.65}html[data-site-group="file-tools-home"] .directory-section-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html[data-site-group="file-tools-home"] .feature-card{transition:none}html[data-site-group="file-tools-home"] .feature-card:hover, html[data-site-group="file-tools-home"] .feature-card:active{transform:none}}


/* Ensure every compact format frame has a visible format label, including office/utility cards. */
html[data-site-group="file-tools-home"] .file-icon .real-file-icon, html[data-site-group="file-tools-home"] .file-icon-stack .real-file-icon{display:none!important}
html[data-site-group="file-tools-home"] .file-icon.file-icon-IMG .icon-fallback, html[data-site-group="file-tools-home"] .file-icon.file-icon-PDF .icon-fallback, html[data-site-group="file-tools-home"] .file-icon.file-icon-ARCHIVE .icon-fallback, html[data-site-group="file-tools-home"] .file-icon.file-icon-DATA .icon-fallback, html[data-site-group="file-tools-home"] .file-icon.file-icon-OFFICE .icon-fallback, html[data-site-group="file-tools-home"] .file-icon.file-icon-UTILITY .icon-fallback{display:block!important;visibility:visible!important}
html[data-site-group="file-tools-home"] .file-icon.file-icon-IMG::before{content:"JPG";}
html[data-site-group="file-tools-home"] .file-icon.file-icon-PDF::before{content:"PDF";}
html[data-site-group="file-tools-home"] .file-icon.file-icon-ARCHIVE::before{content:"ZIP";}
html[data-site-group="file-tools-home"] .file-icon.file-icon-DATA::before{content:"DATA";font-size:10px;}
html[data-site-group="file-tools-home"] .file-icon.file-icon-OFFICE::before{content:"DOC";}
html[data-site-group="file-tools-home"] .file-icon.file-icon-UTILITY::before{content:"TOOL";font-size:9px;}
html[data-site-group="file-tools-home"] .file-icon::before{font:700 12px/1 Arial,sans-serif;letter-spacing:.04em}
html[data-site-group="file-tools-home"] .file-icon.file-icon-PDF::before{color:#b71c1c}
html[data-site-group="file-tools-home"] .file-icon.file-icon-IMG::before{color:#245b97}
html[data-site-group="file-tools-home"] .file-icon.file-icon-ARCHIVE::before{color:#7a5a0d}
html[data-site-group="file-tools-home"] .file-icon.file-icon-DATA::before{color:#2f6540}
html[data-site-group="file-tools-home"] .file-icon.file-icon-OFFICE::before{color:#216166}
html[data-site-group="file-tools-home"] .file-icon.file-icon-UTILITY::before{color:#503d78}
html[data-site-group="file-tools-home"] .file-icon.file-icon-stack::before{font-size:9px}
html[data-site-group="file-tools-home"] .file-format-side img{display:none!important}
html[data-site-group="file-tools-home"] .file-format-side .icon-fallback{display:block!important;visibility:visible!important}

html[data-site-group="file-tools-home"] .filepat-purpose-index{margin-top:0!important;margin-bottom:42px!important}html[data-site-group="file-tools-home"] .filepat-purpose-index .directory-section-head{margin-bottom:10px}html[data-site-group="file-tools-home"] .filepat-purpose-links{display:flex;flex-wrap:wrap;gap:8px}html[data-site-group="file-tools-home"] .filepat-purpose-links a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid #d9dde2;border-radius:8px;color:#26313c;background:#fff;text-decoration:none;font-size:12px;font-weight:600}html[data-site-group="file-tools-home"] .filepat-purpose-links a:hover{background:#f7f9fb;border-color:#c8d0d8}html[data-site-group="file-tools-home"] .filepat-purpose-links a:focus-visible{outline:3px solid #1b63b9;outline-offset:2px}@media(max-width:640px){html[data-site-group="file-tools-home"] .filepat-purpose-index{margin-bottom:34px!important}html[data-site-group="file-tools-home"] .filepat-purpose-links{display:grid;grid-template-columns:1fr}html[data-site-group="file-tools-home"] .filepat-purpose-links a{justify-content:flex-start}}

/* Unified Easy Calculators top page: one tool directory, no decorative category blocks. */
html[data-site-group="file-tools-home"] .filepat-home-intro{padding:18px 0 26px!important;border-bottom:1px solid #dfe3e7!important}
html[data-site-group="file-tools-home"] .filepat-home-eyebrow{display:block!important;font-size:10px!important;letter-spacing:.14em!important;font-weight:700!important;color:#75808c!important;margin-bottom:8px!important}
html[data-site-group="file-tools-home"] .filepat-home-summary{margin:0!important;font-size:20px!important;line-height:1.55!important;font-weight:600!important;letter-spacing:-.015em!important;color:#171b20!important}
html[data-site-group="file-tools-home"] #tools.fp-unified-tools{margin-top:0!important;padding-top:28px!important}
html[data-site-group="file-tools-home"] .fp-unified-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:0 0 14px!important;border-bottom:1px solid #cfd5db!important}
html[data-site-group="file-tools-home"] .fp-unified-head h2{margin:0!important;font-size:22px!important;line-height:1.35!important;font-weight:600!important;color:#171b20!important}
html[data-site-group="file-tools-home"] .fp-unified-head p{margin:0!important;font-size:12px!important;line-height:1.6!important;color:#7b838d!important;text-align:right!important}
html[data-site-group="file-tools-home"] .fp-unified-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-left:1px solid #dfe3e7!important;border-top:0!important}
html[data-site-group="file-tools-home"] .fp-unified-tool{position:relative;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;min-width:0!important;min-height:112px!important;padding:18px 18px 16px!important;border-right:1px solid #dfe3e7!important;border-bottom:1px solid #dfe3e7!important;background:#fff!important;color:#171b20!important;text-decoration:none!important;box-shadow:none!important;border-radius:0!important;transition:background-color .15s ease!important}
html[data-site-group="file-tools-home"] .fp-unified-tool:hover{background:#fafbfc!important}
html[data-site-group="file-tools-home"] .fp-unified-tool:focus-visible{outline:2px solid #244f7d!important;outline-offset:-2px!important}
html[data-site-group="file-tools-home"] .fp-unified-type{grid-column:1!important;grid-row:1 / span 2!important;min-width:42px!important;padding-top:2px!important;font-size:9px!important;font-weight:700!important;letter-spacing:.12em!important;color:#7c8793!important}
html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="pdf"] .fp-unified-type{color:#b14b43!important}
html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="archive"] .fp-unified-type, html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="data"] .fp-unified-type, html[data-site-group="file-tools-home"] .fp-unified-tool[data-kind="utility"] .fp-unified-type{color:#687888!important}
html[data-site-group="file-tools-home"] .fp-unified-name{grid-column:2!important;grid-row:1!important;display:block!important;font-size:16px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:-.01em!important}
html[data-site-group="file-tools-home"] .fp-unified-desc{grid-column:2!important;grid-row:2!important;display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.55!important;color:#78818b!important}
html[data-site-group="file-tools-home"] .fp-unified-aliases{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html[data-site-group="file-tools-home"] .directory-foot{padding:22px 0 4px!important;border-top:1px solid #dfe3e7!important;margin-top:24px!important}
@media(max-width:980px){html[data-site-group="file-tools-home"] .fp-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){html[data-site-group="file-tools-home"] .filepat-home-intro{padding:14px 0 20px!important}html[data-site-group="file-tools-home"] .filepat-home-summary{font-size:17px!important}html[data-site-group="file-tools-home"] .fp-unified-head{display:block!important;padding-bottom:10px!important}html[data-site-group="file-tools-home"] .fp-unified-head h2{font-size:19px!important}html[data-site-group="file-tools-home"] .fp-unified-head p{text-align:left!important;margin-top:5px!important}html[data-site-group="file-tools-home"] .fp-unified-grid{grid-template-columns:1fr!important}html[data-site-group="file-tools-home"] .fp-unified-tool{min-height:88px!important;padding:15px 14px 13px!important}html[data-site-group="file-tools-home"] .fp-unified-name{font-size:15px!important}html[data-site-group="file-tools-home"] .fp-unified-desc{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html[data-site-group="file-tools-home"] .fp-unified-tool{transition:none!important}}

/* Easy Calculators v15 — readability gutters only. Layout/function untouched. */
html[data-site-group="file-tools-home"] .directory{max-width:1180px!important;padding-left:clamp(32px,4vw,58px)!important;padding-right:clamp(32px,4vw,58px)!important;box-sizing:border-box!important}
html[data-site-group="file-tools-home"] .directory-section{width:100%!important}
html[data-site-group="file-tools-home"] .directory-section-head{padding-left:2px!important;padding-right:2px!important}
html[data-site-group="file-tools-home"] .new-tools-editorial{margin-left:2px!important;margin-right:2px!important}
html[data-site-group="file-tools-home"] .office, html[data-site-group="file-tools-home"] .feature-grid, html[data-site-group="file-tools-home"] .new-tools-editorial{width:100%!important}
html[data-site-group="file-tools-home"] .filepat-seo-section{padding-left:clamp(28px,5vw,64px)!important;padding-right:clamp(28px,5vw,64px)!important}
html[data-site-group="file-tools-home"] .filepat-seo-inner{width:min(1080px,100%)!important}
html[data-site-group="file-tools-home"] .fp-practical-guide-final{margin-left:clamp(16px,3vw,40px)!important;margin-right:clamp(16px,3vw,40px)!important}
html[data-site-group="file-tools-home"] .fp-practical-guide-final__head, html[data-site-group="file-tools-home"] .fp-practical-guide-final__grid, html[data-site-group="file-tools-home"] .fp-practical-guide-final__lead, html[data-site-group="file-tools-home"] .fp-practical-guide-final__note{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
html[data-site-group="file-tools-home"] .seo-main, html[data-site-group="file-tools-home"] .seo-page, html[data-site-group="file-tools-home"] .runtime-panel, html[data-site-group="file-tools-home"] .section, html[data-site-group="file-tools-home"] .related, html[data-site-group="file-tools-home"] .faq, html[data-site-group="file-tools-home"] .filepat-guide-panel{box-sizing:border-box}
@media(max-width:900px){
  html[data-site-group="file-tools-home"] .directory{padding-left:28px!important;padding-right:28px!important}
  html[data-site-group="file-tools-home"] .fp-practical-guide-final{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:640px){
  html[data-site-group="file-tools-home"] .directory{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="file-tools-home"] .directory-section-head{padding-left:0!important;padding-right:0!important}
  html[data-site-group="file-tools-home"] .new-tools-editorial{margin-left:0!important;margin-right:0!important}
  html[data-site-group="file-tools-home"] .filepat-seo-section{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="file-tools-home"] .fp-practical-guide-final{margin-left:0!important;margin-right:0!important}
}



html[data-site-group="file-tools-home"] #tools .feature-card::before{
  content:counter(fp-tool,decimal-leading-zero)!important;
  position:static!important;
  background:none!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  box-shadow:none!important;
  grid-column:1!important;grid-row:1 / span 4!important;
  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
  padding-top:3px!important;
  color:#9aa3ae!important;font:700 10px/1 Inter,sans-serif!important;letter-spacing:.08em!important;
}
html[data-site-group="file-tools-home"] #tools .feature-card .feature-top{position:static!important}
html[data-site-group="file-tools-home"] #tools .feature-card .feature-top::after{
  content:""!important;
  position:absolute!important;
  top:10px!important;right:11px!important;
  width:6px!important;height:6px!important;
  border-radius:50%!important;
  background:#2f77ff!important;
  box-shadow:none!important;
  opacity:.92!important;
}
html[data-site-group="file-tools-home"] #tools .feature-card.pdf-card .feature-top::after{background:#111418!important}
html[data-site-group="file-tools-home"] #tools .feature-card:hover .feature-top::after, html[data-site-group="file-tools-home"] #tools .feature-card:focus-visible .feature-top::after{background:#0b66d1!important;transform:scale(1.12)!important}
@media(max-width:640px){
  html[data-site-group="file-tools-home"] #tools .feature-card .feature-top::after{top:9px!important;right:9px!important;width:5px!important;height:5px!important}
}

/* Easy Calculators final content alignment: one common reading frame across page sections. */
html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
.filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
.fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Standalone SEO/tool pages: all long-form siblings use the same inner frame. */
html[data-site-group="file-tools-home"] .seo-page{box-sizing:border-box !important;}
html[data-site-group="file-tools-home"] .seo-page > .seo-main, html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-final, html[data-site-group="file-tools-home"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="file-tools-home"] .seo-page > .filepat-seo-section, html[data-site-group="file-tools-home"] .seo-page > .filepat-related-tools{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-article-final{
  width:min(920px,calc(100% - 32px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
/* Tool directory and general prose pages: retain their own outer max-width, but center them. */
html[data-site-group="file-tools-home"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="file-tools-home"] .seo-page > .seo-main, html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-final, html[data-site-group="file-tools-home"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="file-tools-home"] .seo-page > .filepat-seo-section, html[data-site-group="file-tools-home"] .seo-page > .filepat-related-tools{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="file-tools-home"] .seo-page > .fp-practical-guide-article-final{
    width:calc(100% - 32px) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
  .filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
  .fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="file-tools-home"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  html[data-site-group="file-tools-home"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section,
  .directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 24px) !important;
  }
}


/* ===== Shared component styles: tedori.html; pages: tedori.html ===== */

html[data-site-group="tedori.html"] .lead{margin:0 0 22px;color:#3d4955}
html[data-site-group="tedori.html"] .form.box{padding:8px 22px 20px}
html[data-site-group="tedori.html"] .form th{width:36%}
html[data-site-group="tedori.html"] .form td{background:#fff}
html[data-site-group="tedori.html"] .form input[type=number]{width:8em;font:inherit;font-size:1.15rem;padding:7px 10px;border:1px solid #97a9c2;border-radius:4px;text-align:right;background:#fff}
html[data-site-group="tedori.html"] .form input[type=number]:focus{border-color:var(--b);outline:3px solid #bcd3f3;outline-offset:0}
html[data-site-group="tedori.html"] .form input[type=checkbox]{width:18px;height:18px;vertical-align:-3px;accent-color:var(--b)}
html[data-site-group="tedori.html"] .form .h{display:block;font-size:.8rem;color:var(--mu);line-height:1.6;margin-top:5px}
html[data-site-group="tedori.html"] .btns{margin-top:18px;display:flex;gap:10px}
html[data-site-group="tedori.html"] button.go{font:inherit;font-weight:700;color:#fff;background:var(--ac);border:0;border-bottom:3px solid var(--acd);border-radius:4px;padding:10px 34px;cursor:pointer}
html[data-site-group="tedori.html"] button.rs{font:inherit;background:#fff;color:var(--tx);border:1px solid #97a9c2;border-radius:4px;padding:10px 20px;cursor:pointer}
html[data-site-group="tedori.html"] .res{margin-top:26px;border:2px solid var(--b);border-radius:4px;background:#fff;overflow:hidden}
html[data-site-group="tedori.html"] .res .rh{background:var(--b);color:#fff;padding:8px 16px;font-weight:700;letter-spacing:.08em}
html[data-site-group="tedori.html"] .res .big{padding:22px 16px 18px;text-align:center;border-bottom:1px solid var(--ln)}
html[data-site-group="tedori.html"] .res .big b{display:block;font-size:clamp(2.2rem,9vw,3.1rem);color:#c9302c;line-height:1.35;letter-spacing:.01em}
html[data-site-group="tedori.html"] .res .sm{display:flex;justify-content:center;gap:4px 32px;flex-wrap:wrap;color:var(--mu);margin-top:6px}
html[data-site-group="tedori.html"] .res .sm b{display:inline;font-size:inherit;color:var(--tx);font-weight:700}
html[data-site-group="tedori.html"] .res table{border:0}html[data-site-group="tedori.html"] .res td, html[data-site-group="tedori.html"] .res th{border-left:0;border-right:0}html[data-site-group="tedori.html"] .res th{width:40%}html[data-site-group="tedori.html"] .res td, html[data-site-group="tedori.html"] .res th{padding:10px}html[data-site-group="tedori.html"] .res thead th{font-size:.8rem;color:var(--mu);font-weight:600;padding:6px 10px}
html[data-site-group="tedori.html"] .res .h{display:block;font-size:.78rem;color:var(--mu);font-weight:400;line-height:1.5}
html[data-site-group="tedori.html"] .bar{display:flex;height:16px;border:1px solid var(--ln);border-radius:3px;overflow:hidden;margin:18px 16px 8px}
html[data-site-group="tedori.html"] .bar i{display:block}
html[data-site-group="tedori.html"] .lg{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:.8rem;color:var(--mu);padding:0 16px 16px}
html[data-site-group="tedori.html"] .lg span::before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;background:var(--c)}
html[data-site-group="tedori.html"] .scroll{overflow-x:auto;border:1px solid var(--ln);border-radius:4px}
html[data-site-group="tedori.html"] .scroll table{border:0}
html[data-site-group="tedori.html"] #tbl tbody tr:nth-child(even) td{background:#f6f9fd}
html[data-site-group="tedori.html"] #tbl th:first-child{position:sticky;left:0;white-space:nowrap}
html[data-site-group="tedori.html"] #tbl .hl td, html[data-site-group="tedori.html"] #tbl .hl th{background:#fff4d6}
html[data-site-group="tedori.html"] p[data-i=tblNote]{margin:0 0 12px;color:var(--mu);font-size:.92rem}
html[data-site-group="tedori.html"] details{background:#fff;border:1px solid var(--ln);border-radius:4px;margin-bottom:8px}
html[data-site-group="tedori.html"] summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--bd)}
html[data-site-group="tedori.html"] details p{margin:0;padding:0 16px 14px}
html[data-site-group="tedori.html"] ul.n{margin:0;padding-left:1.4em}html[data-site-group="tedori.html"] .n li{margin:5px 0}
@media(max-width:600px){html[data-site-group="tedori.html"] .form th, html[data-site-group="tedori.html"] .form td{display:block;width:100%}html[data-site-group="tedori.html"] .form th{border-bottom:0;padding-bottom:6px}html[data-site-group="tedori.html"] .form td{border-top:0}html[data-site-group="tedori.html"] .form input[type=number]{width:9em}html[data-site-group="tedori.html"] .res th{width:44%}}
@media print{html[data-site-group="tedori.html"] header, html[data-site-group="tedori.html"] .btns, html[data-site-group="tedori.html"] .lang{display:none}}
html[data-site-group="tedori.html"] .r{text-align:right}
html[data-site-group="tedori.html"] .slider{display:block;width:100%;max-width:420px;margin:12px 0 4px;accent-color:var(--b)}
html[data-site-group="tedori.html"] .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
html[data-site-group="tedori.html"] .chip{font:inherit;font-size:.85rem;line-height:1.2;padding:6px 12px;background:#fff;color:var(--b);border:1px solid #97a9c2;border-radius:99px;cursor:pointer}
html[data-site-group="tedori.html"] .chip:hover{background:var(--bl)}
html[data-site-group="tedori.html"] .acts{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
html[data-site-group="tedori.html"] .acts button{padding:8px 16px;font-size:.9rem}
html[data-site-group="tedori.html"] .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1f2933;color:#fff;padding:8px 18px;border-radius:4px;font-size:.9rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:60}
html[data-site-group="tedori.html"] .toast.on{opacity:1;visibility:visible}
html[data-site-group="tedori.html"] .sim h3{font-size:1rem;margin:22px 0 4px;color:var(--bd)}
html[data-site-group="tedori.html"] .sim .row{margin:10px 0}html[data-site-group="tedori.html"] .sim .row label{margin-right:6px}
html[data-site-group="tedori.html"] .sim input[type=number]{width:8em;font:inherit;font-size:1.1rem;padding:6px 10px;border:1px solid #97a9c2;border-radius:4px;text-align:right}
html[data-site-group="tedori.html"] .sim .hint{margin:6px 0 0;color:var(--mu);font-size:.85rem}
html[data-site-group="tedori.html"] .sim .need{padding:12px 14px;background:var(--bl);border-radius:4px;margin-top:8px}
html[data-site-group="tedori.html"] .sim .need b{color:#c9302c;font-size:1.4rem}
html[data-site-group="tedori.html"] .sim .need button{margin-top:8px;padding:6px 14px;font-size:.88rem}
html[data-site-group="tedori.html"] #tbl tbody tr{cursor:pointer}html[data-site-group="tedori.html"] #tbl tbody tr:hover td, html[data-site-group="tedori.html"] #tbl tbody tr:hover th{background:#eaf1fa}
@media print{html[data-site-group="tedori.html"] .acts, html[data-site-group="tedori.html"] .chips, html[data-site-group="tedori.html"] .slider, html[data-site-group="tedori.html"] .sim, html[data-site-group="tedori.html"] .toast{display:none}}
html[data-site-group="tedori.html"] .r, html[data-site-group="tedori.html"] #tbl td, html[data-site-group="tedori.html"] #tbl th, html[data-site-group="tedori.html"] .res .sm span, html[data-site-group="tedori.html"] .res .big b{white-space:nowrap}
html[data-site-group="tedori.html"] th.u{font-weight:400;color:var(--mu);font-size:.75rem}
html[data-site-group="tedori.html"] .sim .row label{display:block;margin:0 0 4px}
html[data-site-group="tedori.html"] .ns{display:inline-block;white-space:nowrap;margin-right:.9em}
@media(max-width:600px){html[data-site-group="tedori.html"] .res td, html[data-site-group="tedori.html"] .res th, html[data-site-group="tedori.html"] .sim td, html[data-site-group="tedori.html"] .sim th{padding:8px 6px;font-size:.88rem}html[data-site-group="tedori.html"] .res .h{font-size:.72rem}html[data-site-group="tedori.html"] .res thead th{font-size:.75rem}html[data-site-group="tedori.html"] .res th{width:auto}html[data-site-group="tedori.html"] .sim .need b{font-size:1.25rem}}
html[data-site-group="tedori.html"] #simAt th:first-child{word-break:normal}
@media(max-width:600px){html[data-site-group="tedori.html"] #simAt th, html[data-site-group="tedori.html"] #simAt td{font-size:.78rem;padding:6px 4px}html[data-site-group="tedori.html"] #simAt th:first-child{width:4.2em}}
@media(max-width:340px){html[data-site-group="tedori.html"] #simAt th, html[data-site-group="tedori.html"] #simAt td{font-size:.7rem}}


/* ===== Shared component styles: tools/compress.html; pages: tools/compress.html, en/tools/compress.html ===== */

html[data-site-group="tools/compress.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/compress.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/compress.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/compress.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/compress.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/compress.html"] .seo-main{padding-top:58px}html[data-site-group="tools/compress.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/compress.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/compress.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/compress.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/compress.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/compress.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/compress.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/compress.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/compress.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/compress.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/compress.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/compress.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/compress.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/compress.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/compress.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/compress.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/compress.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/compress.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/compress.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/compress.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/compress.html"] .seo-header{padding:18px 0}html[data-site-group="tools/compress.html"] .seo-main{padding-top:38px}html[data-site-group="tools/compress.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/compress.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/compress.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/compress.html"] .section{padding:28px 0}html[data-site-group="tools/compress.html"] .section h2{font-size:20px}html[data-site-group="tools/compress.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/compress.html"] .related a{font-size:12px}}
html[data-site-group="tools/compress.html"] .tool-head, html[data-site-group="tools/compress.html"] .seo-header{position:relative}html[data-site-group="tools/compress.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/compress.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/compress.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/compress.html"] .tool-head, html[data-site-group="tools/compress.html"] .seo-header{flex-wrap:wrap}html[data-site-group="tools/compress.html"] .filekit-lang-switch{margin-left:0}}html[data-site-group="tools/compress.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/compress.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/compress.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/compress.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/compress.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/compress.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/compress.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/compress.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/compress.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/compress.html"] .seo-main{padding-top:42px}html[data-site-group="tools/compress.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/compress.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/compress.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/compress.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/compress.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/compress.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/compress.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/compress.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/compress.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/compress.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/compress.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/compress.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/compress.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/compress.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/compress.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/compress.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/compress.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/compress.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/compress.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/compress.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/compress.html"] .seo-header{padding:18px 0}html[data-site-group="tools/compress.html"] .seo-main{padding-top:34px}html[data-site-group="tools/compress.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/compress.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/compress.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/compress.html"] .section{padding:28px 0}html[data-site-group="tools/compress.html"] .section h2{font-size:20px}html[data-site-group="tools/compress.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/compress.html"] .related a{font-size:12px}}


html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/compress.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/compress.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/compress.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/compress.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/compress.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/compress.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/compress.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/compress.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/compress.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/image-convert.html; pages: tools/image-convert.html, en/tools/image-convert.html ===== */

html[data-site-group="tools/image-convert.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/image-convert.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/image-convert.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/image-convert.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/image-convert.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/image-convert.html"] .seo-main{padding-top:58px}html[data-site-group="tools/image-convert.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/image-convert.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/image-convert.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/image-convert.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/image-convert.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/image-convert.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/image-convert.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/image-convert.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/image-convert.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/image-convert.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/image-convert.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/image-convert.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/image-convert.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/image-convert.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/image-convert.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/image-convert.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/image-convert.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/image-convert.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/image-convert.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/image-convert.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/image-convert.html"] .seo-header{padding:18px 0}html[data-site-group="tools/image-convert.html"] .seo-main{padding-top:38px}html[data-site-group="tools/image-convert.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/image-convert.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/image-convert.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/image-convert.html"] .section{padding:28px 0}html[data-site-group="tools/image-convert.html"] .section h2{font-size:20px}html[data-site-group="tools/image-convert.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/image-convert.html"] .related a{font-size:12px}}
html[data-site-group="tools/image-convert.html"] .tool-head, html[data-site-group="tools/image-convert.html"] .seo-header{position:relative}html[data-site-group="tools/image-convert.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/image-convert.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/image-convert.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/image-convert.html"] .tool-head, html[data-site-group="tools/image-convert.html"] .seo-header{flex-wrap:wrap}html[data-site-group="tools/image-convert.html"] .filekit-lang-switch{margin-left:0}}html[data-site-group="tools/image-convert.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/image-convert.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/image-convert.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/image-convert.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/image-convert.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/image-convert.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/image-convert.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/image-convert.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/image-convert.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/image-convert.html"] .seo-main{padding-top:42px}html[data-site-group="tools/image-convert.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/image-convert.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/image-convert.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/image-convert.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/image-convert.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/image-convert.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/image-convert.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/image-convert.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/image-convert.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/image-convert.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/image-convert.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/image-convert.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/image-convert.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/image-convert.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/image-convert.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/image-convert.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/image-convert.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/image-convert.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/image-convert.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/image-convert.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/image-convert.html"] .seo-header{padding:18px 0}html[data-site-group="tools/image-convert.html"] .seo-main{padding-top:34px}html[data-site-group="tools/image-convert.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/image-convert.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/image-convert.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/image-convert.html"] .section{padding:28px 0}html[data-site-group="tools/image-convert.html"] .section h2{font-size:20px}html[data-site-group="tools/image-convert.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/image-convert.html"] .related a{font-size:12px}}


html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/image-convert.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/image-convert.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/image-convert.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/image-convert.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/image-convert.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/image-convert.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/image-convert.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/image-convert.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/image-convert.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/image-crop.html; pages: tools/image-crop.html, en/tools/image-crop.html ===== */

html[data-site-group="tools/image-crop.html"] .fp-tool-page{min-height:100vh;background:#fff;color:#17191d}
html[data-site-group="tools/image-crop.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 22px 72px}
html[data-site-group="tools/image-crop.html"] .fp-tool-crumb{font-size:12px;color:#6b7280;margin-bottom:16px}html[data-site-group="tools/image-crop.html"] .fp-tool-crumb a{color:inherit;text-decoration:none}html[data-site-group="tools/image-crop.html"] .fp-tool-crumb a:hover{text-decoration:underline}
html[data-site-group="tools/image-crop.html"] .fp-tool-hero{padding:20px 0 26px}html[data-site-group="tools/image-crop.html"] .fp-tool-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;color:#6b7280}html[data-site-group="tools/image-crop.html"] .fp-tool-hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.03em;margin:10px 0}html[data-site-group="tools/image-crop.html"] .fp-tool-hero p{max-width:720px;color:#5b636d;line-height:1.85;margin:0}
html[data-site-group="tools/image-crop.html"] .fp-tool-card{border:1px solid #dfe3e8;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(20,26,34,.05);padding:20px}
html[data-site-group="tools/image-crop.html"] .fp-drop{border:1.5px dashed #b8c1cb;border-radius:14px;padding:28px 20px;text-align:center;background:#fbfcfd;cursor:pointer;transition:.15s}html[data-site-group="tools/image-crop.html"] .fp-drop:hover, html[data-site-group="tools/image-crop.html"] .fp-drop.drag{border-color:#5c79a1;background:#f7faff}html[data-site-group="tools/image-crop.html"] .fp-drop strong{display:block;font-size:16px}html[data-site-group="tools/image-crop.html"] .fp-drop span{display:block;color:#6b7280;font-size:12px;margin-top:7px}
html[data-site-group="tools/image-crop.html"] .fp-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}html[data-site-group="tools/image-crop.html"] .fp-control{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4b5563}html[data-site-group="tools/image-crop.html"] .fp-control input, html[data-site-group="tools/image-crop.html"] .fp-control select{width:100%;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:9px;padding:10px 11px;background:#fff;color:#17191d;font:inherit}html[data-site-group="tools/image-crop.html"] .fp-control input:focus, html[data-site-group="tools/image-crop.html"] .fp-control select:focus{outline:2px solid #bcd1ee;outline-offset:1px}
html[data-site-group="tools/image-crop.html"] .fp-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}html[data-site-group="tools/image-crop.html"] .fp-btn{border:1px solid #cfd5dc;background:#fff;color:#18202a;border-radius:9px;padding:10px 14px;font:600 13px/1.2 inherit;cursor:pointer}html[data-site-group="tools/image-crop.html"] .fp-btn.active{border-color:#111;background:#111;color:#fff}html[data-site-group="tools/image-crop.html"] .fp-btn.primary{background:#17191d;color:#fff;border-color:#17191d}html[data-site-group="tools/image-crop.html"] .fp-btn:disabled{opacity:.45;cursor:not-allowed}html[data-site-group="tools/image-crop.html"] .fp-status{margin-top:14px;min-height:20px;color:#606a75;font-size:12px}html[data-site-group="tools/image-crop.html"] .fp-status.error{color:#a52222}
html[data-site-group="tools/image-crop.html"] .fp-preview{margin-top:18px;padding-top:18px;border-top:1px solid #e8ebef}html[data-site-group="tools/image-crop.html"] .fp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}html[data-site-group="tools/image-crop.html"] .fp-preview figure{margin:0;border:1px solid #e1e5e9;border-radius:10px;padding:10px;background:#fff}html[data-site-group="tools/image-crop.html"] .fp-preview img{display:block;width:100%;max-height:250px;object-fit:contain;background:#f6f7f9;border-radius:6px}html[data-site-group="tools/image-crop.html"] .fp-preview figcaption{font-size:11px;color:#68717c;margin-top:7px;word-break:break-word}
html[data-site-group="tools/image-crop.html"] .fp-note{margin-top:26px;padding-top:20px;border-top:1px solid #e5e7eb;color:#66707b;font-size:12px;line-height:1.85}html[data-site-group="tools/image-crop.html"] .fp-note strong{color:#303943}html[data-site-group="tools/image-crop.html"] .fp-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}html[data-site-group="tools/image-crop.html"] .fp-links a{border:1px solid #d8dde3;border-radius:999px;padding:8px 12px;color:#26303a;text-decoration:none;font-size:12px;background:#fff}
@media(max-width:760px){html[data-site-group="tools/image-crop.html"] .fp-tool-main{padding:22px 14px 54px}html[data-site-group="tools/image-crop.html"] .fp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-group="tools/image-crop.html"] .fp-tool-card{padding:14px}html[data-site-group="tools/image-crop.html"] .fp-drop{padding:24px 14px}}
@media(max-width:460px){html[data-site-group="tools/image-crop.html"] .fp-controls{grid-template-columns:1fr}html[data-site-group="tools/image-crop.html"] .fp-tool-hero h1{font-size:31px}html[data-site-group="tools/image-crop.html"] .fp-actions .fp-btn{flex:1 1 auto}}

/* D&D drop-zone stability patch: hide the native file input completely and keep the drop target rectangular. */
html[data-site-group="tools/image-crop.html"] .fp-drop{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:240px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;}
html[data-site-group="tools/image-crop.html"] .fp-drop input[type="file"]{display:none !important;visibility:hidden !important;position:absolute !important;width:0 !important;height:0 !important;opacity:0 !important;pointer-events:none !important;}
html[data-site-group="tools/image-crop.html"] .fp-drop.drag{outline:0;}
@media(max-width:760px){html[data-site-group="tools/image-crop.html"] .fp-drop{min-height:210px;padding:26px 14px;}}
@media(max-width:420px){html[data-site-group="tools/image-crop.html"] .fp-drop{min-height:190px;padding:22px 12px;}}


html[data-site-group="tools/image-crop.html"] .tool-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7}html[data-site-group="tools/image-crop.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/image-crop.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/image-crop.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/image-crop.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/image-crop.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/image-crop.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/image-crop.html"] .filekit-lang-switch{margin-left:0}}

/* QR page header alignment: exact structure with comfortable side whitespace */
html[data-site-group="tools/image-crop.html"] .tool-page{max-width:1080px;margin:0 auto;padding:0 32px 72px}
html[data-site-group="tools/image-crop.html"] .tool-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7;position:relative}
html[data-site-group="tools/image-crop.html"] .brand{color:#111;text-decoration:none;font-weight:700}
html[data-site-group="tools/image-crop.html"] .back{color:#555;text-decoration:none;font-size:14px}
html[data-site-group="tools/image-crop.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}
html[data-site-group="tools/image-crop.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}
html[data-site-group="tools/image-crop.html"] .filekit-lang-switch button.active{background:#111;color:#fff}
html[data-site-group="tools/image-crop.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 0 72px}
html[data-site-group="tools/image-crop.html"] .fp-seo-content{margin-top:42px;padding-top:34px;border-top:1px solid #e4e5e7}
html[data-site-group="tools/image-crop.html"] .fp-seo-content .seo-kicker{font-size:11px;letter-spacing:.12em;color:#777;font-weight:700;margin-bottom:10px}
html[data-site-group="tools/image-crop.html"] .fp-seo-content h2{font-size:24px;line-height:1.4;margin:0 0 14px}
html[data-site-group="tools/image-crop.html"] .fp-seo-content h3{font-size:18px;line-height:1.5;margin:30px 0 10px}
html[data-site-group="tools/image-crop.html"] .fp-seo-content p{max-width:820px;color:#4f4f4f;font-size:14px;line-height:2;margin:0 0 14px}
html[data-site-group="tools/image-crop.html"] .fp-seo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 4px}
html[data-site-group="tools/image-crop.html"] .fp-seo-meta div{border:1px solid #e4e5e7;border-radius:10px;padding:15px;background:#fff}
html[data-site-group="tools/image-crop.html"] .fp-seo-meta b{display:block;font-size:12px;margin-bottom:5px}html[data-site-group="tools/image-crop.html"] .fp-seo-meta span{font-size:12px;line-height:1.6;color:#666}
html[data-site-group="tools/image-crop.html"] .fp-seo-faq{margin-top:30px;padding-top:24px;border-top:1px solid #e4e5e7}html[data-site-group="tools/image-crop.html"] .fp-seo-faq h3{margin-top:0}
html[data-site-group="tools/image-crop.html"] .fp-seo-faq details{border-top:1px solid #e4e5e7;padding:15px 0}html[data-site-group="tools/image-crop.html"] .fp-seo-faq details:last-child{border-bottom:1px solid #e4e5e7}html[data-site-group="tools/image-crop.html"] .fp-seo-faq summary{cursor:pointer;font-weight:700;font-size:14px}html[data-site-group="tools/image-crop.html"] .fp-seo-faq p{margin:10px 0 0}
html[data-site-group="tools/image-crop.html"] .fp-tool-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}html[data-site-group="tools/image-crop.html"] .fp-tool-links a{border:1px solid #ddd;border-radius:999px;padding:8px 12px;text-decoration:none;font-size:12px;color:#333}
@media(max-width:700px){html[data-site-group="tools/image-crop.html"] .tool-page{padding:0 20px 54px}html[data-site-group="tools/image-crop.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/image-crop.html"] .filekit-lang-switch{margin-left:auto}html[data-site-group="tools/image-crop.html"] .fp-tool-main{padding:24px 0 58px}html[data-site-group="tools/image-crop.html"] .fp-seo-meta{grid-template-columns:1fr}html[data-site-group="tools/image-crop.html"] .fp-seo-content h2{font-size:21px}html[data-site-group="tools/image-crop.html"] .fp-seo-content h3{font-size:17px}}


/* Dedicated new-tool pages: reuse かんたん計算ツール's existing page chrome without adding navigation. */
html[data-site-group="tools/image-crop.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/image-crop.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/image-crop.html"] .fp-tool-card, html[data-site-group="tools/image-crop.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/image-crop.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/image-crop.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/image-crop.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/image-crop.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/image-crop.html"] .fp-controls{width:100%}}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Dedicated new-tool pages: reuse Easy Calculators's existing page chrome without adding navigation. */
html[data-site-group="tools/image-crop.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/image-crop.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/image-crop.html"] .fp-tool-card, html[data-site-group="tools/image-crop.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/image-crop.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/image-crop.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/image-crop.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/image-crop.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/image-crop.html"] .fp-controls{width:100%}}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/image-crop.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* ===== Shared component styles: tools/image-pdf.html; pages: tools/image-pdf.html, en/tools/image-pdf.html ===== */

html[data-site-group="tools/image-pdf.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/image-pdf.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/image-pdf.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/image-pdf.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/image-pdf.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/image-pdf.html"] .seo-main{padding-top:58px}html[data-site-group="tools/image-pdf.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/image-pdf.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/image-pdf.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/image-pdf.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/image-pdf.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/image-pdf.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/image-pdf.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/image-pdf.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/image-pdf.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/image-pdf.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/image-pdf.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/image-pdf.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/image-pdf.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/image-pdf.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/image-pdf.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/image-pdf.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/image-pdf.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/image-pdf.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/image-pdf.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/image-pdf.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/image-pdf.html"] .seo-header{padding:18px 0}html[data-site-group="tools/image-pdf.html"] .seo-main{padding-top:38px}html[data-site-group="tools/image-pdf.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/image-pdf.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/image-pdf.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/image-pdf.html"] .section{padding:28px 0}html[data-site-group="tools/image-pdf.html"] .section h2{font-size:20px}html[data-site-group="tools/image-pdf.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/image-pdf.html"] .related a{font-size:12px}}
html[data-site-group="tools/image-pdf.html"] .tool-head, html[data-site-group="tools/image-pdf.html"] .seo-header{position:relative}html[data-site-group="tools/image-pdf.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/image-pdf.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/image-pdf.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/image-pdf.html"] .tool-head, html[data-site-group="tools/image-pdf.html"] .seo-header{flex-wrap:wrap}html[data-site-group="tools/image-pdf.html"] .filekit-lang-switch{margin-left:0}}html[data-site-group="tools/image-pdf.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/image-pdf.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/image-pdf.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/image-pdf.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/image-pdf.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/image-pdf.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/image-pdf.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/image-pdf.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/image-pdf.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/image-pdf.html"] .seo-main{padding-top:42px}html[data-site-group="tools/image-pdf.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/image-pdf.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/image-pdf.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/image-pdf.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/image-pdf.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/image-pdf.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/image-pdf.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/image-pdf.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/image-pdf.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/image-pdf.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/image-pdf.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/image-pdf.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/image-pdf.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/image-pdf.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/image-pdf.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/image-pdf.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/image-pdf.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/image-pdf.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/image-pdf.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/image-pdf.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/image-pdf.html"] .seo-header{padding:18px 0}html[data-site-group="tools/image-pdf.html"] .seo-main{padding-top:34px}html[data-site-group="tools/image-pdf.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/image-pdf.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/image-pdf.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/image-pdf.html"] .section{padding:28px 0}html[data-site-group="tools/image-pdf.html"] .section h2{font-size:20px}html[data-site-group="tools/image-pdf.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/image-pdf.html"] .related a{font-size:12px}}


html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/image-pdf.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/image-pdf.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/image-pdf.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/image-pdf.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/image-pdf.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/image-pdf.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/image-pdf.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/image-pdf.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/image-pdf.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/image-rotate.html; pages: tools/image-rotate.html, en/tools/image-rotate.html ===== */

html[data-site-group="tools/image-rotate.html"] .fp-tool-page{min-height:100vh;background:#fff;color:#17191d}
html[data-site-group="tools/image-rotate.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 22px 72px}
html[data-site-group="tools/image-rotate.html"] .fp-tool-crumb{font-size:12px;color:#6b7280;margin-bottom:16px}html[data-site-group="tools/image-rotate.html"] .fp-tool-crumb a{color:inherit;text-decoration:none}html[data-site-group="tools/image-rotate.html"] .fp-tool-crumb a:hover{text-decoration:underline}
html[data-site-group="tools/image-rotate.html"] .fp-tool-hero{padding:20px 0 26px}html[data-site-group="tools/image-rotate.html"] .fp-tool-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;color:#6b7280}html[data-site-group="tools/image-rotate.html"] .fp-tool-hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.03em;margin:10px 0}html[data-site-group="tools/image-rotate.html"] .fp-tool-hero p{max-width:720px;color:#5b636d;line-height:1.85;margin:0}
html[data-site-group="tools/image-rotate.html"] .fp-tool-card{border:1px solid #dfe3e8;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(20,26,34,.05);padding:20px}
html[data-site-group="tools/image-rotate.html"] .fp-drop{border:1.5px dashed #b8c1cb;border-radius:14px;padding:28px 20px;text-align:center;background:#fbfcfd;cursor:pointer;transition:.15s}html[data-site-group="tools/image-rotate.html"] .fp-drop:hover, html[data-site-group="tools/image-rotate.html"] .fp-drop.drag{border-color:#5c79a1;background:#f7faff}html[data-site-group="tools/image-rotate.html"] .fp-drop strong{display:block;font-size:16px}html[data-site-group="tools/image-rotate.html"] .fp-drop span{display:block;color:#6b7280;font-size:12px;margin-top:7px}
html[data-site-group="tools/image-rotate.html"] .fp-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}html[data-site-group="tools/image-rotate.html"] .fp-control{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4b5563}html[data-site-group="tools/image-rotate.html"] .fp-control input, html[data-site-group="tools/image-rotate.html"] .fp-control select{width:100%;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:9px;padding:10px 11px;background:#fff;color:#17191d;font:inherit}html[data-site-group="tools/image-rotate.html"] .fp-control input:focus, html[data-site-group="tools/image-rotate.html"] .fp-control select:focus{outline:2px solid #bcd1ee;outline-offset:1px}
html[data-site-group="tools/image-rotate.html"] .fp-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}html[data-site-group="tools/image-rotate.html"] .fp-btn{border:1px solid #cfd5dc;background:#fff;color:#18202a;border-radius:9px;padding:10px 14px;font:600 13px/1.2 inherit;cursor:pointer}html[data-site-group="tools/image-rotate.html"] .fp-btn.primary{background:#17191d;color:#fff;border-color:#17191d}html[data-site-group="tools/image-rotate.html"] .fp-btn:disabled{opacity:.45;cursor:not-allowed}html[data-site-group="tools/image-rotate.html"] .fp-status{margin-top:14px;min-height:20px;color:#606a75;font-size:12px}html[data-site-group="tools/image-rotate.html"] .fp-status.error{color:#a52222}
html[data-site-group="tools/image-rotate.html"] .fp-preview{margin-top:18px;padding-top:18px;border-top:1px solid #e8ebef}html[data-site-group="tools/image-rotate.html"] .fp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}html[data-site-group="tools/image-rotate.html"] .fp-preview figure{margin:0;border:1px solid #e1e5e9;border-radius:10px;padding:10px;background:#fff}html[data-site-group="tools/image-rotate.html"] .fp-preview img{display:block;width:100%;max-height:250px;object-fit:contain;background:#f6f7f9;border-radius:6px}html[data-site-group="tools/image-rotate.html"] .fp-preview figcaption{font-size:11px;color:#68717c;margin-top:7px;word-break:break-word}
html[data-site-group="tools/image-rotate.html"] .fp-note{margin-top:26px;padding-top:20px;border-top:1px solid #e5e7eb;color:#66707b;font-size:12px;line-height:1.85}html[data-site-group="tools/image-rotate.html"] .fp-note strong{color:#303943}html[data-site-group="tools/image-rotate.html"] .fp-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}html[data-site-group="tools/image-rotate.html"] .fp-links a{border:1px solid #d8dde3;border-radius:999px;padding:8px 12px;color:#26303a;text-decoration:none;font-size:12px;background:#fff}
@media(max-width:760px){html[data-site-group="tools/image-rotate.html"] .fp-tool-main{padding:22px 14px 54px}html[data-site-group="tools/image-rotate.html"] .fp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-group="tools/image-rotate.html"] .fp-tool-card{padding:14px}html[data-site-group="tools/image-rotate.html"] .fp-drop{padding:24px 14px}}
@media(max-width:460px){html[data-site-group="tools/image-rotate.html"] .fp-controls{grid-template-columns:1fr}html[data-site-group="tools/image-rotate.html"] .fp-tool-hero h1{font-size:31px}html[data-site-group="tools/image-rotate.html"] .fp-actions .fp-btn{flex:1 1 auto}}

/* D&D drop-zone stability patch: hide the native file input completely and keep the drop target rectangular. */
html[data-site-group="tools/image-rotate.html"] .fp-drop{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:240px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;}
html[data-site-group="tools/image-rotate.html"] .fp-drop input[type="file"]{display:none !important;visibility:hidden !important;position:absolute !important;width:0 !important;height:0 !important;opacity:0 !important;pointer-events:none !important;}
html[data-site-group="tools/image-rotate.html"] .fp-drop.drag{outline:0;}
@media(max-width:760px){html[data-site-group="tools/image-rotate.html"] .fp-drop{min-height:210px;padding:26px 14px;}}
@media(max-width:420px){html[data-site-group="tools/image-rotate.html"] .fp-drop{min-height:190px;padding:22px 12px;}}


html[data-site-group="tools/image-rotate.html"] .tool-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7}html[data-site-group="tools/image-rotate.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/image-rotate.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/image-rotate.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch{margin-left:0}}

/* QR page header alignment: exact structure with comfortable side whitespace */
html[data-site-group="tools/image-rotate.html"] .tool-page{max-width:1080px;margin:0 auto;padding:0 32px 72px}
html[data-site-group="tools/image-rotate.html"] .tool-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7;position:relative}
html[data-site-group="tools/image-rotate.html"] .brand{color:#111;text-decoration:none;font-weight:700}
html[data-site-group="tools/image-rotate.html"] .back{color:#555;text-decoration:none;font-size:14px}
html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}
html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}
html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch button.active{background:#111;color:#fff}
html[data-site-group="tools/image-rotate.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 0 72px}
html[data-site-group="tools/image-rotate.html"] .fp-seo-content{margin-top:42px;padding-top:34px;border-top:1px solid #e4e5e7}
html[data-site-group="tools/image-rotate.html"] .fp-seo-content .seo-kicker{font-size:11px;letter-spacing:.12em;color:#777;font-weight:700;margin-bottom:10px}
html[data-site-group="tools/image-rotate.html"] .fp-seo-content h2{font-size:24px;line-height:1.4;margin:0 0 14px}
html[data-site-group="tools/image-rotate.html"] .fp-seo-content h3{font-size:18px;line-height:1.5;margin:30px 0 10px}
html[data-site-group="tools/image-rotate.html"] .fp-seo-content p{max-width:820px;color:#4f4f4f;font-size:14px;line-height:2;margin:0 0 14px}
html[data-site-group="tools/image-rotate.html"] .fp-seo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 4px}
html[data-site-group="tools/image-rotate.html"] .fp-seo-meta div{border:1px solid #e4e5e7;border-radius:10px;padding:15px;background:#fff}
html[data-site-group="tools/image-rotate.html"] .fp-seo-meta b{display:block;font-size:12px;margin-bottom:5px}html[data-site-group="tools/image-rotate.html"] .fp-seo-meta span{font-size:12px;line-height:1.6;color:#666}
html[data-site-group="tools/image-rotate.html"] .fp-seo-faq{margin-top:30px;padding-top:24px;border-top:1px solid #e4e5e7}html[data-site-group="tools/image-rotate.html"] .fp-seo-faq h3{margin-top:0}
html[data-site-group="tools/image-rotate.html"] .fp-seo-faq details{border-top:1px solid #e4e5e7;padding:15px 0}html[data-site-group="tools/image-rotate.html"] .fp-seo-faq details:last-child{border-bottom:1px solid #e4e5e7}html[data-site-group="tools/image-rotate.html"] .fp-seo-faq summary{cursor:pointer;font-weight:700;font-size:14px}html[data-site-group="tools/image-rotate.html"] .fp-seo-faq p{margin:10px 0 0}
html[data-site-group="tools/image-rotate.html"] .fp-tool-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}html[data-site-group="tools/image-rotate.html"] .fp-tool-links a{border:1px solid #ddd;border-radius:999px;padding:8px 12px;text-decoration:none;font-size:12px;color:#333}
@media(max-width:700px){html[data-site-group="tools/image-rotate.html"] .tool-page{padding:0 20px 54px}html[data-site-group="tools/image-rotate.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/image-rotate.html"] .filekit-lang-switch{margin-left:auto}html[data-site-group="tools/image-rotate.html"] .fp-tool-main{padding:24px 0 58px}html[data-site-group="tools/image-rotate.html"] .fp-seo-meta{grid-template-columns:1fr}html[data-site-group="tools/image-rotate.html"] .fp-seo-content h2{font-size:21px}html[data-site-group="tools/image-rotate.html"] .fp-seo-content h3{font-size:17px}}


/* Dedicated new-tool pages: reuse かんたん計算ツール's existing page chrome without adding navigation. */
html[data-site-group="tools/image-rotate.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/image-rotate.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/image-rotate.html"] .fp-tool-card, html[data-site-group="tools/image-rotate.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/image-rotate.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/image-rotate.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/image-rotate.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/image-rotate.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/image-rotate.html"] .fp-controls{width:100%}}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Dedicated new-tool pages: reuse Easy Calculators's existing page chrome without adding navigation. */
html[data-site-group="tools/image-rotate.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/image-rotate.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/image-rotate.html"] .fp-tool-card, html[data-site-group="tools/image-rotate.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/image-rotate.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/image-rotate.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/image-rotate.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/image-rotate.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/image-rotate.html"] .fp-controls{width:100%}}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/image-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* ===== Shared component styles: tools/pdf-extract.html; pages: tools/pdf-extract.html, en/tools/pdf-extract.html ===== */

html[data-site-group="tools/pdf-extract.html"] .fp-tool-page{min-height:100vh;background:#fff;color:#17191d}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 22px 72px}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-crumb{font-size:12px;color:#6b7280;margin-bottom:16px}html[data-site-group="tools/pdf-extract.html"] .fp-tool-crumb a{color:inherit;text-decoration:none}html[data-site-group="tools/pdf-extract.html"] .fp-tool-crumb a:hover{text-decoration:underline}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-hero{padding:20px 0 26px}html[data-site-group="tools/pdf-extract.html"] .fp-tool-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;color:#6b7280}html[data-site-group="tools/pdf-extract.html"] .fp-tool-hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.03em;margin:10px 0}html[data-site-group="tools/pdf-extract.html"] .fp-tool-hero p{max-width:720px;color:#5b636d;line-height:1.85;margin:0}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-card{border:1px solid #dfe3e8;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(20,26,34,.05);padding:20px}
html[data-site-group="tools/pdf-extract.html"] .fp-drop{border:1.5px dashed #b8c1cb;border-radius:14px;padding:28px 20px;text-align:center;background:#fbfcfd;cursor:pointer;transition:.15s}html[data-site-group="tools/pdf-extract.html"] .fp-drop:hover, html[data-site-group="tools/pdf-extract.html"] .fp-drop.drag{border-color:#5c79a1;background:#f7faff}html[data-site-group="tools/pdf-extract.html"] .fp-drop strong{display:block;font-size:16px}html[data-site-group="tools/pdf-extract.html"] .fp-drop span{display:block;color:#6b7280;font-size:12px;margin-top:7px}
html[data-site-group="tools/pdf-extract.html"] .fp-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}html[data-site-group="tools/pdf-extract.html"] .fp-control{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4b5563}html[data-site-group="tools/pdf-extract.html"] .fp-control input, html[data-site-group="tools/pdf-extract.html"] .fp-control select{width:100%;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:9px;padding:10px 11px;background:#fff;color:#17191d;font:inherit}html[data-site-group="tools/pdf-extract.html"] .fp-control input:focus, html[data-site-group="tools/pdf-extract.html"] .fp-control select:focus{outline:2px solid #bcd1ee;outline-offset:1px}
html[data-site-group="tools/pdf-extract.html"] .fp-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}html[data-site-group="tools/pdf-extract.html"] .fp-btn{border:1px solid #cfd5dc;background:#fff;color:#18202a;border-radius:9px;padding:10px 14px;font:600 13px/1.2 inherit;cursor:pointer}html[data-site-group="tools/pdf-extract.html"] .fp-btn.primary{background:#17191d;color:#fff;border-color:#17191d}html[data-site-group="tools/pdf-extract.html"] .fp-btn:disabled{opacity:.45;cursor:not-allowed}html[data-site-group="tools/pdf-extract.html"] .fp-status{margin-top:14px;min-height:20px;color:#606a75;font-size:12px}html[data-site-group="tools/pdf-extract.html"] .fp-status.error{color:#a52222}
html[data-site-group="tools/pdf-extract.html"] .fp-preview{margin-top:18px;padding-top:18px;border-top:1px solid #e8ebef}html[data-site-group="tools/pdf-extract.html"] .fp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}html[data-site-group="tools/pdf-extract.html"] .fp-preview figure{margin:0;border:1px solid #e1e5e9;border-radius:10px;padding:10px;background:#fff}html[data-site-group="tools/pdf-extract.html"] .fp-preview img{display:block;width:100%;max-height:250px;object-fit:contain;background:#f6f7f9;border-radius:6px}html[data-site-group="tools/pdf-extract.html"] .fp-preview figcaption{font-size:11px;color:#68717c;margin-top:7px;word-break:break-word}
html[data-site-group="tools/pdf-extract.html"] .fp-note{margin-top:26px;padding-top:20px;border-top:1px solid #e5e7eb;color:#66707b;font-size:12px;line-height:1.85}html[data-site-group="tools/pdf-extract.html"] .fp-note strong{color:#303943}html[data-site-group="tools/pdf-extract.html"] .fp-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}html[data-site-group="tools/pdf-extract.html"] .fp-links a{border:1px solid #d8dde3;border-radius:999px;padding:8px 12px;color:#26303a;text-decoration:none;font-size:12px;background:#fff}
@media(max-width:760px){html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{padding:22px 14px 54px}html[data-site-group="tools/pdf-extract.html"] .fp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-group="tools/pdf-extract.html"] .fp-tool-card{padding:14px}html[data-site-group="tools/pdf-extract.html"] .fp-drop{padding:24px 14px}}
@media(max-width:460px){html[data-site-group="tools/pdf-extract.html"] .fp-controls{grid-template-columns:1fr}html[data-site-group="tools/pdf-extract.html"] .fp-tool-hero h1{font-size:31px}html[data-site-group="tools/pdf-extract.html"] .fp-actions .fp-btn{flex:1 1 auto}}

/* D&D drop-zone stability patch: hide the native file input completely and keep the drop target rectangular. */
html[data-site-group="tools/pdf-extract.html"] .fp-drop{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:240px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;}
html[data-site-group="tools/pdf-extract.html"] .fp-drop input[type="file"]{display:none !important;visibility:hidden !important;position:absolute !important;width:0 !important;height:0 !important;opacity:0 !important;pointer-events:none !important;}
html[data-site-group="tools/pdf-extract.html"] .fp-drop.drag{outline:0;}
@media(max-width:760px){html[data-site-group="tools/pdf-extract.html"] .fp-drop{min-height:210px;padding:26px 14px;}}
@media(max-width:420px){html[data-site-group="tools/pdf-extract.html"] .fp-drop{min-height:190px;padding:22px 12px;}}


html[data-site-group="tools/pdf-extract.html"] .tool-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7}html[data-site-group="tools/pdf-extract.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/pdf-extract.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/pdf-extract.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch{margin-left:0}}

/* QR page header alignment: exact structure with comfortable side whitespace */
html[data-site-group="tools/pdf-extract.html"] .tool-page{max-width:1080px;margin:0 auto;padding:0 32px 72px}
html[data-site-group="tools/pdf-extract.html"] .tool-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7;position:relative}
html[data-site-group="tools/pdf-extract.html"] .brand{color:#111;text-decoration:none;font-weight:700}
html[data-site-group="tools/pdf-extract.html"] .back{color:#555;text-decoration:none;font-size:14px}
html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}
html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}
html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch button.active{background:#111;color:#fff}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 0 72px}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-content{margin-top:42px;padding-top:34px;border-top:1px solid #e4e5e7}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-content .seo-kicker{font-size:11px;letter-spacing:.12em;color:#777;font-weight:700;margin-bottom:10px}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-content h2{font-size:24px;line-height:1.4;margin:0 0 14px}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-content h3{font-size:18px;line-height:1.5;margin:30px 0 10px}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-content p{max-width:820px;color:#4f4f4f;font-size:14px;line-height:2;margin:0 0 14px}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 4px}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-meta div{border:1px solid #e4e5e7;border-radius:10px;padding:15px;background:#fff}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-meta b{display:block;font-size:12px;margin-bottom:5px}html[data-site-group="tools/pdf-extract.html"] .fp-seo-meta span{font-size:12px;line-height:1.6;color:#666}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-faq{margin-top:30px;padding-top:24px;border-top:1px solid #e4e5e7}html[data-site-group="tools/pdf-extract.html"] .fp-seo-faq h3{margin-top:0}
html[data-site-group="tools/pdf-extract.html"] .fp-seo-faq details{border-top:1px solid #e4e5e7;padding:15px 0}html[data-site-group="tools/pdf-extract.html"] .fp-seo-faq details:last-child{border-bottom:1px solid #e4e5e7}html[data-site-group="tools/pdf-extract.html"] .fp-seo-faq summary{cursor:pointer;font-weight:700;font-size:14px}html[data-site-group="tools/pdf-extract.html"] .fp-seo-faq p{margin:10px 0 0}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}html[data-site-group="tools/pdf-extract.html"] .fp-tool-links a{border:1px solid #ddd;border-radius:999px;padding:8px 12px;text-decoration:none;font-size:12px;color:#333}
@media(max-width:700px){html[data-site-group="tools/pdf-extract.html"] .tool-page{padding:0 20px 54px}html[data-site-group="tools/pdf-extract.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/pdf-extract.html"] .filekit-lang-switch{margin-left:auto}html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{padding:24px 0 58px}html[data-site-group="tools/pdf-extract.html"] .fp-seo-meta{grid-template-columns:1fr}html[data-site-group="tools/pdf-extract.html"] .fp-seo-content h2{font-size:21px}html[data-site-group="tools/pdf-extract.html"] .fp-seo-content h3{font-size:17px}}


/* Dedicated new-tool pages: reuse かんたん計算ツール's existing page chrome without adding navigation. */
html[data-site-group="tools/pdf-extract.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-card, html[data-site-group="tools/pdf-extract.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/pdf-extract.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-extract.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-extract.html"] .fp-controls{width:100%}}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Dedicated new-tool pages: reuse Easy Calculators's existing page chrome without adding navigation. */
html[data-site-group="tools/pdf-extract.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-card, html[data-site-group="tools/pdf-extract.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/pdf-extract.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/pdf-extract.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/pdf-extract.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-extract.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-extract.html"] .fp-controls{width:100%}}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-extract.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* ===== Shared component styles: tools/pdf-image.html; pages: tools/pdf-image.html, en/tools/pdf-image.html ===== */

html[data-site-group="tools/pdf-image.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/pdf-image.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/pdf-image.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/pdf-image.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/pdf-image.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-image.html"] .seo-main{padding-top:58px}html[data-site-group="tools/pdf-image.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/pdf-image.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/pdf-image.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/pdf-image.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/pdf-image.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/pdf-image.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/pdf-image.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/pdf-image.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/pdf-image.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/pdf-image.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/pdf-image.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/pdf-image.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/pdf-image.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/pdf-image.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/pdf-image.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/pdf-image.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/pdf-image.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/pdf-image.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/pdf-image.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/pdf-image.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/pdf-image.html"] .seo-header{padding:18px 0}html[data-site-group="tools/pdf-image.html"] .seo-main{padding-top:38px}html[data-site-group="tools/pdf-image.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/pdf-image.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/pdf-image.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/pdf-image.html"] .section{padding:28px 0}html[data-site-group="tools/pdf-image.html"] .section h2{font-size:20px}html[data-site-group="tools/pdf-image.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-image.html"] .related a{font-size:12px}}
html[data-site-group="tools/pdf-image.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/pdf-image.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/pdf-image.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/pdf-image.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/pdf-image.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/pdf-image.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/pdf-image.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/pdf-image.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/pdf-image.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-image.html"] .seo-main{padding-top:42px}html[data-site-group="tools/pdf-image.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/pdf-image.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/pdf-image.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/pdf-image.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/pdf-image.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/pdf-image.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/pdf-image.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/pdf-image.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/pdf-image.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/pdf-image.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/pdf-image.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/pdf-image.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/pdf-image.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/pdf-image.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/pdf-image.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/pdf-image.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/pdf-image.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/pdf-image.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/pdf-image.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/pdf-image.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/pdf-image.html"] .seo-header{padding:18px 0}html[data-site-group="tools/pdf-image.html"] .seo-main{padding-top:34px}html[data-site-group="tools/pdf-image.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/pdf-image.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/pdf-image.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/pdf-image.html"] .section{padding:28px 0}html[data-site-group="tools/pdf-image.html"] .section h2{font-size:20px}html[data-site-group="tools/pdf-image.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-image.html"] .related a{font-size:12px}}


html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/pdf-image.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/pdf-image.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/pdf-image.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-image.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/pdf-image.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-image.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/pdf-image.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/pdf-image.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/pdf-image.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/pdf-merge.html; pages: tools/pdf-merge.html, en/tools/pdf-merge.html ===== */

html[data-site-group="tools/pdf-merge.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/pdf-merge.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/pdf-merge.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/pdf-merge.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/pdf-merge.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-merge.html"] .seo-main{padding-top:58px}html[data-site-group="tools/pdf-merge.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/pdf-merge.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/pdf-merge.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/pdf-merge.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/pdf-merge.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/pdf-merge.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/pdf-merge.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/pdf-merge.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/pdf-merge.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/pdf-merge.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/pdf-merge.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/pdf-merge.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/pdf-merge.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/pdf-merge.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/pdf-merge.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/pdf-merge.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/pdf-merge.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/pdf-merge.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/pdf-merge.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/pdf-merge.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/pdf-merge.html"] .seo-header{padding:18px 0}html[data-site-group="tools/pdf-merge.html"] .seo-main{padding-top:38px}html[data-site-group="tools/pdf-merge.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/pdf-merge.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/pdf-merge.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/pdf-merge.html"] .section{padding:28px 0}html[data-site-group="tools/pdf-merge.html"] .section h2{font-size:20px}html[data-site-group="tools/pdf-merge.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-merge.html"] .related a{font-size:12px}}
html[data-site-group="tools/pdf-merge.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/pdf-merge.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/pdf-merge.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/pdf-merge.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/pdf-merge.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/pdf-merge.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/pdf-merge.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/pdf-merge.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/pdf-merge.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-merge.html"] .seo-main{padding-top:42px}html[data-site-group="tools/pdf-merge.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/pdf-merge.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/pdf-merge.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/pdf-merge.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/pdf-merge.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/pdf-merge.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/pdf-merge.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/pdf-merge.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/pdf-merge.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/pdf-merge.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/pdf-merge.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/pdf-merge.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/pdf-merge.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/pdf-merge.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/pdf-merge.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/pdf-merge.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/pdf-merge.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/pdf-merge.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/pdf-merge.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/pdf-merge.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/pdf-merge.html"] .seo-header{padding:18px 0}html[data-site-group="tools/pdf-merge.html"] .seo-main{padding-top:34px}html[data-site-group="tools/pdf-merge.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/pdf-merge.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/pdf-merge.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/pdf-merge.html"] .section{padding:28px 0}html[data-site-group="tools/pdf-merge.html"] .section h2{font-size:20px}html[data-site-group="tools/pdf-merge.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-merge.html"] .related a{font-size:12px}}


html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/pdf-merge.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/pdf-merge.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/pdf-page-rotate.html; pages: tools/pdf-page-rotate.html, en/tools/pdf-page-rotate.html ===== */

html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-page{min-height:100vh;background:#fff;color:#17191d}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 22px 72px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-crumb{font-size:12px;color:#6b7280;margin-bottom:16px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-crumb a{color:inherit;text-decoration:none}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-crumb a:hover{text-decoration:underline}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-hero{padding:20px 0 26px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;color:#6b7280}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.03em;margin:10px 0}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-hero p{max-width:720px;color:#5b636d;line-height:1.85;margin:0}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-card{border:1px solid #dfe3e8;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(20,26,34,.05);padding:20px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop{border:1.5px dashed #b8c1cb;border-radius:14px;padding:28px 20px;text-align:center;background:#fbfcfd;cursor:pointer;transition:.15s}html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop:hover, html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop.drag{border-color:#5c79a1;background:#f7faff}html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop strong{display:block;font-size:16px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop span{display:block;color:#6b7280;font-size:12px;margin-top:7px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-control{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4b5563}html[data-site-group="tools/pdf-page-rotate.html"] .fp-control input, html[data-site-group="tools/pdf-page-rotate.html"] .fp-control select{width:100%;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:9px;padding:10px 11px;background:#fff;color:#17191d;font:inherit}html[data-site-group="tools/pdf-page-rotate.html"] .fp-control input:focus, html[data-site-group="tools/pdf-page-rotate.html"] .fp-control select:focus{outline:2px solid #bcd1ee;outline-offset:1px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-btn{border:1px solid #cfd5dc;background:#fff;color:#18202a;border-radius:9px;padding:10px 14px;font:600 13px/1.2 inherit;cursor:pointer}html[data-site-group="tools/pdf-page-rotate.html"] .fp-btn.primary{background:#17191d;color:#fff;border-color:#17191d}html[data-site-group="tools/pdf-page-rotate.html"] .fp-btn:disabled{opacity:.45;cursor:not-allowed}html[data-site-group="tools/pdf-page-rotate.html"] .fp-status{margin-top:14px;min-height:20px;color:#606a75;font-size:12px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-status.error{color:#a52222}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-preview{margin-top:18px;padding-top:18px;border-top:1px solid #e8ebef}html[data-site-group="tools/pdf-page-rotate.html"] .fp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-preview figure{margin:0;border:1px solid #e1e5e9;border-radius:10px;padding:10px;background:#fff}html[data-site-group="tools/pdf-page-rotate.html"] .fp-preview img{display:block;width:100%;max-height:250px;object-fit:contain;background:#f6f7f9;border-radius:6px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-preview figcaption{font-size:11px;color:#68717c;margin-top:7px;word-break:break-word}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-note{margin-top:26px;padding-top:20px;border-top:1px solid #e5e7eb;color:#66707b;font-size:12px;line-height:1.85}html[data-site-group="tools/pdf-page-rotate.html"] .fp-note strong{color:#303943}html[data-site-group="tools/pdf-page-rotate.html"] .fp-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-links a{border:1px solid #d8dde3;border-radius:999px;padding:8px 12px;color:#26303a;text-decoration:none;font-size:12px;background:#fff}
@media(max-width:760px){html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{padding:22px 14px 54px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-card{padding:14px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop{padding:24px 14px}}
@media(max-width:460px){html[data-site-group="tools/pdf-page-rotate.html"] .fp-controls{grid-template-columns:1fr}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-hero h1{font-size:31px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-actions .fp-btn{flex:1 1 auto}}

/* D&D drop-zone stability patch: hide the native file input completely and keep the drop target rectangular. */
html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:240px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop input[type="file"]{display:none !important;visibility:hidden !important;position:absolute !important;width:0 !important;height:0 !important;opacity:0 !important;pointer-events:none !important;}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop.drag{outline:0;}
@media(max-width:760px){html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop{min-height:210px;padding:26px 14px;}}
@media(max-width:420px){html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop{min-height:190px;padding:22px 12px;}}


html[data-site-group="tools/pdf-page-rotate.html"] .tool-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7}html[data-site-group="tools/pdf-page-rotate.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/pdf-page-rotate.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/pdf-page-rotate.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch{margin-left:0}}

/* QR page header alignment: exact structure with comfortable side whitespace */
html[data-site-group="tools/pdf-page-rotate.html"] .tool-page{max-width:1080px;margin:0 auto;padding:0 32px 72px}
html[data-site-group="tools/pdf-page-rotate.html"] .tool-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7;position:relative}
html[data-site-group="tools/pdf-page-rotate.html"] .brand{color:#111;text-decoration:none;font-weight:700}
html[data-site-group="tools/pdf-page-rotate.html"] .back{color:#555;text-decoration:none;font-size:14px}
html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}
html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}
html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch button.active{background:#111;color:#fff}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 0 72px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-content{margin-top:42px;padding-top:34px;border-top:1px solid #e4e5e7}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-content .seo-kicker{font-size:11px;letter-spacing:.12em;color:#777;font-weight:700;margin-bottom:10px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-content h2{font-size:24px;line-height:1.4;margin:0 0 14px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-content h3{font-size:18px;line-height:1.5;margin:30px 0 10px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-content p{max-width:820px;color:#4f4f4f;font-size:14px;line-height:2;margin:0 0 14px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 4px}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-meta div{border:1px solid #e4e5e7;border-radius:10px;padding:15px;background:#fff}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-meta b{display:block;font-size:12px;margin-bottom:5px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-meta span{font-size:12px;line-height:1.6;color:#666}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-faq{margin-top:30px;padding-top:24px;border-top:1px solid #e4e5e7}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-faq h3{margin-top:0}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-faq details{border-top:1px solid #e4e5e7;padding:15px 0}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-faq details:last-child{border-bottom:1px solid #e4e5e7}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-faq summary{cursor:pointer;font-weight:700;font-size:14px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-faq p{margin:10px 0 0}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-links a{border:1px solid #ddd;border-radius:999px;padding:8px 12px;text-decoration:none;font-size:12px;color:#333}
@media(max-width:700px){html[data-site-group="tools/pdf-page-rotate.html"] .tool-page{padding:0 20px 54px}html[data-site-group="tools/pdf-page-rotate.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/pdf-page-rotate.html"] .filekit-lang-switch{margin-left:auto}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{padding:24px 0 58px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-meta{grid-template-columns:1fr}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-content h2{font-size:21px}html[data-site-group="tools/pdf-page-rotate.html"] .fp-seo-content h3{font-size:17px}}


/* Dedicated new-tool pages: reuse かんたん計算ツール's existing page chrome without adding navigation. */
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-card, html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-page-rotate.html"] .fp-controls{width:100%}}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Dedicated new-tool pages: reuse Easy Calculators's existing page chrome without adding navigation. */
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-card, html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/pdf-page-rotate.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-page-rotate.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-page-rotate.html"] .fp-controls{width:100%}}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-page-rotate.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* ===== Shared component styles: tools/pdf-password.html; pages: tools/pdf-password.html, en/tools/pdf-password.html ===== */

html[data-site-group="tools/pdf-password.html"]{--fg:#161616;--muted:#6b6b6b;--line:#e4e5e7;--bg:#f7f7f8}
html[data-site-group="tools/pdf-password.html"] *{box-sizing:border-box}html[data-site-group="tools/pdf-password.html"]{scroll-behavior:smooth}html[data-site-group="tools/pdf-password.html"] body{margin:0;background:#fff;color:var(--fg);font-family:Inter,"Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-site-group="tools/pdf-password.html"] .tool-page{max-width:1080px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/pdf-password.html"] .tool-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}html[data-site-group="tools/pdf-password.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/pdf-password.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-password.html"] .tool-main{padding-top:36px}html[data-site-group="tools/pdf-password.html"] .eyebrow{font-size:12px;letter-spacing:.12em;color:#777}html[data-site-group="tools/pdf-password.html"] .tool-main h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:9px 0 14px;letter-spacing:-.03em}html[data-site-group="tools/pdf-password.html"] .lead{max-width:780px;color:#505050;font-size:15px;line-height:1.95}html[data-site-group="tools/pdf-password.html"] .ad-container{width:100%;max-width:100%;margin:18px auto 28px;text-align:center}html[data-site-group="tools/pdf-password.html"] .hero-card, html[data-site-group="tools/pdf-password.html"] .panel-card{border:1px solid #ddd;border-radius:14px;padding:22px;background:#fff;box-shadow:0 8px 26px rgba(20,26,34,.04)}html[data-site-group="tools/pdf-password.html"] .tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px}html[data-site-group="tools/pdf-password.html"] .tabs button{appearance:none;border:0;background:transparent;padding:12px 14px;color:#666;font:inherit;cursor:pointer;border-bottom:2px solid transparent}html[data-site-group="tools/pdf-password.html"] .tabs button.active{color:#111;border-bottom-color:#111;font-weight:700}html[data-site-group="tools/pdf-password.html"] .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-site-group="tools/pdf-password.html"] .field{display:flex;flex-direction:column;gap:6px}html[data-site-group="tools/pdf-password.html"] .field label{font-size:13px;font-weight:700}html[data-site-group="tools/pdf-password.html"] .field input, html[data-site-group="tools/pdf-password.html"] .field select, html[data-site-group="tools/pdf-password.html"] .field textarea{width:100%;border:1px solid #d2d5d8;border-radius:9px;padding:11px 12px;background:#fff;font:inherit;color:inherit}html[data-site-group="tools/pdf-password.html"] .field textarea{min-height:120px;resize:vertical}html[data-site-group="tools/pdf-password.html"] .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}html[data-site-group="tools/pdf-password.html"] .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;border:1px solid #161616;background:#161616;color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}html[data-site-group="tools/pdf-password.html"] .btn.secondary{background:#fff;color:#161616;border-color:#cfd3d7}html[data-site-group="tools/pdf-password.html"] .btn:disabled{opacity:.45;cursor:not-allowed}html[data-site-group="tools/pdf-password.html"] .drop{border:1.5px dashed #cfd3d7;border-radius:12px;padding:52px 30px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fafafa}html[data-site-group="tools/pdf-password.html"] .drop.drag{border-color:#111;background:#f3f3f3}html[data-site-group="tools/pdf-password.html"] .queue{display:grid;gap:8px;margin-top:14px}html[data-site-group="tools/pdf-password.html"] .queue-row{display:flex;align-items:center;gap:10px;border:1px solid #e1e2e5;border-radius:10px;padding:10px}html[data-site-group="tools/pdf-password.html"] .queue-row .name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-site-group="tools/pdf-password.html"] .queue-row button{border:0;background:transparent;font-size:22px;color:#777;cursor:pointer}html[data-site-group="tools/pdf-password.html"] .preview{margin:18px auto 0;min-height:260px;border:1px solid #e1e2e5;border-radius:12px;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}html[data-site-group="tools/pdf-password.html"] .preview img, html[data-site-group="tools/pdf-password.html"] .preview canvas{max-width:100%;height:auto}html[data-site-group="tools/pdf-password.html"] .status{margin-top:10px;min-height:20px;font-size:13px;color:#555}html[data-site-group="tools/pdf-password.html"] .status.error{color:#b42318}html[data-site-group="tools/pdf-password.html"] .notice{margin-top:12px;font-size:12px;line-height:1.8;color:#666}html[data-site-group="tools/pdf-password.html"] .seo-section{border-top:1px solid var(--line);padding:30px 0;margin-top:30px}html[data-site-group="tools/pdf-password.html"] .seo-section h2{font-size:22px;margin:0 0 12px}html[data-site-group="tools/pdf-password.html"] .seo-section h3{font-size:17px;margin:22px 0 8px}html[data-site-group="tools/pdf-password.html"] .seo-section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/pdf-password.html"] .faq details{border-top:1px solid var(--line);padding:15px 0}html[data-site-group="tools/pdf-password.html"] .faq details:last-child{border-bottom:1px solid var(--line)}html[data-site-group="tools/pdf-password.html"] .faq summary{cursor:pointer;font-weight:700}html[data-site-group="tools/pdf-password.html"] .tool-footer{border-top:1px solid var(--line);padding-top:24px;color:#777;font-size:12px}@media(max-width:700px){html[data-site-group="tools/pdf-password.html"] .tool-page{padding:0 14px 52px}html[data-site-group="tools/pdf-password.html"] .tool-main{padding-top:28px}html[data-site-group="tools/pdf-password.html"] .lead{font-size:14px}html[data-site-group="tools/pdf-password.html"] .grid-2{grid-template-columns:1fr}html[data-site-group="tools/pdf-password.html"] .actions .btn{width:100%}html[data-site-group="tools/pdf-password.html"] .hero-card, html[data-site-group="tools/pdf-password.html"] .panel-card{padding:16px}html[data-site-group="tools/pdf-password.html"] .drop{padding:36px 14px;min-height:210px}html[data-site-group="tools/pdf-password.html"] .preview{min-height:220px}html[data-site-group="tools/pdf-password.html"] .tabs{overflow-x:auto;white-space:nowrap}html[data-site-group="tools/pdf-password.html"] .tabs button{flex:0 0 auto}html[data-site-group="tools/pdf-password.html"] .tool-main h1{font-size:30px}}
html[data-site-group="tools/pdf-password.html"] .tool-head, html[data-site-group="tools/pdf-password.html"] .seo-header{position:relative}html[data-site-group="tools/pdf-password.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/pdf-password.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/pdf-password.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/pdf-password.html"] .tool-head, html[data-site-group="tools/pdf-password.html"] .seo-header{flex-wrap:wrap}html[data-site-group="tools/pdf-password.html"] .filekit-lang-switch{margin-left:0}}html[data-site-group="tools/pdf-password.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/pdf-password.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/pdf-password.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/pdf-password.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-password.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* ===== Shared component styles: tools/pdf-reorder.html; pages: tools/pdf-reorder.html, en/tools/pdf-reorder.html ===== */

html[data-site-group="tools/pdf-reorder.html"] .fp-tool-page{min-height:100vh;background:#fff;color:#17191d}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 22px 72px}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-crumb{font-size:12px;color:#6b7280;margin-bottom:16px}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-crumb a{color:inherit;text-decoration:none}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-crumb a:hover{text-decoration:underline}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-hero{padding:20px 0 26px}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;color:#6b7280}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.03em;margin:10px 0}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-hero p{max-width:720px;color:#5b636d;line-height:1.85;margin:0}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-card{border:1px solid #dfe3e8;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(20,26,34,.05);padding:20px}
html[data-site-group="tools/pdf-reorder.html"] .fp-drop{border:1.5px dashed #b8c1cb;border-radius:14px;padding:28px 20px;text-align:center;background:#fbfcfd;cursor:pointer;transition:.15s}html[data-site-group="tools/pdf-reorder.html"] .fp-drop:hover, html[data-site-group="tools/pdf-reorder.html"] .fp-drop.drag{border-color:#5c79a1;background:#f7faff}html[data-site-group="tools/pdf-reorder.html"] .fp-drop strong{display:block;font-size:16px}html[data-site-group="tools/pdf-reorder.html"] .fp-drop span{display:block;color:#6b7280;font-size:12px;margin-top:7px}
html[data-site-group="tools/pdf-reorder.html"] .fp-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}html[data-site-group="tools/pdf-reorder.html"] .fp-control{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4b5563}html[data-site-group="tools/pdf-reorder.html"] .fp-control input, html[data-site-group="tools/pdf-reorder.html"] .fp-control select{width:100%;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:9px;padding:10px 11px;background:#fff;color:#17191d;font:inherit}html[data-site-group="tools/pdf-reorder.html"] .fp-control input:focus, html[data-site-group="tools/pdf-reorder.html"] .fp-control select:focus{outline:2px solid #bcd1ee;outline-offset:1px}
html[data-site-group="tools/pdf-reorder.html"] .fp-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}html[data-site-group="tools/pdf-reorder.html"] .fp-btn{border:1px solid #cfd5dc;background:#fff;color:#18202a;border-radius:9px;padding:10px 14px;font:600 13px/1.2 inherit;cursor:pointer}html[data-site-group="tools/pdf-reorder.html"] .fp-btn.primary{background:#17191d;color:#fff;border-color:#17191d}html[data-site-group="tools/pdf-reorder.html"] .fp-btn:disabled{opacity:.45;cursor:not-allowed}html[data-site-group="tools/pdf-reorder.html"] .fp-status{margin-top:14px;min-height:20px;color:#606a75;font-size:12px}html[data-site-group="tools/pdf-reorder.html"] .fp-status.error{color:#a52222}
html[data-site-group="tools/pdf-reorder.html"] .fp-preview{margin-top:18px;padding-top:18px;border-top:1px solid #e8ebef}html[data-site-group="tools/pdf-reorder.html"] .fp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}html[data-site-group="tools/pdf-reorder.html"] .fp-preview figure{margin:0;border:1px solid #e1e5e9;border-radius:10px;padding:10px;background:#fff}html[data-site-group="tools/pdf-reorder.html"] .fp-preview img{display:block;width:100%;max-height:250px;object-fit:contain;background:#f6f7f9;border-radius:6px}html[data-site-group="tools/pdf-reorder.html"] .fp-preview figcaption{font-size:11px;color:#68717c;margin-top:7px;word-break:break-word}
html[data-site-group="tools/pdf-reorder.html"] .fp-note{margin-top:26px;padding-top:20px;border-top:1px solid #e5e7eb;color:#66707b;font-size:12px;line-height:1.85}html[data-site-group="tools/pdf-reorder.html"] .fp-note strong{color:#303943}html[data-site-group="tools/pdf-reorder.html"] .fp-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}html[data-site-group="tools/pdf-reorder.html"] .fp-links a{border:1px solid #d8dde3;border-radius:999px;padding:8px 12px;color:#26303a;text-decoration:none;font-size:12px;background:#fff}
@media(max-width:760px){html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{padding:22px 14px 54px}html[data-site-group="tools/pdf-reorder.html"] .fp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-card{padding:14px}html[data-site-group="tools/pdf-reorder.html"] .fp-drop{padding:24px 14px}}
@media(max-width:460px){html[data-site-group="tools/pdf-reorder.html"] .fp-controls{grid-template-columns:1fr}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-hero h1{font-size:31px}html[data-site-group="tools/pdf-reorder.html"] .fp-actions .fp-btn{flex:1 1 auto}}

/* D&D drop-zone stability patch: hide the native file input completely and keep the drop target rectangular. */
html[data-site-group="tools/pdf-reorder.html"] .fp-drop{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:240px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;}
html[data-site-group="tools/pdf-reorder.html"] .fp-drop input[type="file"]{display:none !important;visibility:hidden !important;position:absolute !important;width:0 !important;height:0 !important;opacity:0 !important;pointer-events:none !important;}
html[data-site-group="tools/pdf-reorder.html"] .fp-drop.drag{outline:0;}
@media(max-width:760px){html[data-site-group="tools/pdf-reorder.html"] .fp-drop{min-height:210px;padding:26px 14px;}}
@media(max-width:420px){html[data-site-group="tools/pdf-reorder.html"] .fp-drop{min-height:190px;padding:22px 12px;}}


html[data-site-group="tools/pdf-reorder.html"] .tool-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7}html[data-site-group="tools/pdf-reorder.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/pdf-reorder.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/pdf-reorder.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch{margin-left:0}}

/* QR page header alignment: exact structure with comfortable side whitespace */
html[data-site-group="tools/pdf-reorder.html"] .tool-page{max-width:1080px;margin:0 auto;padding:0 32px 72px}
html[data-site-group="tools/pdf-reorder.html"] .tool-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e4e5e7;position:relative}
html[data-site-group="tools/pdf-reorder.html"] .brand{color:#111;text-decoration:none;font-weight:700}
html[data-site-group="tools/pdf-reorder.html"] .back{color:#555;text-decoration:none;font-size:14px}
html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}
html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}
html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch button.active{background:#111;color:#fff}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{max-width:980px;margin:0 auto;padding:28px 0 72px}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-content{margin-top:42px;padding-top:34px;border-top:1px solid #e4e5e7}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-content .seo-kicker{font-size:11px;letter-spacing:.12em;color:#777;font-weight:700;margin-bottom:10px}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-content h2{font-size:24px;line-height:1.4;margin:0 0 14px}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-content h3{font-size:18px;line-height:1.5;margin:30px 0 10px}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-content p{max-width:820px;color:#4f4f4f;font-size:14px;line-height:2;margin:0 0 14px}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 4px}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-meta div{border:1px solid #e4e5e7;border-radius:10px;padding:15px;background:#fff}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-meta b{display:block;font-size:12px;margin-bottom:5px}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-meta span{font-size:12px;line-height:1.6;color:#666}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-faq{margin-top:30px;padding-top:24px;border-top:1px solid #e4e5e7}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-faq h3{margin-top:0}
html[data-site-group="tools/pdf-reorder.html"] .fp-seo-faq details{border-top:1px solid #e4e5e7;padding:15px 0}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-faq details:last-child{border-bottom:1px solid #e4e5e7}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-faq summary{cursor:pointer;font-weight:700;font-size:14px}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-faq p{margin:10px 0 0}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-links a{border:1px solid #ddd;border-radius:999px;padding:8px 12px;text-decoration:none;font-size:12px;color:#333}
@media(max-width:700px){html[data-site-group="tools/pdf-reorder.html"] .tool-page{padding:0 20px 54px}html[data-site-group="tools/pdf-reorder.html"] .tool-head{flex-wrap:wrap}html[data-site-group="tools/pdf-reorder.html"] .filekit-lang-switch{margin-left:auto}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{padding:24px 0 58px}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-meta{grid-template-columns:1fr}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-content h2{font-size:21px}html[data-site-group="tools/pdf-reorder.html"] .fp-seo-content h3{font-size:17px}}


/* Dedicated new-tool pages: reuse かんたん計算ツール's existing page chrome without adding navigation. */
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-card, html[data-site-group="tools/pdf-reorder.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-reorder.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-reorder.html"] .fp-controls{width:100%}}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Dedicated new-tool pages: reuse Easy Calculators's existing page chrome without adding navigation. */
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-page{margin:0;background:transparent;color:#17191d}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{box-sizing:border-box}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-card, html[data-site-group="tools/pdf-reorder.html"] .fp-tool-page .fp-tool-card{background:rgba(255,255,255,.94)}
html[data-site-group="tools/pdf-reorder.html"] .fp-tool-page a{text-decoration-thickness:from-font}
@media(max-width:760px){html[data-site-group="tools/pdf-reorder.html"] .fp-tool-main{width:100%;max-width:100%;overflow:hidden}html[data-site-group="tools/pdf-reorder.html"] .fp-tool-card{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-reorder.html"] .fp-drop{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-reorder.html"] .fp-controls{width:100%}}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/pdf-reorder.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* ===== Shared component styles: tools/pdf-split.html; pages: tools/pdf-split.html, en/tools/pdf-split.html ===== */

html[data-site-group="tools/pdf-split.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/pdf-split.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/pdf-split.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/pdf-split.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/pdf-split.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-split.html"] .seo-main{padding-top:58px}html[data-site-group="tools/pdf-split.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/pdf-split.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/pdf-split.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/pdf-split.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/pdf-split.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/pdf-split.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/pdf-split.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/pdf-split.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/pdf-split.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/pdf-split.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/pdf-split.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/pdf-split.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/pdf-split.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/pdf-split.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/pdf-split.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/pdf-split.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/pdf-split.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/pdf-split.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/pdf-split.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/pdf-split.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/pdf-split.html"] .seo-header{padding:18px 0}html[data-site-group="tools/pdf-split.html"] .seo-main{padding-top:38px}html[data-site-group="tools/pdf-split.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/pdf-split.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/pdf-split.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/pdf-split.html"] .section{padding:28px 0}html[data-site-group="tools/pdf-split.html"] .section h2{font-size:20px}html[data-site-group="tools/pdf-split.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-split.html"] .related a{font-size:12px}}
html[data-site-group="tools/pdf-split.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/pdf-split.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/pdf-split.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/pdf-split.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/pdf-split.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/pdf-split.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/pdf-split.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/pdf-split.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/pdf-split.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/pdf-split.html"] .seo-main{padding-top:42px}html[data-site-group="tools/pdf-split.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/pdf-split.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/pdf-split.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/pdf-split.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/pdf-split.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/pdf-split.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/pdf-split.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/pdf-split.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/pdf-split.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/pdf-split.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/pdf-split.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/pdf-split.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/pdf-split.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/pdf-split.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/pdf-split.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/pdf-split.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/pdf-split.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/pdf-split.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/pdf-split.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/pdf-split.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/pdf-split.html"] .seo-header{padding:18px 0}html[data-site-group="tools/pdf-split.html"] .seo-main{padding-top:34px}html[data-site-group="tools/pdf-split.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/pdf-split.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/pdf-split.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/pdf-split.html"] .section{padding:28px 0}html[data-site-group="tools/pdf-split.html"] .section h2{font-size:20px}html[data-site-group="tools/pdf-split.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/pdf-split.html"] .related a{font-size:12px}}


html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/pdf-split.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/pdf-split.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/pdf-split.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-split.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/pdf-split.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/pdf-split.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/pdf-split.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/pdf-split.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/pdf-split.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/qr.html; pages: tools/qr.html, en/tools/qr.html ===== */

html[data-site-group="tools/qr.html"]{--fg:#161616;--muted:#6b6b6b;--line:#e4e5e7;--bg:#f7f7f8}
html[data-site-group="tools/qr.html"] *{box-sizing:border-box}html[data-site-group="tools/qr.html"]{scroll-behavior:smooth}html[data-site-group="tools/qr.html"] body{margin:0;background:#fff;color:var(--fg);font-family:Inter,"Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-site-group="tools/qr.html"] .tool-page{max-width:1080px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/qr.html"] .tool-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}html[data-site-group="tools/qr.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/qr.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/qr.html"] .tool-main{padding-top:36px}html[data-site-group="tools/qr.html"] .eyebrow{font-size:12px;letter-spacing:.12em;color:#777}html[data-site-group="tools/qr.html"] .tool-main h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:9px 0 14px;letter-spacing:-.03em}html[data-site-group="tools/qr.html"] .lead{max-width:780px;color:#505050;font-size:15px;line-height:1.95}html[data-site-group="tools/qr.html"] .ad-container{width:100%;max-width:100%;margin:18px auto 28px;text-align:center}html[data-site-group="tools/qr.html"] .hero-card, html[data-site-group="tools/qr.html"] .panel-card{border:1px solid #ddd;border-radius:14px;padding:22px;background:#fff;box-shadow:0 8px 26px rgba(20,26,34,.04)}html[data-site-group="tools/qr.html"] .tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px}html[data-site-group="tools/qr.html"] .tabs button{appearance:none;border:0;background:transparent;padding:12px 14px;color:#666;font:inherit;cursor:pointer;border-bottom:2px solid transparent}html[data-site-group="tools/qr.html"] .tabs button.active{color:#111;border-bottom-color:#111;font-weight:700}html[data-site-group="tools/qr.html"] .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-site-group="tools/qr.html"] .field{display:flex;flex-direction:column;gap:6px}html[data-site-group="tools/qr.html"] .field label{font-size:13px;font-weight:700}html[data-site-group="tools/qr.html"] .field input, html[data-site-group="tools/qr.html"] .field select, html[data-site-group="tools/qr.html"] .field textarea{width:100%;border:1px solid #d2d5d8;border-radius:9px;padding:11px 12px;background:#fff;font:inherit;color:inherit}html[data-site-group="tools/qr.html"] .field textarea{min-height:120px;resize:vertical}html[data-site-group="tools/qr.html"] .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}html[data-site-group="tools/qr.html"] .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;border:1px solid #161616;background:#161616;color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}html[data-site-group="tools/qr.html"] .btn.secondary{background:#fff;color:#161616;border-color:#cfd3d7}html[data-site-group="tools/qr.html"] .btn:disabled{opacity:.45;cursor:not-allowed}html[data-site-group="tools/qr.html"] .drop{border:1.5px dashed #cfd3d7;border-radius:12px;padding:52px 30px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fafafa}html[data-site-group="tools/qr.html"] .drop.drag{border-color:#111;background:#f3f3f3}html[data-site-group="tools/qr.html"] .queue{display:grid;gap:8px;margin-top:14px}html[data-site-group="tools/qr.html"] .queue-row{display:flex;align-items:center;gap:10px;border:1px solid #e1e2e5;border-radius:10px;padding:10px}html[data-site-group="tools/qr.html"] .queue-row .name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-site-group="tools/qr.html"] .queue-row button{border:0;background:transparent;font-size:22px;color:#777;cursor:pointer}html[data-site-group="tools/qr.html"] .preview{margin:18px auto 0;min-height:260px;border:1px solid #e1e2e5;border-radius:12px;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}html[data-site-group="tools/qr.html"] .preview img, html[data-site-group="tools/qr.html"] .preview canvas{max-width:100%;height:auto}html[data-site-group="tools/qr.html"] .status{margin-top:10px;min-height:20px;font-size:13px;color:#555}html[data-site-group="tools/qr.html"] .status.error{color:#b42318}html[data-site-group="tools/qr.html"] .notice{margin-top:12px;font-size:12px;line-height:1.8;color:#666}html[data-site-group="tools/qr.html"] .seo-section{border-top:1px solid var(--line);padding:30px 0;margin-top:30px}html[data-site-group="tools/qr.html"] .seo-section h2{font-size:22px;margin:0 0 12px}html[data-site-group="tools/qr.html"] .seo-section h3{font-size:17px;margin:22px 0 8px}html[data-site-group="tools/qr.html"] .seo-section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/qr.html"] .faq details{border-top:1px solid var(--line);padding:15px 0}html[data-site-group="tools/qr.html"] .faq details:last-child{border-bottom:1px solid var(--line)}html[data-site-group="tools/qr.html"] .faq summary{cursor:pointer;font-weight:700}html[data-site-group="tools/qr.html"] .tool-footer{border-top:1px solid var(--line);padding-top:24px;color:#777;font-size:12px}@media(max-width:700px){html[data-site-group="tools/qr.html"] .tool-page{padding:0 14px 52px}html[data-site-group="tools/qr.html"] .tool-main{padding-top:28px}html[data-site-group="tools/qr.html"] .lead{font-size:14px}html[data-site-group="tools/qr.html"] .grid-2{grid-template-columns:1fr}html[data-site-group="tools/qr.html"] .actions .btn{width:100%}html[data-site-group="tools/qr.html"] .hero-card, html[data-site-group="tools/qr.html"] .panel-card{padding:16px}html[data-site-group="tools/qr.html"] .drop{padding:36px 14px;min-height:210px}html[data-site-group="tools/qr.html"] .preview{min-height:220px}html[data-site-group="tools/qr.html"] .tabs{overflow-x:auto;white-space:nowrap}html[data-site-group="tools/qr.html"] .tabs button{flex:0 0 auto}html[data-site-group="tools/qr.html"] .tool-main h1{font-size:30px}}
html[data-site-group="tools/qr.html"] .tool-head, html[data-site-group="tools/qr.html"] .seo-header{position:relative}html[data-site-group="tools/qr.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/qr.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/qr.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/qr.html"] .tool-head, html[data-site-group="tools/qr.html"] .seo-header{flex-wrap:wrap}html[data-site-group="tools/qr.html"] .filekit-lang-switch{margin-left:0}}html[data-site-group="tools/qr.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/qr.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/qr.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/qr.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/qr.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/qr.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* ===== Shared component styles: tools/resize.html; pages: tools/resize.html, en/tools/resize.html ===== */

html[data-site-group="tools/resize.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/resize.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/resize.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/resize.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/resize.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/resize.html"] .seo-main{padding-top:58px}html[data-site-group="tools/resize.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/resize.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/resize.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/resize.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/resize.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/resize.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/resize.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/resize.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/resize.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/resize.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/resize.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/resize.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/resize.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/resize.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/resize.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/resize.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/resize.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/resize.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/resize.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/resize.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/resize.html"] .seo-header{padding:18px 0}html[data-site-group="tools/resize.html"] .seo-main{padding-top:38px}html[data-site-group="tools/resize.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/resize.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/resize.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/resize.html"] .section{padding:28px 0}html[data-site-group="tools/resize.html"] .section h2{font-size:20px}html[data-site-group="tools/resize.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/resize.html"] .related a{font-size:12px}}
html[data-site-group="tools/resize.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/resize.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/resize.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/resize.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/resize.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/resize.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/resize.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/resize.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/resize.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/resize.html"] .seo-main{padding-top:42px}html[data-site-group="tools/resize.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/resize.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/resize.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/resize.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/resize.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/resize.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/resize.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/resize.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/resize.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/resize.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/resize.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/resize.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/resize.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/resize.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/resize.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/resize.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/resize.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/resize.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/resize.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/resize.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/resize.html"] .seo-header{padding:18px 0}html[data-site-group="tools/resize.html"] .seo-main{padding-top:34px}html[data-site-group="tools/resize.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/resize.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/resize.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/resize.html"] .section{padding:28px 0}html[data-site-group="tools/resize.html"] .section h2{font-size:20px}html[data-site-group="tools/resize.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/resize.html"] .related a{font-size:12px}}


html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/resize.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/resize.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/resize.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/resize.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/resize.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/resize.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/resize.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/resize.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/resize.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/text-convert.html; pages: tools/text-convert.html, en/tools/text-convert.html ===== */

html[data-site-group="tools/text-convert.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/text-convert.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/text-convert.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/text-convert.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/text-convert.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/text-convert.html"] .seo-main{padding-top:58px}html[data-site-group="tools/text-convert.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/text-convert.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/text-convert.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/text-convert.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/text-convert.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/text-convert.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/text-convert.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/text-convert.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/text-convert.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/text-convert.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/text-convert.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/text-convert.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/text-convert.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/text-convert.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/text-convert.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/text-convert.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/text-convert.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/text-convert.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/text-convert.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/text-convert.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/text-convert.html"] .seo-header{padding:18px 0}html[data-site-group="tools/text-convert.html"] .seo-main{padding-top:38px}html[data-site-group="tools/text-convert.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/text-convert.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/text-convert.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/text-convert.html"] .section{padding:28px 0}html[data-site-group="tools/text-convert.html"] .section h2{font-size:20px}html[data-site-group="tools/text-convert.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/text-convert.html"] .related a{font-size:12px}}
html[data-site-group="tools/text-convert.html"] .tool-head, html[data-site-group="tools/text-convert.html"] .seo-header{position:relative}html[data-site-group="tools/text-convert.html"] .filekit-lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}html[data-site-group="tools/text-convert.html"] .filekit-lang-switch button{min-width:30px;min-height:28px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#888d95;font:700 9px/1 Arial,sans-serif;cursor:pointer}html[data-site-group="tools/text-convert.html"] .filekit-lang-switch button.active{background:#111;color:#fff}@media(max-width:700px){html[data-site-group="tools/text-convert.html"] .tool-head, html[data-site-group="tools/text-convert.html"] .seo-header{flex-wrap:wrap}html[data-site-group="tools/text-convert.html"] .filekit-lang-switch{margin-left:0}}html[data-site-group="tools/text-convert.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/text-convert.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/text-convert.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/text-convert.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/text-convert.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/text-convert.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/text-convert.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/text-convert.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/text-convert.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/text-convert.html"] .seo-main{padding-top:42px}html[data-site-group="tools/text-convert.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/text-convert.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/text-convert.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/text-convert.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/text-convert.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/text-convert.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/text-convert.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/text-convert.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/text-convert.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/text-convert.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/text-convert.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/text-convert.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/text-convert.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/text-convert.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/text-convert.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/text-convert.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/text-convert.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/text-convert.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/text-convert.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/text-convert.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/text-convert.html"] .seo-header{padding:18px 0}html[data-site-group="tools/text-convert.html"] .seo-main{padding-top:34px}html[data-site-group="tools/text-convert.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/text-convert.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/text-convert.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/text-convert.html"] .section{padding:28px 0}html[data-site-group="tools/text-convert.html"] .section h2{font-size:20px}html[data-site-group="tools/text-convert.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/text-convert.html"] .related a{font-size:12px}}


html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/text-convert.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/text-convert.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/text-convert.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/text-convert.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/text-convert.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/text-convert.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/text-convert.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/text-convert.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/text-convert.html"] .filepat-guide-panel h3{font-size:18px}}


/* ===== Shared component styles: tools/transcribe.html; pages: tools/transcribe.html, en/tools/transcribe.html ===== */

/* SEO本文をページ中央へ。作業ツール・処理ロジックには影響させない。 */
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__head{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__lead{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="tools/transcribe.html"] .filepat-seo-inner{
  width:min(1120px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-site-group="tools/transcribe.html"] .filepat-seo-heading{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
@media(max-width:900px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
  }
  html[data-site-group="tools/transcribe.html"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__head{
    padding-left:8px !important;
    padding-right:8px !important;
    text-align:center !important;
  }
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__lead{
    padding-left:4px !important;
    padding-right:4px !important;
    text-align:center !important;
  }
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__grid{
    width:100% !important;
  }
  html[data-site-group="tools/transcribe.html"] .filepat-seo-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  html[data-site-group="tools/transcribe.html"] .filepat-seo-inner{
    width:100% !important;
  }
}


/* かんたん計算ツール Practical Guide — single centered content rail. */
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}

/* かんたん計算ツール v15 — readability gutters only. Layout/function untouched. */
html[data-site-group="tools/transcribe.html"] .directory{max-width:1180px!important;padding-left:clamp(32px,4vw,58px)!important;padding-right:clamp(32px,4vw,58px)!important;box-sizing:border-box!important}
html[data-site-group="tools/transcribe.html"] .directory-section{width:100%!important}
html[data-site-group="tools/transcribe.html"] .directory-section-head{padding-left:2px!important;padding-right:2px!important}
html[data-site-group="tools/transcribe.html"] .new-tools-editorial{margin-left:2px!important;margin-right:2px!important}
html[data-site-group="tools/transcribe.html"] .office, html[data-site-group="tools/transcribe.html"] .feature-grid, html[data-site-group="tools/transcribe.html"] .new-tools-editorial{width:100%!important}
html[data-site-group="tools/transcribe.html"] .filepat-seo-section{padding-left:clamp(28px,5vw,64px)!important;padding-right:clamp(28px,5vw,64px)!important}
html[data-site-group="tools/transcribe.html"] .filepat-seo-inner{width:min(1080px,100%)!important}
html[data-site-group="tools/transcribe.html"] .seo-main, html[data-site-group="tools/transcribe.html"] .seo-page, html[data-site-group="tools/transcribe.html"] .runtime-panel, html[data-site-group="tools/transcribe.html"] .section, html[data-site-group="tools/transcribe.html"] .related, html[data-site-group="tools/transcribe.html"] .faq, html[data-site-group="tools/transcribe.html"] .filepat-guide-panel{box-sizing:border-box}
@media(max-width:900px){
  html[data-site-group="tools/transcribe.html"] .directory{padding-left:28px!important;padding-right:28px!important}
}
@media(max-width:640px){
  html[data-site-group="tools/transcribe.html"] .directory{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="tools/transcribe.html"] .directory-section-head{padding-left:0!important;padding-right:0!important}
  html[data-site-group="tools/transcribe.html"] .new-tools-editorial{margin-left:0!important;margin-right:0!important}
  html[data-site-group="tools/transcribe.html"] .filepat-seo-section{padding-left:18px!important;padding-right:18px!important}
}

/* かんたん計算ツール final content alignment: one common reading frame across page sections. */
html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
.filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
.fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Standalone SEO/tool pages: all long-form siblings use the same inner frame. */
html[data-site-group="tools/transcribe.html"] .seo-page{box-sizing:border-box !important;}
html[data-site-group="tools/transcribe.html"] .seo-page > .seo-main, html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-seo-section, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-related-tools{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-article-final{
  width:min(920px,calc(100% - 32px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
/* Tool directory and general prose pages: retain their own outer max-width, but center them. */
html[data-site-group="tools/transcribe.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="tools/transcribe.html"] .seo-page > .seo-main, html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-seo-section, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-related-tools{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-article-final{
    width:calc(100% - 32px) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
  .filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
  .fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="tools/transcribe.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section,
  .directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 24px) !important;
  }
}


/* Easy Calculators Practical Guide — single centered content rail. */
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
  display:block !important;
  box-sizing:border-box !important;
  width:min(960px, calc(100% - 48px)) !important;
  max-width:960px !important;
  margin:72px auto 0 !important;
  padding:0 0 44px !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__head{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 0 24px !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__lead{
  width:100% !important;
  max-width:760px !important;
  margin:14px 0 0 !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__item{
  box-sizing:border-box !important;
  min-width:0 !important;
}
@media(max-width:900px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:56px 18px 0 !important;
  }
}
@media(max-width:640px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 32px) !important;
    margin:48px 16px 0 !important;
    padding-bottom:32px !important;
  }
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__head{
    width:100% !important;
    padding:30px 0 20px !important;
  }
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final__lead{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
  }
}
@media(max-width:380px){
  html[data-site-group="tools/transcribe.html"] .fp-practical-guide-final{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}

/* Easy Calculators v15 — readability gutters only. Layout/function untouched. */
html[data-site-group="tools/transcribe.html"] .directory{max-width:1180px!important;padding-left:clamp(32px,4vw,58px)!important;padding-right:clamp(32px,4vw,58px)!important;box-sizing:border-box!important}
html[data-site-group="tools/transcribe.html"] .directory-section{width:100%!important}
html[data-site-group="tools/transcribe.html"] .directory-section-head{padding-left:2px!important;padding-right:2px!important}
html[data-site-group="tools/transcribe.html"] .new-tools-editorial{margin-left:2px!important;margin-right:2px!important}
html[data-site-group="tools/transcribe.html"] .office, html[data-site-group="tools/transcribe.html"] .feature-grid, html[data-site-group="tools/transcribe.html"] .new-tools-editorial{width:100%!important}
html[data-site-group="tools/transcribe.html"] .filepat-seo-section{padding-left:clamp(28px,5vw,64px)!important;padding-right:clamp(28px,5vw,64px)!important}
html[data-site-group="tools/transcribe.html"] .filepat-seo-inner{width:min(1080px,100%)!important}
html[data-site-group="tools/transcribe.html"] .seo-main, html[data-site-group="tools/transcribe.html"] .seo-page, html[data-site-group="tools/transcribe.html"] .runtime-panel, html[data-site-group="tools/transcribe.html"] .section, html[data-site-group="tools/transcribe.html"] .related, html[data-site-group="tools/transcribe.html"] .faq, html[data-site-group="tools/transcribe.html"] .filepat-guide-panel{box-sizing:border-box}
@media(max-width:900px){
  html[data-site-group="tools/transcribe.html"] .directory{padding-left:28px!important;padding-right:28px!important}
}
@media(max-width:640px){
  html[data-site-group="tools/transcribe.html"] .directory{padding-left:18px!important;padding-right:18px!important}
  html[data-site-group="tools/transcribe.html"] .directory-section-head{padding-left:0!important;padding-right:0!important}
  html[data-site-group="tools/transcribe.html"] .new-tools-editorial{margin-left:0!important;margin-right:0!important}
  html[data-site-group="tools/transcribe.html"] .filepat-seo-section{padding-left:18px!important;padding-right:18px!important}
}

/* Easy Calculators final content alignment: one common reading frame across page sections. */
html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
.filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
.fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Standalone SEO/tool pages: all long-form siblings use the same inner frame. */
html[data-site-group="tools/transcribe.html"] .seo-page{box-sizing:border-box !important;}
html[data-site-group="tools/transcribe.html"] .seo-page > .seo-main, html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-seo-section, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-related-tools{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-article-final{
  width:min(920px,calc(100% - 32px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
/* Tool directory and general prose pages: retain their own outer max-width, but center them. */
html[data-site-group="tools/transcribe.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="tools/transcribe.html"] .seo-page > .seo-main, html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-final, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-tool-guide-v13, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-seo-section, html[data-site-group="tools/transcribe.html"] .seo-page > .filepat-related-tools{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="tools/transcribe.html"] .seo-page > .fp-practical-guide-article-final{
    width:calc(100% - 32px) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final__head,.fp-practical-guide-final__grid,.fp-practical-guide-final__lead,.fp-practical-guide-final__note,
  .filepat-tool-guide-v13__head,.filepat-tool-guide-v13__grid,.filepat-tool-guide-v13__lead,.filepat-tool-guide-v13__note,
  .fp-practical-guide-article-final__intro,.fp-practical-guide-article-final__section,.filepat-seo-inner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html[data-site-group="tools/transcribe.html"] :where(.directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  html[data-site-group="tools/transcribe.html"] :where(.fp-practical-guide-final,.filepat-tool-guide-v13,.fp-practical-guide-article-final,.filepat-seo-section,
  .directory,.page,.tool-page,.simple-page,.wrap){
    width:calc(100% - 24px) !important;
  }
}


/* ===== Shared component styles: tools/zip.html; pages: tools/zip.html, en/tools/zip.html ===== */

html[data-site-group="tools/zip.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/zip.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/zip.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/zip.html"] .brand{color:#111;text-decoration:none;font-weight:700;letter-spacing:.01em}html[data-site-group="tools/zip.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/zip.html"] .seo-main{padding-top:58px}html[data-site-group="tools/zip.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/zip.html"] .seo-main h1{font-family:"Noto Sans JP",system-ui,sans-serif;font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/zip.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/zip.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/zip.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/zip.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/zip.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/zip.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/zip.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/zip.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/zip.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/zip.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/zip.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/zip.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/zip.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/zip.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/zip.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/zip.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/zip.html"] .warning{font-size:12px;color:#777;line-height:1.8}
@media(max-width:700px){html[data-site-group="tools/zip.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/zip.html"] .seo-header{padding:18px 0}html[data-site-group="tools/zip.html"] .seo-main{padding-top:38px}html[data-site-group="tools/zip.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/zip.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/zip.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/zip.html"] .section{padding:28px 0}html[data-site-group="tools/zip.html"] .section h2{font-size:20px}html[data-site-group="tools/zip.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/zip.html"] .related a{font-size:12px}}
html[data-site-group="tools/zip.html"] .filepat-ad-tool-mid{margin:22px auto 30px}html[data-site-group="tools/zip.html"] .filepat-ad-tool-mid>div{margin:0 auto}@media(max-width:700px){html[data-site-group="tools/zip.html"] .filepat-ad-tool-mid{margin:18px auto 24px}html[data-site-group="tools/zip.html"] .filepat-ad-tool-mid>div{min-height:50px;width:320px}}


html[data-site-group="tools/zip.html"] body{margin:0;background:#fff;color:#161616;font-family:Inter,"Noto Sans JP",system-ui,sans-serif}html[data-site-group="tools/zip.html"] .seo-page{max-width:980px;margin:0 auto;padding:0 22px 72px}html[data-site-group="tools/zip.html"] .seo-header{border-bottom:1px solid #e5e5e5;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}html[data-site-group="tools/zip.html"] .brand{color:#111;text-decoration:none;font-weight:700}html[data-site-group="tools/zip.html"] .back{color:#555;text-decoration:none;font-size:14px}html[data-site-group="tools/zip.html"] .seo-main{padding-top:42px}html[data-site-group="tools/zip.html"] .eyebrow{font-size:12px;letter-spacing:.1em;color:#737373}html[data-site-group="tools/zip.html"] .seo-main h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}html[data-site-group="tools/zip.html"] .lead{font-size:16px;line-height:2;color:#4c4c4c;max-width:760px}html[data-site-group="tools/zip.html"] .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:24px;border:1px solid #151515;border-radius:8px;text-decoration:none;color:#fff;background:#151515;font-weight:600}html[data-site-group="tools/zip.html"] .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}html[data-site-group="tools/zip.html"] .fact{border:1px solid #dedede;border-radius:10px;padding:18px;background:#fff}html[data-site-group="tools/zip.html"] .fact b{display:block;font-size:13px;margin-bottom:7px}html[data-site-group="tools/zip.html"] .fact span{color:#666;font-size:13px;line-height:1.7}html[data-site-group="tools/zip.html"] .section{padding:36px 0;border-top:1px solid #e5e5e5}html[data-site-group="tools/zip.html"] .section h2{font-size:23px;margin:0 0 16px}html[data-site-group="tools/zip.html"] .section p{font-size:14px;line-height:2;color:#444}html[data-site-group="tools/zip.html"] .faq details{border-top:1px solid #e5e5e5;padding:16px 0}html[data-site-group="tools/zip.html"] .faq details:last-child{border-bottom:1px solid #e5e5e5}html[data-site-group="tools/zip.html"] .faq summary{cursor:pointer;font-weight:600}html[data-site-group="tools/zip.html"] .faq p{margin:10px 0 0}html[data-site-group="tools/zip.html"] .related{display:flex;flex-wrap:wrap;gap:10px}html[data-site-group="tools/zip.html"] .related a{border:1px solid #ddd;border-radius:999px;padding:9px 13px;text-decoration:none;color:#222;font-size:13px}html[data-site-group="tools/zip.html"] .seo-footer{padding:28px 0;border-top:1px solid #e5e5e5;color:#777;font-size:12px}html[data-site-group="tools/zip.html"] .warning{font-size:12px;color:#777;line-height:1.8}@media(max-width:700px){html[data-site-group="tools/zip.html"] .seo-page{padding:0 16px 54px}html[data-site-group="tools/zip.html"] .seo-header{padding:18px 0}html[data-site-group="tools/zip.html"] .seo-main{padding-top:34px}html[data-site-group="tools/zip.html"] .seo-main h1{font-size:31px}html[data-site-group="tools/zip.html"] .lead{font-size:14px;line-height:1.9}html[data-site-group="tools/zip.html"] .facts{grid-template-columns:1fr;gap:8px;margin:30px 0}html[data-site-group="tools/zip.html"] .section{padding:28px 0}html[data-site-group="tools/zip.html"] .section h2{font-size:20px}html[data-site-group="tools/zip.html"] .cta{width:100%;box-sizing:border-box}html[data-site-group="tools/zip.html"] .related a{font-size:12px}}


html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13{margin:72px auto 0;max-width:1180px;padding:0 24px 28px;box-sizing:border-box}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13__head{max-width:760px;margin:0 auto 30px;text-align:center}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13__eyebrow{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;color:#2f6fff}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13 h2{margin:10px 0 0;color:#17191d;font:600 clamp(24px,3vw,34px)/1.5 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13__lead{margin:12px 0 0;color:#68707a;font:14px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-site-group="tools/zip.html"] .filepat-guide-panel{padding:28px 28px 30px;background:#f9fafb;border:1px solid #e5e8ec}html[data-site-group="tools/zip.html"] .filepat-guide-panel h3{margin:0 0 14px;color:#1a1d22;font:600 19px/1.65 "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}html[data-site-group="tools/zip.html"] .filepat-guide-panel p{margin:0;color:#4d545d;font:13.5px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/zip.html"] .filepat-guide-panel p+p{margin-top:14px}html[data-site-group="tools/zip.html"] .filepat-guide-note{margin-top:16px;padding-top:14px;border-top:1px solid #dfe4e9;color:#737b85;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[data-site-group="tools/zip.html"] .filepat-guide-note strong{color:#40464f}@media(max-width:760px){html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13{margin-top:54px;padding:0 16px 24px}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13__head{text-align:left}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13__grid{grid-template-columns:1fr}html[data-site-group="tools/zip.html"] .filepat-guide-panel{padding:24px 20px 26px}html[data-site-group="tools/zip.html"] .filepat-tool-guide-v13 h2{font-size:24px}html[data-site-group="tools/zip.html"] .filepat-guide-panel h3{font-size:18px}}