@charset "UTF-8";
:root{color-scheme:light;--ink:#173f3b;--muted:#657b78;--teal:#167a68;--line:#dce6df;--paper:#f5f7f2;--accent:#d4ee76;font-family:"Segoe UI","Yu Gothic UI","Meiryo",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a:focus-visible,summary:focus-visible,iframe:focus-visible{outline:3px solid var(--teal);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;top:-80px;left:20px;padding:12px;background:var(--cl-surface);z-index:10}.skip-link:focus{top:12px}.site-header{height:80px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);background:var(--cl-surface)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.7px}.brand-mark{font-size:25px;background:var(--ink);color:var(--accent);width:44px;height:44px;border-radius:11px;display:grid;place-items:center}.brand small{font-size:11pt;font-weight:400;display:block;letter-spacing:.5px;color:var(--muted);margin-top:3px}.site-header nav{display:flex;gap:26px;font-size:11pt}.site-header nav a{text-decoration:none}.free-label{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:11pt;font-weight:700}.free-label span{padding:5px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:11pt;font-weight:400}.shell-container{max-width:1440px;margin:auto;padding:0 28px}.page-intro{display:flex;align-items:center;justify-content:space-between;padding:28px 0 24px;gap:20px}.eyebrow{font-size:11pt;letter-spacing:1.8px;font-weight:700;color:var(--cl-accent);margin:0 0 9px}.page-intro h1{font-size:clamp(24px,2.5vw,34px);font-weight:650;letter-spacing:-.7px;margin:0 0 8px}.page-intro p:not(.eyebrow){font-size:11pt;color:var(--muted);margin:0;line-height:1.8}.local-note{position:relative;padding:14px 18px 14px 35px;border-radius:8px;border:1px solid var(--line);background:var(--cl-surface);font-size:11pt;min-width:250px}.local-note small{display:block;color:var(--muted);margin-top:5px;font-size:11pt}.local-dot{position:absolute;top:19px;left:17px;width:7px;height:7px;background:var(--teal);border-radius:50%}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.viewer-panel{min-width:0;border:1px solid var(--cl-line);border-radius:14px;overflow:hidden;background:var(--cl-surface);box-shadow:0 8px 24px var(--cl-shadow);position:relative}.viewer-panel iframe{display:block;width:100%;height:660px;border:0;background:var(--cl-surface)}.frame-loading,.frame-error{padding:40px 25px;font-size:11pt}.frame-error{color:var(--cl-error)}.ad-rail{display:grid;gap:22px}.ad-block{min-height:272px}.ad-label{font-size:11pt;color:var(--cl-muted);margin:0 0 7px;text-align:center}.ad-slot{width:300px;min-height:250px;background:var(--cl-ad);border:1px solid var(--cl-line);display:grid;place-items:center;color:var(--cl-muted);font-size:11pt;border-radius:8px}.ad-slot.active{display:block;border:0;background:transparent}.rail-note{border:1px solid var(--line);border-radius:10px;padding:23px 22px;background:var(--cl-surface)}.rail-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--cl-soft);color:var(--cl-accent);font-size:20px}.rail-note h2{font-size:16px;margin:16px 0 10px;font-weight:600}.rail-note p,.rail-tip p:not(.eyebrow){font-size:11pt;line-height:1.9;color:var(--muted)}.rail-note a{font-size:11pt}.rail-tip{padding:0 6px}.guide-section,.formats-section,.faq-section{padding:48px 0 0}.section-heading h2{font-size:23px;margin:0 0 10px;font-weight:600;letter-spacing:-.4px}.section-heading>p:not(.eyebrow){font-size:11pt;color:var(--muted);line-height:1.8;margin:0 0 22px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{position:relative;padding-left:43px}.steps article>span{position:absolute;left:0;top:0;color:var(--cl-accent);font-size:22px;font-weight:400}.steps h3{font-size:11pt;margin:0 0 9px}.steps p,.format-grid p,.faq-section details p,.scope-details p{font-size:11pt;line-height:1.9;color:var(--muted);margin:0}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.format-grid article{background:var(--cl-surface);border:1px solid var(--line);padding:24px;border-radius:9px}.format-grid h3{font-size:15px;margin:0 0 14px}.format-grid .format-names{font-size:11pt;font-weight:600;color:var(--cl-accent);margin-bottom:10px}details summary{cursor:pointer;font-size:11pt;line-height:1.8;font-weight:600}.scope-details{margin-top:18px;padding:18px 21px;border:1px solid var(--line);border-radius:8px}.scope-details div{padding-top:14px}.scope-details p+p{margin-top:10px}.faq-section{max-width:920px;padding-bottom:45px}.faq-section details{padding:18px 0;border-bottom:1px solid var(--line)}.faq-section details p{padding-top:12px}.site-footer{display:flex;align-items:center;gap:30px;padding:26px max(28px,calc((100vw - 1384px)/2));border-top:1px solid var(--line);font-size:11pt;background:var(--cl-surface)}.footer-brand{font-weight:600;text-decoration:none}.site-footer>div{display:flex;gap:22px}.site-footer small{margin-left:auto;color:var(--muted)}.legal-main{max-width:860px;padding:45px 25px 60px;margin:auto}.legal-main h1{font-size:29px}.legal-main h2{font-size:18px;margin-top:30px}.legal-main p,.legal-main li{font-size:11pt;line-height:2;color:var(--muted)}.legal-main table{border-collapse:collapse;font-size:11pt;width:100%;margin:22px 0}.legal-main th,.legal-main td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.legal-main .notice{border:1px solid var(--line);background:var(--cl-surface);padding:18px;border-radius:8px}
@media(max-width:1130px){.tool-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.ad-slot{width:220px;min-height:250px}.site-header{gap:25px}.local-note{display:none}.shell-container{padding:0 22px}.rail-note{padding:20px 17px}.format-grid article{padding:19px}.viewer-panel iframe{height:680px}}
@media(max-width:820px){.site-header{height:68px;padding:0 18px;gap:20px}.brand{font-size:20px}.brand-mark{width:38px;height:38px}.brand small{display:none}.site-header nav{margin-left:auto;font-size:11pt;gap:15px}.site-header nav a:first-child{display:none}.free-label{margin-left:0}.free-label span{display:none}.shell-container{padding:0 16px}.page-intro{padding:24px 0 19px}.page-intro h1{font-size:25px}.tool-layout{grid-template-columns:1fr;gap:24px}.viewer-panel iframe{height:650px}.ad-rail{display:block}.ad-block{min-height:120px}.ad-slot{width:100%;min-height:100px}.rail-note,.rail-tip{display:none}.steps{gap:20px}.steps article{padding-left:0}.steps article>span{position:static;display:block;margin-bottom:12px}.guide-section,.formats-section,.faq-section{padding-top:35px}.format-grid{grid-template-columns:1fr}.site-footer{padding:25px 18px;flex-wrap:wrap;gap:17px}.site-footer small{margin-left:0;width:100%}}
@media(max-width:480px){.site-header nav{gap:13px}.free-label{font-size:11pt}.page-intro h1{font-size:23px}.page-intro p:not(.eyebrow){font-size:11pt}.steps{grid-template-columns:1fr;gap:23px}.steps article{padding-left:39px}.steps article>span{position:absolute;top:0;left:0}.section-heading h2{font-size:21px}.site-footer>div{gap:15px;flex-wrap:wrap}}
.site-header{height:68px}.page-intro{padding:21px 0 20px}.page-intro h1{font-size:clamp(24px,2.3vw,31px)}
@media(max-width:820px){.ad-block{min-height:272px}.ad-slot{min-height:250px}}

/* 0.6.1: approved logo, left rail, three desktop placeholders. */
.site-header{height:82px}.brand-wordmark{display:block;width:220px;height:66px;object-fit:contain}.top-ad{margin:0 0 22px}.ad-slot-banner{width:100%;min-height:90px}.tool-layout{grid-template-columns:300px minmax(0,1fr)}.viewer-panel{grid-column:2;grid-row:1}.ad-rail{grid-column:1;grid-row:1}.sidebar-secondary{display:block}
@media(max-width:1130px){.tool-layout{grid-template-columns:220px minmax(0,1fr)}.site-header{gap:20px}.site-header nav{gap:18px}.brand-wordmark{width:200px;height:60px}}
@media(max-width:820px){.tool-layout{display:flex;flex-direction:column}.viewer-panel,.ad-rail{width:100%}.top-ad,.sidebar-secondary{display:none}.brand-wordmark{width:180px;height:54px}.site-header{height:70px;gap:12px}.site-header nav a:nth-child(3),.site-header nav a:nth-child(4){display:none}}
.feature-table-wrap{overflow:auto}.feature-table-wrap table{min-width:620px}

#ad-privacy{border:0;background:none;color:inherit;font:inherit;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* User readability requirement: site UI is at least 10pt at normal browser scale. */
:root{font-size:12pt}body{font-size:12pt}button,input,select,textarea{font-size:11pt}small{font-size:11pt}

.page-intro p:not(.eyebrow),.steps p,.format-grid p,.faq-section details p,.scope-details p,.rail-note p,.rail-tip p:not(.eyebrow),.legal-main p,.legal-main li{font-size:11pt;line-height:1.8}.brand-wordmark{min-width:210px}.site-header nav{font-size:11pt}@media(max-width:480px){.site-header{flex-wrap:wrap;height:auto;min-height:78px;padding-top:8px;padding-bottom:8px;gap:8px}.brand-wordmark{width:210px;height:63px}.site-header nav{gap:12px}.free-label{margin-left:auto}.site-header nav a:nth-child(3),.site-header nav a:nth-child(4){display:none}}

:root{--muted:#4c665a}.ad-label,.ad-slot{color:var(--cl-muted)}

/* User-facing plan and policy pages. */
.site-footer nav{display:flex;flex-wrap:wrap;gap:14px 22px}.plan-comparison table{min-width:0;table-layout:fixed;background:var(--cl-surface);border:1px solid var(--line);border-radius:8px}.plan-comparison caption{text-align:left;font-size:11pt;font-weight:600;padding:0 0 10px}.plan-comparison th:first-child{width:44%}.plan-comparison th,.plan-comparison td{overflow-wrap:anywhere}.plan-comparison .pro-pending{text-align:center;vertical-align:middle;color:var(--cl-accent);font-weight:700}.conversion-list{display:grid;gap:14px}.conversion-list article{padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:var(--cl-surface)}.conversion-list h3{font-size:12pt;margin:0 0 8px}.conversion-list p{margin:0 0 8px}.conversion-list .conversion-output{color:var(--cl-accent);font-weight:600}.policy-date{font-size:11pt!important}.legal-main h3{font-size:12pt}@media(max-width:480px){.plan-comparison th,.plan-comparison td{padding:10px 8px}.site-footer nav{gap:12px 16px}.legal-main{padding:28px 18px 40px}.legal-main h1{font-size:24px}}

/* Detailed, readable plan comparison. */
.comparison-nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:20px 0}.comparison-nav a{font-size:11pt}.comparison-group{scroll-margin-top:20px}.detailed-comparison table{min-width:620px;table-layout:fixed;background:var(--cl-surface);border:1px solid var(--line)}.detailed-comparison th:first-child{width:24%}.detailed-comparison th,.detailed-comparison td{font-size:11pt;line-height:1.7;overflow-wrap:anywhere;padding:13px}.detailed-comparison thead{background:var(--cl-soft)}.detailed-comparison tbody td:last-child{background:var(--cl-soft)}.detailed-comparison caption{text-align:left;font-size:11pt;padding:0 0 9px;font-weight:600}.plan-status{display:inline;font-size:11pt;font-weight:400}.table-hint{display:none}@media(max-width:650px){.table-hint{display:block;font-size:11pt!important}.detailed-comparison th,.detailed-comparison td{padding:11px}.comparison-nav{gap:10px 14px}}

.file-catalogue{display:grid;gap:10px;margin:22px 0}.file-catalogue article{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--cl-surface)}.file-catalogue h2{font-size:12pt;margin:0 0 4px}.file-catalogue p{margin:0 0 5px}.file-catalogue .file-extensions{font-weight:700;color:var(--cl-accent);font-size:11pt}.file-catalogue .conversion-output{font-weight:600}#files,#plans{scroll-margin-top:20px}@media(max-width:600px){.file-catalogue article{grid-template-columns:1fr;gap:8px;padding:15px}.file-catalogue .file-extensions{overflow-wrap:anywhere}}

