/* PC product detail, approved v14. Below 981px the existing layout is retained. */
.pd-toc,.pd-hero-summary,.pd-hero-price,.pd-description-title,.pp-option-price,.pp-reference{display:none}
.pd-page [hidden]{display:none!important}
.pd-page .akd-blk{padding-inline:0}.pd-page .akd-blk::before{display:none}
.pd-page .pc-stage-title{font-size:16px;color:#244b40;margin:0 0 12px;line-height:1.45;overflow-wrap:anywhere}
@media(min-width:981px){
  section.ak-page.pd-page{background:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
  .pd-page .mc-bc.nav{position:static;z-index:auto}
  .pd-page .pd-wrap{max-width:1440px;padding:20px 32px 64px;box-sizing:border-box;color:#192a45}
  .pd-page header.pd-hero{background:radial-gradient(ellipse at top left,#eff4fd,transparent 52%),#fff;color:#192a45;border:1px solid #e1e7ef;padding:24px 32px;border-radius:18px;min-height:230px;box-sizing:border-box;padding-inline-end:310px}
  .pd-page header.pd-hero::after{display:none}
  .pd-page .pd-hero h1{font-size:27px;line-height:1.35;color:#192a45;margin:12px 0 8px;word-break:normal;overflow-wrap:anywhere}
  .pd-page .pd-hero h1 .opt{display:block;color:#56647a;font-size:13px;font-weight:400;margin-top:6px}
  .pd-page .pd-hero .crumb{display:inline-block;color:#59677b;background:#f3f5f8;border-radius:20px;padding:4px 10px;opacity:1;font-size:13px;letter-spacing:0}
  .pd-page .backbtn{display:block;color:#52637c;border:0;background:transparent;padding:0;margin-bottom:16px;font-size:13px}
  .pd-page .spdline{display:none}
  .pd-page .favorite-detail{position:absolute;top:16px;inset-inline-end:20px;margin:0}
  .pd-hero-summary{display:block;color:#415671;font-size:13px;margin-top:10px}
  .pd-hero-price{display:flex;flex-direction:column;gap:5px;position:absolute;inset-inline-end:32px;bottom:26px;width:225px;text-align:end;padding:14px;border:1px solid #e1e7ef;border-radius:12px;background:#fff}
  .pd-hero-price>span,.pd-hero-price>small{font-size:13px;color:#536279;line-height:1.45}
  .pd-reference-amount{font-size:13px;color:#536279;line-height:1.4}
  .pd-reference-amount strong{font-size:30px;color:#192a45;line-height:1.25;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
  .pd-page .pd-purchase-layout{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"toc toc" "content purchase";gap:20px 28px;margin-top:36px}
  .pd-toc{grid-area:toc;display:flex;flex-wrap:wrap;gap:8px 18px;border-bottom:1px solid #e1e7ef;padding-bottom:12px;align-self:start}
  .pd-toc a{display:block;color:#526179;text-decoration:none;font-size:13px;font-weight:600;padding:5px 0}
  .pd-toc a[aria-current]{color:#123d89;text-decoration:underline;text-underline-offset:6px}
  .pd-secondary{display:block;font-size:13px;font-weight:400;line-height:1.4;color:#59677b}
  .pd-page .pd-content>section{margin-top:36px;scroll-margin-top:calc(var(--pd-sticky-top,89px) + 16px)}
  .pd-page .pd-content>section:first-child{margin-top:0}
  .pd-page .pd-content h2{font-size:18px;line-height:1.4;margin:0;font-weight:700;color:#192a45}
  .pd-page .pd-content h2 .kosub{display:inline;font-size:13px;font-weight:400;color:#59677b;margin-inline-start:8px}
  .pd-page .pd-content h2 .pd-secondary{display:inline;margin-inline-start:8px}
  .pd-description-title{display:block;margin-bottom:14px!important}
  .pd-page .sec-h{margin-bottom:14px}.pd-page .sec-h .bar{display:none}
  .pd-page .desc-band{padding:0;background:#fff;border:0;box-shadow:none}
  .pd-page #sec-desc .akd{padding:0}
  .pd-page .akd-blk{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #e8ecf1}
  .pd-page .akd-blk::before{display:none}
  .pd-page .akd h3.akd-h{font-size:15px;line-height:1.5;margin-bottom:8px}
  .pd-page .akd-b{font-size:15px;line-height:1.7;white-space:pre-line}
  .pd-page .pd-composition{padding:18px;border:1px solid #e1e5e9;border-radius:12px;background:#f7f8fa;box-shadow:none}
  .pd-page .pc-intro,.pd-page .pc-repeated-meta,.pd-page .pc-flow-heading{display:none}
  .pd-page .pd-composition .kosub{font-size:13px;color:#59677b;line-height:1.5}
  .pd-page .pc-support .kosub{display:inline;margin-inline-start:6px}
  .pd-page .pc-meta{display:block;margin:10px 0}
  .pd-page .pc-meta>div:not(.pc-repeated-meta){display:flex;flex-wrap:wrap;gap:8px 16px;background:none;border:0;border-block:1px solid #e8ecf1;padding:10px 0;border-radius:0}
  .pd-page .pc-meta dt,.pd-page .pc-meta dd{font-size:13px;color:#526179;margin:0;line-height:1.5}
  .pd-page .pc-meta dd{color:#192a45}
  .pd-page .pc-meta .kosub,.pd-page .pc-workflow .kosub{display:inline;margin-inline-start:6px;font-size:13px;color:#59677b}
  .pd-page .pc-workflow{display:flex;flex-direction:column;gap:0}
  .pd-page .pc-workflow>li{background:transparent;border:0;border-bottom:1px solid #e1e5e9;border-radius:0;padding:10px 0;gap:14px}
  .pd-page .pc-number{background:none;color:#59677b;font-size:13px;min-width:28px;padding:0;line-height:1.6}
  .pd-page .pc-workflow>li>div{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
  .pd-page .pc-workflow .pc-stage-title{font-size:15px;line-height:1.5;margin:0;color:#294a43}
  .pd-page .pc-stage-meta,.pd-page .pc-note,.pd-page .pc-empty{font-size:13px;color:#59677b;line-height:1.6}
  .pd-page .pc-note{margin:12px 0 0}.pd-page .pc-support{margin-top:8px;color:#234b85;font-size:13px}
  .pd-page .pd-purchase{background:#fff;border:1px solid #dfe6ef;padding:18px;border-radius:14px;margin:0;top:var(--pd-sticky-top,89px);max-height:none;overflow:visible;box-shadow:0 4px 18px #132e5b08}
  .pd-page .pd-purchase.pd-static{position:static}
  .pd-page .pd-purchase h2{font-size:18px;margin:0 0 6px;line-height:1.4}
  .pd-page .pp-route{font-size:13px;line-height:1.45;margin:0 0 14px}
  .pd-page .pp-ko,.pd-page .pp-days,.pd-page .pp-note,.pd-page .pp-action .pp-ko,.pd-page .pp-speed .pp-ko{font-size:13px;line-height:1.45;color:#59677b}
  .pd-page .pd-purchase h2 .pp-ko{display:inline;margin-inline-start:6px}
  .pd-page .pp-speed{padding:9px 10px;min-height:48px;gap:8px;box-sizing:border-box}
  .pd-page .pp-speed>span:first-of-type{flex:1;min-width:0}
  .pd-page .pp-option-price{display:block;flex:none;margin-inline-start:auto;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}
  .pd-page .pp-speed:has(input:checked){background:#f3f6fc;border-color:#123d89;color:#123d89}
  .pd-page .pp-auth{align-items:center;font-size:13px;border-block:1px solid #e1e7ef;padding:12px 0;margin:12px 0}
  .pd-page .pp-auth .pp-ko{display:inline}
  .pd-page .pp-price{font-size:28px;line-height:1.25;min-height:35px;color:#192a45;font-variant-numeric:tabular-nums}
  .pd-page .pp-reference{display:block;font-size:20px;font-weight:650;color:#294a72;margin:4px 0 8px;font-variant-numeric:tabular-nums}
  .pd-page .pp-action{background:#123d89;border-color:#123d89}
  .pd-page .pp-action.secondary{background:#fff;color:#192a45;border-color:#c6d1df}
  .pd-page .pp-action .pp-ko{color:inherit}
  .pd-page #sec-desc>.pd-description-title,.pd-page #sec-episode>.sec-h{padding-bottom:12px;border-bottom:1px solid #d7dde5;position:relative}
  .pd-page #sec-desc>.pd-description-title::after,.pd-page #sec-episode>.sec-h::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:30px;height:2px;background:#234b85}
  .pd-page #sec-faq{padding:18px;background:#f3f5f7;border:1px solid #e0e5eb;border-radius:12px}
  .pd-page #sec-faq>.sec-h{padding-bottom:12px;border-bottom:1px solid #dce2e8}
  .pd-page #sec-faq details:last-child{margin-bottom:0}
  .pd-page .faq details{border-color:#e5e9ef;background:#fff;box-shadow:0 2px 10px #172c4a06}
  .pd-page .faq summary{font-size:15px;padding:14px 16px;color:#234b85;align-items:baseline}
  .pd-page .faq summary .qm{color:#29415f}
  .pd-page .faq .ans{font-size:15px;line-height:1.7;color:#46556c}
  .pd-page #sec-review{background:#fbf8f3;border:1px solid #e8ded0;border-radius:12px;padding:18px;--line:#e8ded0;--sub:#706758}
  .pd-page #pd-review-context{font-size:13px;color:#706758;margin:0 0 12px}
  .pd-page .rev-band{background:none;padding:0;margin:0}
  .pd-page .rev-grid{display:block}
  .pd-page .rev{background:none;padding:12px 0;border:0;border-bottom:1px solid #e8ded0;border-radius:0}
  .pd-page .rev:last-child{border:0}
  .pd-page .rev::before{display:none}.pd-page .rev .stars{margin:0}
  .pd-page .rev .body{font-size:15px;line-height:1.7;color:#403d38}
  .pd-page .rev .svc{font-size:13px;color:#706758;border-color:#e8ded0}
  .pd-page #episode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pd-page #episode-list .ak-peek{display:contents}
  .pd-page .epi{display:block;padding:14px;margin:0;border-radius:10px}
  .pd-page .epi .route{display:inline-block;white-space:normal;background:#f1f3f6;color:#526179;border-radius:4px;padding:3px 6px;font-size:13px;margin:0 0 8px}
  .pd-page .epi .t{font-size:15px;line-height:1.5}.pd-page .epi .sub{font-size:13px}
  .pd-page #episode-list .peekbtn{grid-column:1/-1}
  .pd-page #sec-articles{padding:18px;background:#f7f7f5;border:1px solid #e3e3df;border-radius:12px}
  .pd-page #sec-articles .sec-h{padding-bottom:12px;border-bottom:1px solid #deded9}
  .pd-page .linklist{padding:0}.pd-page .linklist li{font-size:14px}
  .pd-page #press-list .nd{font-size:13px}.pd-page #press-list .nt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pd-page .morebtn,.pd-page .morebtn.small{font-size:13px}
  .pd-page .pd-wrap :focus-visible{outline:2px solid #245dc0;outline-offset:4px}
  .pd-page .pd-content>section:focus{outline:none}
}
@media(min-width:1440px){
  .pd-page .pd-purchase-layout{grid-template-columns:168px minmax(560px,1fr) 340px;grid-template-areas:"toc content purchase";gap:28px}
  .pd-toc{display:block;border-bottom:0;border-inline-end:1px solid #e1e7ef;position:sticky;top:var(--pd-sticky-top,89px)}
  .pd-toc a{padding:10px 12px;border-inline-start:2px solid transparent}
  .pd-toc a[aria-current]{border-inline-start-color:#123d89;text-decoration:none}
}
