.spx .steps4{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.spx .tlist{border:1px solid var(--sand);background:#fff;margin-top:6px}
.spx #ppanes{display:block;overflow:visible;padding:0;flex:none}
.spx #ppanes .pane{display:grid!important;grid-template-columns:220px minmax(0,1fr);border:0;border-top:1px solid var(--sand);padding:0;margin:0;background:none}
.spx #ppanes .pane:first-child{border-top:0}
.spx #ppanes .pane>.sechead{display:block;background:var(--off);border-right:1px solid var(--sand);padding:16px 18px;margin:0}
.spx #ppanes .pane>.sechead h3{font-size:15px}
.spx #ppanes .pane>.sechead>a:not(.gall):not(.octy),.spx #ppanes .pane>.sechead>.soon{display:none}
.spx #ppanes .pane>.sechead>.gall,.spx #ppanes .pane>.sechead>.octy{display:table}
.spx .gst{display:block;font-size:12.5px;color:var(--green);font-weight:600;margin-top:4px}
.spx .gst.zero{color:var(--wg);font-weight:500}
.spx .gall{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:var(--sand2);text-underline-offset:3px}
.spx .gbody{padding:4px 18px 6px}
.spx .gbody.two{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}
.spx .gbody.two>.full{grid-column:1/-1}
.spx #ppanes .item{grid-template-columns:20px auto 1fr auto!important;gap:12px;padding:11px 0}
.spx #ppanes .item>div:nth-child(2){grid-column:3}
.spx #ppanes .item .ics{grid-column:2;grid-row:1;display:flex;gap:3px;align-items:center}
.spx #ppanes .item .fmt{grid-column:4!important}
.spx #ppanes .item .fmt a{display:none!important}
.spx #ppanes .item .big{font-size:16px}
.spx .upick{font-family:"Plex Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.06em;color:var(--wg);background:var(--cream);border:1px solid var(--sand);padding:2px 7px;white-space:nowrap}
.spx #ppanes .item.ioff b,.spx #ppanes .item.ioff .big{color:var(--ch)}
.spx #ppanes .cgrp{border:0;margin:0}
.spx #ppanes .cgh{display:none}
.spx #ppanes .cgrp .gb{padding:0}
.spx #ppanes .cgrp.other{display:none}
.spx #ppanes.showc .cgrp.other{display:block}
.spx #ppanes .cgrp.other .cgh{display:flex;background:none;border:0;padding:12px 0 2px}
.spx #ppanes .cgrp.other .cgh a{display:none}
.spx #ppanes .grphd{display:none}
.spx #ppanes .basis{font-size:12px}
.spx .octy{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:var(--sand2);text-underline-offset:3px}
.spx #ppanes .hpwrap{margin:10px 0 4px}
.spx #ppanes .hpwrap .thumb{width:84px;height:119px}
.spx #ppanes .hpwrap p{font-size:12.5px}
.spx #ppanes .swbox.empty .ebody{margin:10px 0;padding:18px 10px}
.spx #ppanes .swdoc{grid-template-columns:20px 84px minmax(0,1fr)!important;gap:6px 14px;padding:12px 0}
.spx #ppanes .swdoc .thumbS{grid-column:2!important;grid-row:1/span 3;width:84px!important}
.spx #ppanes .swdoc .swinfo{grid-column:3!important}
.spx #ppanes .swdoc>*:not(.ck):not(.thumbS):not(.swinfo){grid-column:3!important}
.spx .fmtnote{font-size:12.5px;color:var(--wg);margin-top:10px}
.spx .abar{display:flex;align-items:center;gap:22px;border:1px solid var(--sand2);background:#fff;padding:14px 18px;margin-top:14px;box-shadow:0 6px 22px rgba(33,29,34,.07)}
.spx .abar .n{font-size:17px;font-weight:700;white-space:nowrap}
.spx .abar .mix{font-size:12.5px;color:var(--wg);flex:1;min-width:0}
.spx .abar .proj2{text-align:right;font-size:12.5px;color:var(--wg);white-space:nowrap;line-height:1.5}
.spx .abar .proj2 b{color:var(--ch);font-size:13.5px}
.spx .abar .proj2 a{text-decoration:underline;text-decoration-color:var(--sand2);text-underline-offset:3px;cursor:pointer;color:var(--ch);font-weight:600;margin-left:6px}
.spx .abar .btn.pri{height:46px}
.spx .added{position:fixed;right:24px;bottom:24px;z-index:70;width:min(380px,calc(100% - 32px));background:#fff;border:1px solid var(--sand2);box-shadow:0 14px 40px rgba(33,29,34,.18);padding:16px 18px;transform:translateY(160%);transition:transform .3s}
.spx .added.show{transform:none}
.spx .added h4{font-size:15px;display:flex;gap:8px;align-items:center}
.spx .added h4 i{width:20px;height:20px;border-radius:0;background:#fff;border:1px solid var(--line, #E9E2D9);color:#F06C38;font-style:normal;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.spx .added p{font-size:12.5px;color:var(--wg);margin:6px 0 12px}
.spx .added .acts2{display:flex;gap:8px}
.spx .added .btn{height:38px}
@media (max-width:900px){.spx #ppanes .pane{grid-template-columns:minmax(0,1fr)}
.spx #ppanes .pane>.sechead{border-right:0;border-bottom:1px solid var(--sand);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 16px}
.spx .gall{margin-top:0}
.spx .gbody.two{grid-template-columns:minmax(0,1fr)}
.spx .abar{flex-wrap:wrap;gap:10px}
.spx .abar .proj2{text-align:left}
.spx .abar .btn.pri{width:100%;justify-content:center}}
/* stage 12 (U-16) */
.spx .pnote,.pnote{font-size:13.5px;background:#F5EFE8;border:1px solid #E0D7CC;padding:9px 12px;margin:0 0 12px}.pnote a{color:#C24E1C;font-weight:700}