.plan-intent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:26px}.plan-intent article{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--cl-surface)}.plan-intent h3{margin-top:0}@media(max-width:600px){.plan-intent{grid-template-columns:1fr}}

/* Shared Japanese/English language selector. */
.language-choice{display:flex;align-items:center;gap:6px;font-size:11pt;white-space:nowrap}.language-choice select{font:inherit;font-size:11pt;color:inherit;background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:6px;padding:6px}.site-header nav{flex-wrap:wrap}.site-header .language-choice{margin-left:4px}@media(max-width:700px){.site-header .language-choice{margin-left:0}}

.format-guide{max-width:920px;margin:32px auto;padding:0 24px 32px}.format-guide h1{font-size:26pt;line-height:1.35}.format-guide h2{font-size:16pt;margin-top:30px}.format-guide p,.format-guide li{font-size:11pt;line-height:1.9}.guide-cta{display:inline-block;background:var(--cl-primary);color:#fff;padding:10px 16px;border-radius:7px;margin:0 12px 8px 0}.format-guides{margin:28px 0;padding:20px;border:1px solid var(--cl-line);border-radius:10px;background:var(--cl-surface)}.format-guides h2{font-size:16pt}.format-guides ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0}.format-guides a{font-size:11pt;line-height:1.7}@media(max-width:600px){.format-guides ul{grid-template-columns:1fr}.format-guide h1{font-size:21pt}}

/* Wide normal layout, with the advertisement rail preserved. */
.shell-container{max-width:none;width:100%;padding-left:clamp(16px,1.5vw,28px);padding-right:clamp(16px,1.5vw,28px)}.site-header{padding-left:clamp(18px,1.5vw,28px);padding-right:clamp(18px,1.5vw,28px)}body.viewer-maximized{overflow:hidden}body.viewer-maximized #viewer-area{position:fixed;inset:0;z-index:10000;margin:0;border:0;border-radius:0;width:100vw;height:100dvh}body.viewer-maximized #viewer-frame{display:block;width:100%;height:100dvh!important}

.privacy-transfer-wrap{overflow-x:auto;margin:18px 0}.privacy-transfer-table{width:100%;min-width:480px;border-collapse:collapse}.privacy-transfer-table th,.privacy-transfer-table td{padding:12px;text-align:left;vertical-align:top;border:1px solid currentColor;font-size:inherit;line-height:1.8}.privacy-transfer-table th{font-weight:700}

/* Review layout: controls at left of the preview, advertising on the right. */
.tool-layout{grid-template-columns:minmax(0,1fr) 300px}.tool-layout>.viewer-panel{grid-column:1;grid-row:1}.tool-layout>.ad-rail{grid-column:2;grid-row:1}
@media(max-width:1130px){.tool-layout{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:820px){.tool-layout{display:flex;flex-direction:column}.tool-layout>.viewer-panel,.tool-layout>.ad-rail{width:100%}}

/* Keep the desktop content/advertising widths proportional as the window resizes. */
@media(min-width:1001px){
 .tool-layout{display:grid;grid-template-columns:minmax(0,82fr) minmax(0,18fr);gap:clamp(16px,1.3vw,24px)}
 .tool-layout>.ad-rail{min-width:0}.tool-layout .ad-slot{width:100%;min-height:0;aspect-ratio:6/5}
 .tool-layout .ad-block{min-height:0}.tool-layout .rail-note{padding:clamp(12px,1.2vw,22px)}
}
@media(max-width:1000px){.tool-layout{display:flex;flex-direction:column}.tool-layout>.viewer-panel,.tool-layout>.ad-rail{width:100%}.tool-layout .ad-slot{width:100%}}

/* Extra desktop advertising: third rail slot and a separate banner below the viewer. */
.viewer-column{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:22px;min-width:0;width:100%}.viewer-column>.viewer-panel{flex:none;width:100%}.viewer-bottom-ad{margin:0}.tool-layout .viewer-bottom-ad .ad-slot-banner{width:100%;min-height:90px;aspect-ratio:auto}
@media(max-width:1000px){.sidebar-tertiary{display:none}}
@media(max-width:820px){.viewer-bottom-ad{display:none}}
body.viewer-maximized .viewer-bottom-ad{display:none}

/* Shared tools navigation, separate from conversion-category scrolling. */
.tool-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:10px;height:auto;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;margin:0;padding:12px clamp(16px,3vw,32px);border-bottom:1px solid var(--cl-line);background:var(--cl-surface)}.tool-switcher a{display:inline-flex;align-items:center;min-height:40px;padding:7px 14px;border:1px solid var(--cl-line);border-radius:8px;font-size:11pt;line-height:1.5;text-decoration:none;color:var(--cl-ink)}.tool-switcher a[aria-current="true"]{background:var(--cl-soft);color:var(--cl-accent);font-weight:700}.tool-switcher a:hover{background:var(--cl-soft)}.tool-switcher a:focus-visible{outline:3px solid var(--cl-accent);outline-offset:3px}

.calculation-coming-soon{display:inline-flex;align-items:center;color:var(--muted,#587064);font-size:15px;cursor:default}

/* Readable, static answers under the working area; no tracking or extra runtime. */
.viewer-search-help{max-width:1200px;margin:36px auto;padding:24px}.viewer-search-help h2{font-size:22px}.viewer-search-help details,.unit-practical-reference details{margin:12px 0;border:1px solid var(--cl-line,#d8e3dd);border-radius:8px;padding:12px 15px}.viewer-search-help summary,.unit-practical-reference summary{cursor:pointer;font-weight:650;font-size:11pt;line-height:1.8}.viewer-search-help p,.unit-practical-reference p,.unit-practical-reference li{font-size:11pt;line-height:1.9;overflow-wrap:anywhere}.unit-practical-reference{margin-top:24px;padding-top:8px;border-top:1px solid var(--cl-line,#d8e3dd)}.unit-practical-reference ul{padding-left:24px}.reference-rounding{color:var(--cl-muted,#587064)}

/* Reserve the viewer loading footprint so the advertisement rail does not jump. */
#frame-loading,#frame-error{min-height:660px;margin:0}
@media(max-width:1130px){#frame-loading,#frame-error{min-height:680px}}
@media(max-width:820px){#frame-loading,#frame-error{min-height:650px}}

/* Small, separate mobile banners above and below the viewer. */
@media(max-width:820px){.top-ad,.viewer-bottom-ad{display:block}.top-ad{margin-bottom:16px}.top-ad .ad-slot-banner,.tool-layout .viewer-bottom-ad .ad-slot-banner{min-height:90px;display:flex;align-items:center;justify-content:center}}