.pd{--pd-x:max(var(--gutter), calc((100% - 640px) / 2));padding-bottom:0}.pd-head{padding:24px var(--pd-x);flex-direction:column;gap:12px;display:flex}.pd-head__text{flex-direction:column;gap:12px;min-width:0;display:flex}.pd-crumb{font-family:var(--font-mono);letter-spacing:.5px;color:var(--faint);gap:1.5em;font-size:12px;line-height:1.4;display:flex}.pd-crumb a:hover{color:var(--ink)}.pd-title-row{align-items:center;gap:12px;display:flex}.pd-key .model-key{font-size:16px}.pd-key--a .model-key{background:var(--a-color);border-color:var(--a-color)}.pd-key--b .model-key{background:var(--b-color);border-color:var(--b-color)}.pd-title{min-width:0;font-family:var(--font-display);letter-spacing:-.6px;flex:1;font-size:26px;font-weight:700;line-height:1.32}.pd-meta{color:var(--muted);font-size:13px;line-height:1.5}.pd-price{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;line-height:1.4;display:flex}.pd-price__option{white-space:nowrap;font-size:13px;font-weight:600}.pd-price__value{font-family:var(--font-mono);white-space:nowrap;font-size:14px;font-weight:700}.pd-price__when{min-width:0;color:var(--faint);text-align:right;flex:1;font-size:11px}.pd-photo{background:var(--none-tint) url(/assets/hero-keep-or-replace.jpg) no-repeat;border-radius:12px;height:190px;position:relative;overflow:hidden}.pd-photo--keep{background-position:0 47%;background-size:200%}.pd-photo--new{background-position:100%;background-size:165%}.pd-photo__tag{position:absolute;bottom:14px;left:12px}@media (width>=768px){.pd-photo{aspect-ratio:5/3;height:auto}}.pd-main,.pd-side{flex-direction:column;min-width:0;display:flex}.pd-sec{padding:32px var(--pd-x);flex-direction:column;gap:14px;display:flex}.pd-sec--panel{background:var(--surface);border-block:1px solid var(--line)}.pd-h2{font-family:var(--font-display);letter-spacing:-.2px;font-size:20px;font-weight:700;line-height:1.35}.pd-sub{color:var(--muted);font-size:14px;line-height:1.55}.pd-judge{padding:28px var(--pd-x);background:var(--surface);border-block:1px solid var(--line);flex-direction:column;gap:4px;display:flex}.pd-judge__title{font-family:var(--font-display);letter-spacing:-.4px;padding-bottom:10px;font-size:20px;font-weight:700;line-height:1.2}.pd-cond{border-bottom:1px solid var(--line);gap:16px;padding:16px 0;display:flex}.pd-cond:last-child{border-bottom:0}.pd-cond__key{flex-direction:column;flex-shrink:0;gap:2px;width:64px;display:flex}.pd-cond__label{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.2}.pd-cond__label--muted{color:var(--muted)}.pd-cond__sub{color:var(--faint);font-size:11px;line-height:1.3}.pd-cond__text{flex:1;min-width:0;font-size:15px;line-height:1.55}.pd-next{padding:28px var(--pd-x) 36px;flex-direction:column;gap:12px;display:flex}.pd-cta{background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:12px;padding:18px;transition:opacity .15s,transform .1s;display:flex}.pd-cta:hover{opacity:.9}.pd-cta:active{transform:scale(.99)}.pd-cta__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pd-cta__title{font-size:15px;font-weight:700;line-height:1.45}.pd-cta__desc{color:#a3a8b1;font-size:12px;line-height:1.45}.pd-foot-links{color:var(--faint);text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 0;font-size:12px;line-height:1.5;display:flex}.pd-foot-links>*+:before{content:"·";color:var(--faint);margin:0 6px}.pd-foot-links a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}@media (width>=1024px){.pd{--pd-x:0px}.pd-head{width:100%;max-width:calc(var(--content-max) + var(--gutter) * 2);padding:40px var(--gutter);grid-template-columns:minmax(0,1fr) min(600px,50%);align-items:center;gap:64px;margin-inline:auto;display:grid}.pd-head__text{gap:18px}.pd-title{letter-spacing:-1.2px;font-size:clamp(32px,2.8vw,40px)}.pd-photo{border-radius:16px}.pd-body{width:100%;max-width:calc(var(--content-max) + var(--gutter) * 2);padding:8px var(--gutter) 72px;grid-template-columns:minmax(0,1fr) clamp(320px,28vw,400px);align-items:start;gap:48px;margin-inline:auto;display:grid}.pd-main{gap:24px}.pd-side{gap:20px}.pd-judge{border:1px solid var(--line);border-radius:16px;padding:32px 36px}.pd-sec{padding:8px 0}.pd-sec--panel{border:1px solid var(--line);border-radius:16px;padding:32px 36px}.pd-side .pd-sec--panel{padding:24px}.pd-next{padding:0}}
