/* Scoped to seven paths. Reuse the established paper, ink, type, and navigation. */
.knb-percentage-page { background:var(--kb-brand-paper,#f7f5f0); }
.knb-percentage-page #content,.knb-percentage-page #content-in,.knb-percentage-page .content-in { max-width:none; width:100%; padding:0; }
.knb-percentage-page #main.main { width:100%; max-width:none; padding:0; border:0; background:transparent; }
.knb-percentage-page .sidebar { display:none; }
.knb-percentage-article .article { max-width:1200px; width:calc(100% - var(--kb-brand-gutter,24px)*2); margin:0 auto; padding:0; }
.knb-percentage-article .article .entry-title { margin:54px 0 24px; padding:0; border:0; font-size:clamp(18px,2vw,23px); line-height:1.65; font-weight:500; }
.knb-percentage-article .article .eye-catch-wrap,.knb-percentage-article .article-header .sns-share,.knb-percentage-article .article-header .date-tags { display:none; }
.knb-percentage-article .entry-content { margin:0; }
.knb-percentage-page .pc-shell { max-width:1200px; }
.knb-percentage-page .pc { --pc-ink:var(--kb-brand-ink,#1b1f24); --pc-blue:var(--kb-brand-blue,#2857c5); --pc-line:#cdd0cb; --pc-muted:#64685f; --pc-paper:var(--kb-brand-paper,#f7f5f0); color:var(--pc-ink); font-family:var(--kb-brand-body,'Hiragino Kaku Gothic ProN',sans-serif); line-height:1.8; font-size:15px; overflow-wrap:anywhere; font-synthesis:none; }
.knb-percentage-page .pc * { box-sizing:border-box; }
.knb-percentage-page .pc [hidden] { display:none!important; }
.knb-percentage-page .pc :focus-visible { outline:3px solid var(--pc-blue); outline-offset:4px; }
.knb-percentage-page .pc p,.knb-percentage-page .pc h1,.knb-percentage-page .pc h2,.knb-percentage-page .pc h3 { margin:0; }
.knb-percentage-page .pc h1,.knb-percentage-page .pc h2,.knb-percentage-page .pc h3 { color:var(--pc-ink); background:transparent; border:0; border-radius:0; padding:0; font-weight:500; }
.knb-percentage-page .pc a { color:var(--pc-blue); text-decoration-thickness:1px; text-underline-offset:5px; }
.knb-percentage-page .pc button,.knb-percentage-page .pc input,.knb-percentage-page .pc select { font:inherit; }
.knb-percentage-page .pc button { cursor:pointer; }
.knb-percentage-page .pc button:disabled { cursor:default; opacity:.45; }
.knb-percentage-page .pc-nav { display:flex; justify-content:space-between; align-items:center; gap:24px; border-block:1px solid var(--pc-line); padding:17px 0; font-size:12px; }
.knb-percentage-page .pc-nav>a,.knb-percentage-page .pc-nav>span { color:var(--pc-ink); text-decoration:none; }
.knb-percentage-page .pc-nav>div { display:flex; gap:24px; }
.knb-percentage-page .pc-nav a { min-height:28px; display:inline-flex; align-items:center; }
.knb-percentage-page .pc-kicker { color:var(--pc-muted); font-size:11px; letter-spacing:.06em; line-height:1.8; }
.knb-percentage-page .pc-kicker span { margin-left:15px; font-size:10px; letter-spacing:.09em; }
.knb-percentage-page .pc-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:8%; padding:75px 0 88px; }
.knb-percentage-page .pc-hero h1 { font-size:clamp(34px,4.35vw,62px); line-height:1.5; letter-spacing:-.055em; margin:22px 0 26px; }
.knb-percentage-page .pc-hero h1 span { display:block; }
.knb-percentage-page .pc-lead { color:var(--pc-muted); font-size:15px; line-height:2; margin-bottom:30px!important; }
.knb-percentage-page .pc .pc-button,.knb-percentage-page .pc .pc-input-actions button:first-child,.knb-percentage-page .pc .reduction-calculator__buttons button:first-child,.knb-percentage-page .pc .sales-decrease-calculator__buttons button:first-child { display:inline-flex; align-items:center; justify-content:center; padding:14px 23px; min-height:48px; background:var(--pc-ink); color:var(--pc-paper); border:1px solid var(--pc-ink); border-radius:2px; font-size:13px; font-weight:500; text-decoration:none; line-height:1.6; transition:background .18s; }
.knb-percentage-page .pc .pc-button:hover,.knb-percentage-page .pc .pc-input-actions button:first-child:hover,.knb-percentage-page .pc .reduction-calculator__buttons button:first-child:hover,.knb-percentage-page .pc .sales-decrease-calculator__buttons button:first-child:hover { background:var(--pc-blue); border-color:var(--pc-blue); }
.knb-percentage-page .pc-fine { font-size:10px; color:var(--pc-muted); line-height:1.8; margin-top:14px!important; }
.knb-percentage-page .pc-demo { border:1px solid var(--pc-line); padding:28px 30px 22px; background:rgba(255,255,255,.2); }
.knb-percentage-page .pc-demo-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.knb-percentage-page .pc-demo-caption { font-size:10px; color:var(--pc-muted); }
.knb-percentage-page .pc-demo-number { display:flex; gap:9px; align-items:baseline; line-height:1; margin:21px 0 17px; font-variant-numeric:tabular-nums; }
.knb-percentage-page .pc-demo-number strong { font-family:Georgia,serif; font-size:100px; font-weight:400; letter-spacing:-.06em; color:var(--pc-blue); min-width:110px; }
.knb-percentage-page .pc-demo-number>span { font-size:27px; }
.knb-percentage-page .pc-demo-number>span>span { margin-left:5px; font-size:19px; }
.knb-percentage-page .pc-demo [data-demo-sentence] { min-height:28px; font-size:13px; }
.knb-percentage-page .pc-chart { margin:28px 0; }
.knb-percentage-page .pc-bar-row { display:grid; grid-template-columns:42px minmax(0,1fr) minmax(40px,auto); gap:13px; align-items:center; margin:13px 0; font-size:10px; }
.knb-percentage-page .pc-bar-row strong { text-align:right; font-variant-numeric:tabular-nums; font-weight:500; font-size:12px; max-width:130px; }
.knb-percentage-page .pc-bar-track { height:13px; width:100%; border-bottom:1px solid var(--pc-line); }
.knb-percentage-page .pc-bar { height:12px; min-width:0; max-width:100%; }
.knb-percentage-page .pc-bar-before { background:transparent; border:1px solid #7b8278; }
.knb-percentage-page .pc-bar-after { background:var(--pc-blue); }
.knb-percentage-page .pc-chart-caption { color:var(--pc-muted); font-size:10px; line-height:1.6; margin-top:16px!important; }
.knb-percentage-page .pc-demo label { display:flex; justify-content:space-between; font-size:11px; margin-top:22px; }
.knb-percentage-page .pc-demo output { font-size:13px; font-variant-numeric:tabular-nums; }
.knb-percentage-page .pc-demo input[type=range] { width:100%; min-height:32px; margin:8px 0; padding:0; accent-color:var(--pc-blue); }
.knb-percentage-page .pc-range-labels { display:flex; justify-content:space-between; font-size:10px; color:var(--pc-muted); }
.knb-percentage-page .pc-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:28px; }
.knb-percentage-page .pc-section-heading h2 { font-size:clamp(26px,3vw,38px); line-height:1.6; letter-spacing:-.035em; margin-top:10px; }
.knb-percentage-page .pc-section-heading>p { color:var(--pc-muted); font-size:11px; }
.knb-percentage-page .pc-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--pc-line); border-left:1px solid var(--pc-line); }
.knb-percentage-page .pc-tool { display:flex; flex-direction:column; padding:25px 28px 28px; border-right:1px solid var(--pc-line); border-bottom:1px solid var(--pc-line); color:var(--pc-ink)!important; text-decoration:none; transition:background .18s; }
.knb-percentage-page .pc-tool:hover { background:#eeeee8; }
.knb-percentage-page .pc-tool-top { display:flex; justify-content:space-between; color:var(--pc-muted); margin-bottom:25px; }
.knb-percentage-page .pc-index { font-family:Georgia,serif; font-size:13px; }
.knb-percentage-page .pc-tool-purpose { font-size:12px; line-height:1.8; min-height:44px; }
.knb-percentage-page .pc-tool h3 { font-size:24px; line-height:1.6; margin:7px 0 12px; letter-spacing:-.03em; }
.knb-percentage-page .pc-tool h3+p { color:var(--pc-muted); font-size:12px; line-height:1.8; }
.knb-percentage-page .pc-link-label { color:var(--pc-blue); font-size:11px; display:block; margin-top:24px; text-decoration:underline; text-underline-offset:5px; }
.knb-percentage-page .pc-tool .pc-link-label { margin-top:auto; padding-top:27px; }
.knb-percentage-page .pc-difference { padding:90px 0 75px; }
.knb-percentage-page .pc-example-grid { display:grid; grid-template-columns:1fr 1fr; gap:8%; margin-top:42px; }
.knb-percentage-page .pc-example-grid article { padding-top:27px; border-top:1px solid var(--pc-line); }
.knb-percentage-page .pc-example-number { font-family:Georgia,serif; font-size:46px; color:var(--pc-blue); letter-spacing:-.03em; }
.knb-percentage-page .pc-example-grid h3 { font-size:21px; margin:19px 0 15px; line-height:1.7; }
.knb-percentage-page .pc-example-grid p { font-size:13px; line-height:2; }
.knb-percentage-page .pc-example-formula { font-size:11px!important; color:var(--pc-muted); margin:18px 0!important; padding:15px 0; border-block:1px solid var(--pc-line); font-variant-numeric:tabular-nums; }
.knb-percentage-page .pc-example-grid a { font-size:12px; }
.knb-percentage-page .pc-checklist { display:grid; grid-template-columns:1fr 1.4fr; gap:9%; border-block:1px solid var(--pc-line); padding:45px 0; }
.knb-percentage-page .pc-checklist h2 { font-size:30px; line-height:1.7; margin-top:15px; letter-spacing:-.035em; }
.knb-percentage-page .pc-checklist ol { list-style:decimal-leading-zero; margin:0; padding-left:24px; }
.knb-percentage-page .pc-checklist li { padding:0 0 24px 12px; font-size:13px; }
.knb-percentage-page .pc-checklist li:last-child { padding-bottom:0; }
.knb-percentage-page .pc-checklist strong { font-weight:500; }
.knb-percentage-page .pc-checklist p { margin-top:7px; color:var(--pc-muted); font-size:12px; }
.knb-percentage-page .pc-method { max-width:800px; margin:64px 0; }
.knb-percentage-page .pc-method h2 { font-size:17px; margin-bottom:20px; }
.knb-percentage-page .pc-method p,.knb-percentage-page .pc-method li { font-size:12px; line-height:2; color:var(--pc-muted); margin-bottom:12px; }
.knb-percentage-page .pc-method ul { padding-left:18px; }
.knb-percentage-page .pc-footer { border-top:1px solid var(--pc-line); display:flex; justify-content:space-between; gap:30px; padding:38px 0 65px; }
.knb-percentage-page .pc-footer>p { font-size:20px; line-height:1.9; }
.knb-percentage-page .pc-footer>div { display:flex; align-items:center; gap:25px; font-size:12px; }
.knb-percentage-page .pc-article-intro { padding:38px 0 30px; }
.knb-percentage-page .pc-article-intro h2 { font-size:clamp(24px,3vw,37px); line-height:1.65; margin:9px 0 10px; letter-spacing:-.035em; }
.knb-percentage-page .pc-article-intro>p:last-child { font-size:13px; color:var(--pc-muted); }
.knb-percentage-page .pc-bench { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--pc-line); }
.knb-percentage-page .pc-input,.knb-percentage-page .pc-output { min-width:0; padding:27px 32px 30px; }
.knb-percentage-page .pc-input { border-right:1px solid var(--pc-line); }
.knb-percentage-page .pc-output { background:rgba(255,255,255,.18); }
.knb-percentage-page .pc-panel-heading { display:flex; align-items:center; gap:12px; margin-bottom:27px; }
.knb-percentage-page .pc-panel-heading h3 { font-size:14px; line-height:1.6; }
.knb-percentage-page .pc-panel-heading>button { margin-left:auto; white-space:nowrap; }
.knb-percentage-page .pc-step { font-family:Georgia,serif; font-size:12px; color:var(--pc-muted); }
.knb-percentage-page .pc-text-button { padding:8px 0; border:0; background:transparent; color:var(--pc-blue); font-size:11px!important; min-height:36px; text-decoration:underline; text-underline-offset:5px; }
.knb-percentage-page .pc-context-options { display:grid; grid-template-columns:1fr; gap:15px; margin-bottom:20px; }
.knb-percentage-page .pc label,.knb-percentage-page .pc .reduction-calculator__field label,.knb-percentage-page .pc .sales-decrease-calculator__field label { display:block; font-size:12px; font-weight:500; line-height:1.8; }
.knb-percentage-page .pc input:not([type=range]),.knb-percentage-page .pc select { width:100%; background:rgba(255,255,255,.38); color:var(--pc-ink); border:1px solid #7b8278; border-radius:2px; padding:11px 12px; min-height:48px; margin-top:7px; font-size:16px; box-shadow:none; }
.knb-percentage-page .pc select { padding-right:28px; font-size:16px; }
.knb-percentage-page .pc input[aria-invalid=true] { border-color:#ad3529; }
.knb-percentage-page .pc .pc-field { margin-bottom:20px; }
.knb-percentage-page .pc .pc-input-actions,.knb-percentage-page .pc .reduction-calculator__buttons,.knb-percentage-page .pc .sales-decrease-calculator__buttons { display:flex; gap:12px; flex-wrap:wrap; margin:22px 0 0; }
.knb-percentage-page .pc .pc-input-actions button,.knb-percentage-page .pc .reduction-calculator__buttons button,.knb-percentage-page .pc .sales-decrease-calculator__buttons button { border-radius:2px; font-weight:500; font-size:13px; line-height:1.6; padding:12px 22px; min-height:48px; }
.knb-percentage-page .pc-reset,.knb-percentage-page .pc .reduction-calculator__buttons .reset-button,.knb-percentage-page .pc .sales-decrease-calculator__buttons .reset-button { background:transparent; color:var(--pc-muted); border:1px solid #7b8278; }
.knb-percentage-page .pc .reduction-calculator,.knb-percentage-page .pc .sales-decrease-calculator { margin:0; }
.knb-percentage-page .pc .reduction-calculator__inner,.knb-percentage-page .pc .sales-decrease-calculator__inner { padding:0; border:0; border-radius:0; background:transparent; max-width:none; }
.knb-percentage-page .pc .reduction-calculator__field,.knb-percentage-page .pc .sales-decrease-calculator__field { margin-bottom:20px; }
.knb-percentage-page .pc .reduction-calculator__lead,.knb-percentage-page .pc .sales-decrease-calculator__lead,.knb-percentage-page .pc .sales-decrease-calculator__title,.knb-percentage-page .pc .reduction-calculator__result-box,.knb-percentage-page .pc .sales-decrease-calculator__result-box,.knb-percentage-page .pc .reduction-calculator__error,.knb-percentage-page .pc .sales-decrease-calculator__error { display:none; }
.knb-percentage-page .pc-small { font-size:11px; line-height:1.8; color:var(--pc-muted); }
#pc-input-help { margin-top:18px; }
.knb-percentage-page .pc-error { color:#a02c20; font-size:12px; margin:8px 0!important; min-height:21px; }
.knb-percentage-page .pc-goal { border-top:1px solid var(--pc-line); padding-top:16px; margin-top:10px; font-size:12px; }
.knb-percentage-page .pc-goal summary { cursor:pointer; color:var(--pc-muted); padding:5px 0; }
.knb-percentage-page .pc-goal-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding:15px 0 0; }
#pc-goal-result { font-size:12px; color:var(--pc-blue); margin-top:8px; }
.knb-percentage-page .pc-result { min-height:420px; }
.knb-percentage-page .pc-result-main { display:flex; align-items:baseline; gap:8px; line-height:1.2; margin:13px 0 14px!important; font-variant-numeric:tabular-nums; }
.knb-percentage-page .pc-result-main strong { font-family:Georgia,serif; font-size:clamp(52px,6vw,85px); letter-spacing:-.06em; font-weight:400; color:var(--pc-blue); }
.knb-percentage-page .pc-result-main>span { font-size:26px; }
.knb-percentage-page .pc-result-sentence { font-size:13px; min-height:46px; line-height:1.9; }
.knb-percentage-page .pc-result-facts { margin:22px 0 0; border-top:1px solid var(--pc-line); }
.knb-percentage-page .pc-result-facts>div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid var(--pc-line); }
.knb-percentage-page .pc-result-facts dt { font-size:11px; color:var(--pc-muted); }
.knb-percentage-page .pc-result-facts dd { margin:0; font-size:13px; font-variant-numeric:tabular-nums; text-align:right; }
.knb-percentage-page .pc-point-note { font-size:12px; color:var(--pc-blue); margin:17px 0!important; }
.knb-percentage-page .pc-formula { font-size:11px; line-height:1.9; color:var(--pc-muted); margin-top:19px!important; font-variant-numeric:tabular-nums; }
.knb-percentage-page .pc-result-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:15px; font-size:11px; }
.knb-percentage-page .pc-stale .pc-result-main,.knb-percentage-page .pc-stale .pc-chart,.knb-percentage-page .pc-stale .pc-result-facts,.knb-percentage-page .pc-stale .pc-formula,.knb-percentage-page .pc-stale .pc-point-note { opacity:.35; }
.knb-percentage-page .pc [data-copy-fallback] { display:block; width:100%; min-height:180px; margin-top:18px; font-size:13px; padding:15px; background:var(--pc-paper); color:var(--pc-ink); }
.knb-percentage-page .pc-interpretation { display:grid; grid-template-columns:1fr 1.25fr; gap:8%; padding:58px 0; border-bottom:1px solid var(--pc-line); }
.knb-percentage-page .pc-interpretation h2 { font-size:26px; line-height:1.7; letter-spacing:-.03em; margin-top:13px; }
.knb-percentage-page .pc-interpretation ol { margin:0; padding-left:20px; }
.knb-percentage-page .pc-interpretation li { font-size:13px; line-height:2; margin-bottom:17px; padding-left:8px; }
.knb-percentage-page .pc-check { font-size:12px; line-height:2; color:var(--pc-muted); border-top:1px solid var(--pc-line); padding-top:18px; margin-top:25px!important; }
.knb-percentage-page .pc-check strong { display:block; color:var(--pc-ink); margin-bottom:5px; font-weight:500; }
.knb-percentage-page .pc-reading { max-width:860px; margin:55px auto 0; }
.knb-percentage-page .pc-reading-marker { color:var(--pc-muted); font-size:11px; padding-bottom:20px; border-bottom:1px solid var(--pc-line); margin-bottom:30px!important; }
.knb-percentage-page .pc-reading-note { padding:18px; border-left:2px solid var(--pc-blue); margin-bottom:30px!important; font-size:13px; }
.knb-percentage-page .pc-reading>h1 { display:none; }
.knb-percentage-page .pc-reading p,.knb-percentage-page .pc-reading ul,.knb-percentage-page .pc-reading ol,.knb-percentage-page .pc-reading table { margin-bottom:24px; font-size:14px; }
.knb-percentage-page .pc-reading h2 { font-size:24px; border-top:1px solid var(--pc-line); padding-top:22px; margin:50px 0 20px; }
.knb-percentage-page .pc-reading h3 { font-size:18px; margin:32px 0 15px; }
.knb-percentage-page .pc-reading .ad-area { margin:38px 0; }
.knb-percentage-page .pc-reading .toc { background:transparent; max-width:100%; padding:25px; border:1px solid var(--pc-line); margin:36px 0; }
.knb-percentage-page .pc-related { margin:60px 0; border-top:1px solid var(--pc-line); padding-top:30px; }
.knb-percentage-page .pc-related h2 { font-size:26px; margin-bottom:26px; }
.knb-percentage-page .pc-related>div { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.knb-percentage-page .pc-related>div>a { color:var(--pc-ink); text-decoration:none; border-top:1px solid var(--pc-line); padding-top:22px; }
.knb-percentage-page .pc-related>div>a>span:first-child { font-size:20px; }
.knb-percentage-page .pc-related p { font-size:12px; color:var(--pc-muted); margin-top:10px; }
.knb-percentage-page .pc-related>p { margin-top:30px; }
.knb-percentage-page .pc-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:850px) {
  .knb-percentage-page .pc-hero { gap:35px; padding:48px 0 60px; }
  .knb-percentage-page .pc-hero h1 { font-size:36px; }
  .knb-percentage-page .pc-demo { padding:24px; }
  .knb-percentage-page .pc-demo-heading { display:block; }
  .knb-percentage-page .pc-demo-caption { display:block; margin-top:5px; }
  .knb-percentage-page .pc-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .knb-percentage-page .pc-input,.knb-percentage-page .pc-output { padding:25px; }
  .knb-percentage-page .pc-panel-heading { flex-wrap:wrap; gap:10px; }
  .knb-percentage-page .pc-interpretation { gap:30px; }
}
@media(max-width:600px) {
  .knb-percentage-article .article { width:calc(100% - 40px); }
  .knb-percentage-article .article .entry-title { margin:30px 0 18px; font-size:16px; }
  .knb-percentage-page .pc-shell { width:calc(100% - 40px); }
  .knb-percentage-page .pc-nav { gap:12px; font-size:10px; padding:12px 0; align-items:flex-start; }
  .knb-percentage-page .pc-nav>div { gap:14px; flex-wrap:wrap; justify-content:flex-end; }
  .knb-percentage-page .pc-nav a { min-height:30px; }
  .knb-percentage-page .pc-hero { grid-template-columns:1fr; padding:38px 0 50px; gap:36px; }
  .knb-percentage-page .pc-hero h1 { font-size:36px; line-height:1.55; margin:18px 0 18px; }
  .knb-percentage-page .pc-kicker span { display:block; margin:6px 0 0; font-size:9px; }
  .knb-percentage-page .pc-lead { font-size:13px; line-height:2; margin-bottom:23px!important; }
  .knb-percentage-page .pc-demo { padding:22px; }
  .knb-percentage-page .pc-demo-heading { display:flex; }
  .knb-percentage-page .pc-demo-number strong { font-size:84px; min-width:95px; }
  .knb-percentage-page .pc-demo-number>span { font-size:24px; }
  .knb-percentage-page .pc-demo-caption { font-size:9px; }
  .knb-percentage-page .pc-demo .pc-chart { margin:22px 0; }
  .knb-percentage-page .pc-section-heading { display:block; margin-bottom:22px; }
  .knb-percentage-page .pc-section-heading h2 { font-size:27px; }
  .knb-percentage-page .pc-section-heading>p { margin-top:12px; }
  .knb-percentage-page .pc-tool-grid { grid-template-columns:1fr; }
  .knb-percentage-page .pc-tool { padding:22px; }
  .knb-percentage-page .pc-tool-top { margin-bottom:15px; }
  .knb-percentage-page .pc-tool-purpose { min-height:0; font-size:11px; }
  .knb-percentage-page .pc-tool h3 { font-size:24px; margin:5px 0 8px; }
  .knb-percentage-page .pc-tool .pc-link-label { padding-top:20px; }
  .knb-percentage-page .pc-difference { padding:55px 0; }
  .knb-percentage-page .pc-example-grid { grid-template-columns:1fr; gap:35px; margin-top:25px; }
  .knb-percentage-page .pc-example-number { font-size:40px; }
  .knb-percentage-page .pc-example-grid h3 { font-size:20px; margin-top:15px; }
  .knb-percentage-page .pc-checklist { grid-template-columns:1fr; gap:28px; padding:32px 0; }
  .knb-percentage-page .pc-checklist h2 { font-size:26px; }
  .knb-percentage-page .pc-method { margin:42px 0; }
  .knb-percentage-page .pc-footer { flex-direction:column; padding:30px 0 40px; }
  .knb-percentage-page .pc-footer>p { font-size:18px; }
  .knb-percentage-page .pc-footer>div { gap:25px; }
  .knb-percentage-page .pc-article-intro { padding:28px 0 25px; }
  .knb-percentage-page .pc-article-intro h2 { font-size:25px; }
  .knb-percentage-page .pc-article-intro>p:last-child { font-size:12px; }
  .knb-percentage-page .pc-bench { grid-template-columns:1fr; }
  .knb-percentage-page .pc-input { border-right:0; border-bottom:1px solid var(--pc-line); }
  .knb-percentage-page .pc-input,.knb-percentage-page .pc-output { padding:22px 20px; }
  .knb-percentage-page .pc-panel-heading { margin-bottom:22px; }
  .knb-percentage-page .pc-panel-heading h3 { font-size:13px; }
  .knb-percentage-page .pc-panel-heading>button { font-size:10px!important; }
  .knb-percentage-page .pc-result { min-height:390px; }
  .knb-percentage-page .pc-result-main strong { font-size:72px; }
  .knb-percentage-page .pc-interpretation { grid-template-columns:1fr; gap:28px; padding:38px 0; }
  .knb-percentage-page .pc-interpretation h2 { font-size:24px; }
  .knb-percentage-page .pc-reading { margin-top:38px; }
  .knb-percentage-page .pc-reading h2 { font-size:22px; }
  .knb-percentage-page .pc-related { margin:42px 0; }
  .knb-percentage-page .pc-related>div { grid-template-columns:1fr; gap:28px; }
  .knb-percentage-page .pc-goal-fields { gap:12px; }
}
@media(max-width:360px) { .knb-percentage-page .pc-hero h1 { font-size:30px; }.knb-percentage-page .pc-input,.knb-percentage-page .pc-output { padding:20px 16px; }.knb-percentage-page .pc-panel-heading>button { margin-left:0; }.knb-percentage-page .pc-demo { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .knb-percentage-page .pc * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print { .knb-percentage-page .pc-nav,.knb-percentage-page .pc-demo input,.knb-percentage-page .pc-input-actions,.knb-percentage-page .pc-result-actions,.knb-percentage-page .pc-goal,.knb-percentage-page .pc-reading .ad-area { display:none!important; }.knb-percentage-page .pc-bench { grid-template-columns:1fr 1fr; }.knb-percentage-page .pc { color:#000; }.knb-percentage-page .pc-input,.knb-percentage-page .pc-output { padding:20px; } }

.knb-percentage-page .pc input::placeholder { color:var(--pc-muted); opacity:1; }