.pth-root{--pth-bellstrike:#6a7fb7;--pth-silkbind:#6ab796;--pth-bamboocut:#7e6ab7;--pth-stonesplit:#a87264;--pth-shade:#141210;--pth-on-pic:#fbf6ea;--pth-c:var(--pth-bellstrike)}.pth-r-bellstrike{--pth-c:var(--pth-bellstrike)}.pth-r-silkbind{--pth-c:var(--pth-silkbind)}.pth-r-bamboocut{--pth-c:var(--pth-bamboocut)}.pth-r-stonesplit{--pth-c:var(--pth-stonesplit)}.pth-mark{aspect-ratio:142/96;background:var(--pth-band) -8px center / auto 100% no-repeat;height:96px;display:block}.pth-mark-big{height:120px}.pth-roots{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.pth-root-tile{min-height:340px;color:var(--pth-on-pic);background:linear-gradient(170deg, var(--pth-c) 0%, color-mix(in srgb, var(--pth-c) 55%, var(--pth-shade)) 100%);border-radius:12px;flex-direction:column;justify-content:flex-end;gap:4px;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.pth-root-tile .pth-mark{mix-blend-mode:screen;opacity:.95;position:absolute;top:26px;left:50%;transform:translate(-50%)}.pth-root-tile:hover,.pth-root-tile:focus-visible{box-shadow:0 0 0 2px var(--ip-ink)}.pth-root-n{overflow-wrap:anywhere;font-family:var(--font-display), serif;letter-spacing:.05em;font-size:24px;font-weight:700}.pth-root-s{opacity:.88;font-size:13px}.pth-subs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:22px;display:grid}.pth-sub-tile{min-height:230px;color:var(--pth-on-pic);background:var(--pth-pic,none) center / cover, linear-gradient(170deg, var(--pth-c), color-mix(in srgb, var(--pth-c) 50%, var(--pth-shade)));border-radius:12px;text-decoration:none;position:relative;overflow:hidden}.pth-sub-tile:after{content:"";background:linear-gradient(transparent 35%, color-mix(in srgb, var(--pth-shade) 80%, transparent));position:absolute;inset:0}.pth-sub-tile:hover,.pth-sub-tile:focus-visible{box-shadow:0 0 0 2px var(--ip-ink)}.pth-sub-in{z-index:1;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.pth-sub-n{font-family:var(--font-display), serif;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.pth-sub-s{opacity:.9;font-size:12.5px;display:block}.pth-badge{aspect-ratio:95/132;flex:none;width:auto;height:56px}.pth-badge-big{height:78px}.pth-sub-n .cn-corner,.pth-hero-n .cn-corner{position:static}.pth-hero{background:var(--pth-pic,none) center / cover, linear-gradient(170deg, var(--pth-c), color-mix(in srgb, var(--pth-c) 50%, var(--pth-shade)));border-radius:12px;min-height:250px;margin:14px 0 16px;position:relative;overflow:hidden}.pth-hero:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--pth-shade) 78%, transparent), transparent 72%);position:absolute;inset:0}.pth-hero-in{z-index:1;color:var(--pth-on-pic);align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.pth-hero-n{font-family:var(--font-display), serif;letter-spacing:.03em;align-items:center;gap:10px;margin:0;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.1;display:flex}.pth-hero-band{width:auto;height:36px;margin-top:8px;display:block}.pth-setup{margin-bottom:20px}.pth-pills{gap:8px;margin:0 0 8px;display:flex}.pth-pill{font:500 10px var(--font-utility), monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ip-gold);color:var(--ip-gold);border-radius:3px;padding:3px 8px}.pth-desc{max-width:72ch;color:var(--ip-ink-2);margin:0 0 10px;font-size:14.5px;line-height:1.6}.pth-rates{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;max-width:640px;margin:6px 0 12px;display:grid}.pth-rate dt{color:var(--ip-ink-2);font-size:12.5px}.pth-rate dd{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;margin:0;font-size:12.5px;display:grid}.pth-bar{background:var(--ip-line);border-radius:3px;height:6px;overflow:hidden}.pth-bar i{background:var(--pth-c);height:100%;display:block}.pth-more{flex-wrap:wrap;gap:6px 20px;margin:4px 0 0;font-size:13px;display:flex}.pth-two{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.pth-h{font:500 10.5px var(--font-utility), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ip-faint);margin:0 0 4px}.pth-arts{border:1px solid var(--ip-line);background:var(--ip-card);border-radius:8px;margin:12px 0 0;padding:0;list-style:none;overflow:hidden}.pth-arts li+li{border-top:1px solid var(--ip-line)}.pth-arts a{color:var(--ip-ink);align-items:center;gap:12px;padding:11px 14px;font-size:14px;text-decoration:none;display:flex}.pth-arts a:hover,.pth-arts a:focus-visible{background:var(--ip-paper-hi)}.pth-arts .art-mark{background-color:var(--ip-ink)}.pth-art-w{font:500 10px var(--font-utility), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ip-faint);text-align:right;margin-left:auto}@media (max-width:900px){.pth-roots{grid-template-columns:repeat(2,minmax(0,1fr))}.pth-root-tile{min-height:230px}.pth-two{grid-template-columns:1fr}.pth-rates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.pth-root-tile .pth-mark{height:72px;top:18px}.pth-hero{min-height:200px}.pth-badge-big{height:58px}.pth-root-tile{padding:16px 14px}.pth-root-n{letter-spacing:.02em;font-size:18px}.pth-hero-in{gap:10px;bottom:14px;left:14px;right:14px}}