body{margin:0}a{color:#0A3D8F}a:hover{color:#072C69}.pp .oc-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 64px;align-items:end;margin-bottom:40px}.pp .oc-top h1{max-width:15ch}.pp .oc-side{display:flex;flex-direction:column;gap:20px}.pp .oc-side .actions{margin-top:0}.pp .oc-side .price-sig{margin-top:0}.pp .oc-land{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.pp .oc-scene{position:relative;padding-top:44px;background-image:radial-gradient(var(--line) 1px,transparent 1.5px);background-size:16px 16px;border-bottom:1px solid var(--line)}.pp .oc-scene svg{display:block;width:100%;height:auto}.pp .oc-cell{transition:opacity .2s ease-out}.pp .oc-tag{position:absolute;left:20px;top:14px;flex-wrap:wrap;display:flex;gap:10px;align-items:center}.pp .oc-ctl{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:24px 32px;padding:24px 28px;border-bottom:1px solid var(--line)}.pp .oc-ctl fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}.pp .oc-ctl legend,.pp .oc-ctl label.oc-l{font-weight:700;margin-bottom:6px;display:flex;justify-content:space-between;gap:8px;width:100%}.pp .oc-ctl .seg{flex-wrap:wrap;align-self:flex-start;max-width:100%}.pp .oc-ctl .seg button{min-height:44px}.pp .oc-legend{display:flex;flex-wrap:wrap;gap:8px}.pp .oc-legend button{min-height:44px;padding:0 14px;border:1px solid color-mix(in srgb,var(--ink2) 45%,var(--line));border-radius:4px;background:var(--surface);color:var(--ink);font:700 14px/1 var(--fb);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.pp .oc-legend button i{width:12px;height:12px;display:block}.pp .oc-legend button[aria-pressed=true]{border:2px solid var(--ink);background:color-mix(in srgb,var(--tint) 10%,var(--surface))}.pp .oc-read{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:0}.pp .oc-read>div{padding:22px 28px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}.pp .oc-read>div:last-child{border-right:0;background:color-mix(in srgb,var(--tint) 8%,var(--surface))}.pp .oc-read b.oc-n{font:700 32px/1 var(--fd);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pp .oc-read .oc-p{display:flex;gap:8px;align-items:center;font-weight:700}.pp .oc-read .oc-p i{width:10px;height:10px;background:var(--tint)}.pp .oc-board{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}.pp .oc-sw{display:flex;flex-direction:column;gap:16px}.pp .oc-sw fieldset{border:0;padding:0;margin:0}.pp .oc-sw legend{font-weight:700;margin-bottom:8px}.pp .oc-mini{border:1px solid var(--line);border-radius:10px;background:#fff;color:#0C2236;overflow:hidden;box-shadow:var(--shadow)}.pp .oc-mini-bar{display:flex;gap:6px;align-items:center;padding:10px 12px;border-bottom:1px solid #E3ECF9;background:#F4F7FA;font:400 12px/1.2 var(--fp);color:#3F5468;min-width:0}.pp .oc-mini-bar i{width:8px;height:8px;background:#C9D6E3;flex:none}.pp .oc-mini-bar span{overflow-wrap:anywhere}.pp .oc-mini-nav{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid #E3ECF9;font:400 12px/1 var(--fp);color:#3F5468;flex-wrap:wrap}.pp .oc-mini-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px}.pp .oc-mini-body svg{width:100%;height:auto;display:block;background:#FDEEE2}.pp .oc-mini-body h3{font-size:20px;color:#0C2236}.pp .oc-mini-body .oc-price{font:700 28px/1 var(--fd);letter-spacing:-.02em;margin-top:10px}.pp .oc-mini-body .oc-buy{display:inline-flex;margin-top:12px;padding:10px 14px;background:#0C2236;color:#fff;font:700 14px/1 var(--fb)}.pp .oc-explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.pp .oc-ex{padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--surface);display:flex;flex-direction:column;gap:8px;font-size:15px;transition:border-color .2s}.pp .oc-ex b{font:650 17px/1.2 var(--fd)}.pp .oc-ex.on{border:2px solid var(--tint);box-shadow:4px 4px 0 color-mix(in srgb,var(--tint) 45%,transparent)}.pp .oc-ext{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:40px;list-style:none}.pp .oc-ext li{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px}.pp .oc-ext li span.px{color:var(--ink2)}.pp .oc-no{list-style:none;display:flex;flex-direction:column}.pp .oc-no li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--line)}.pp .oc-no li:last-child{border-bottom:1px solid var(--line)}.pp .oc-commit{list-style:none;display:grid;gap:10px;font-size:16px}.pp .oc-commit li{display:flex;gap:10px;align-items:baseline}.pp .oc-commit li::before{content:"";width:8px;height:8px;background:var(--tint);flex:none}@container pp (max-width:1000px){.pp .oc-top,.pp .oc-board{grid-template-columns:minmax(0,1fr)}.pp .oc-ctl{grid-template-columns:minmax(0,1fr)}.pp .oc-read{grid-template-columns:repeat(3,minmax(0,1fr))}.pp .oc-read>div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.pp .oc-ext{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@container pp (max-width:640px){.pp .oc-read{grid-template-columns:minmax(0,1fr)}.pp .oc-read>div{border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.pp .oc-ctl{padding:20px}.pp .oc-mini-body{grid-template-columns:minmax(0,1fr)}.pp .oc-mini-body svg{max-width:180px}.pp .oc-explain,.pp .oc-ext{grid-template-columns:minmax(0,1fr)}.pp .oc-tag{position:static;padding:12px 16px 0}.pp .oc-scene{padding-top:0}}