#pdetail{--nav-h:68px;margin-top:28px}
[data-theme="dark"] #pdetail{--pdc0:#b9c6d2;--pdc1:#0a0e13;--pdc2:#0a0f15;--pdc3:#0d141b;--pdc4:#c8d5e0;--pdc5:#090d12;--pdc6:#7f9bb3;--pdc7:#cfd8e1;--pdc8:#0b1016;--pdc9:#6b7280;--pdc10:#eab308;--pdc11:#22c55e;--pdc12:#111a23;--pdc13:#080c11;--pdc14:#0c1219;--pdc15:#7f93a6;--pdc16:#17222d;--pdc17:#1b2733;--pdc18:#2b3a4a;--pdc19:#06131b;--pdc20:#3b82f6;--pdc21:#10b981;--pdc22:#8aa56f;--pdc23:#ff8fa3;--pdc24:#0b1117;--pdc25:#dbe2e8;--pdc26:#05080b;--pdc27:#09121a;--pdc28:rgba(12,18,25,.6);--pdc29:rgba(12,18,25,.7);--pdc30:rgba(13,20,27,.6);--pdc31:rgba(34,48,61,.5);--pdc32:rgba(255,255,255,.012);--pdc33:rgba(34,48,61,.28);--pdc34:rgba(15,21,28,.92);--pdc35:rgba(15,21,28,.72);--pdc36:rgba(34,48,61,.9);--pdc37:rgba(13,20,27,.7);--pdc38:rgba(9,13,18,.85);--pdc39:rgba(34,48,61,.32);--pdc40:rgba(8,12,17,.86);--pdc41:rgba(10,14,19,.05);--pdc42:rgba(10,14,19,.22);--pdc43:rgba(8,12,17,.7);--pdc44:rgba(8,12,17,0);--pdc45:rgba(10,14,19,.72);--pdc46:rgba(5,8,11,.86);--pdc47:rgba(0,0,0,.18);}
[data-theme="light"] #pdetail{--pdc0:#3a4652;--pdc1:#ffffff;--pdc2:#ffffff;--pdc3:#ffffff;--pdc4:#3a4652;--pdc5:#ffffff;--pdc6:#55616d;--pdc7:#3a4652;--pdc8:#ffffff;--pdc9:#55616d;--pdc10:#3a4652;--pdc11:#3a4652;--pdc12:#ffffff;--pdc13:#ffffff;--pdc14:#ffffff;--pdc15:#55616d;--pdc16:#e3e8ed;--pdc17:#e3e8ed;--pdc18:#e3e8ed;--pdc19:#ffffff;--pdc20:#55616d;--pdc21:#55616d;--pdc22:#3a4652;--pdc23:#3a4652;--pdc24:#ffffff;--pdc25:#3a4652;--pdc26:#ffffff;--pdc27:#ffffff;--pdc28:rgba(255,255,255,.6);--pdc29:rgba(255,255,255,.7);--pdc30:rgba(255,255,255,.6);--pdc31:rgba(110,125,140,.5);--pdc32:rgba(20,30,40,.012);--pdc33:rgba(110,125,140,.28);--pdc34:rgba(255,255,255,.92);--pdc35:rgba(255,255,255,.72);--pdc36:rgba(110,125,140,.9);--pdc37:rgba(255,255,255,.7);--pdc38:rgba(255,255,255,.85);--pdc39:rgba(110,125,140,.32);--pdc40:rgba(255,255,255,.86);--pdc41:rgba(255,255,255,.05);--pdc42:rgba(255,255,255,.22);--pdc43:rgba(255,255,255,.7);--pdc44:rgba(255,255,255,0);--pdc45:rgba(255,255,255,.72);--pdc46:rgba(255,255,255,.86);--pdc47:rgba(255,255,255,.18);}
#pdetail .pd>.sec{padding:0;border:0;background:none}
#pdetail .wrap{max-width:none;padding:0}
#pdetail .sec-task{display:none}


#pdetail *{box-sizing:border-box}
#pdetail .mono{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted)}
#pdetail .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--cyan);margin:0 0 14px;display:flex;align-items:center;gap:10px}
#pdetail .eyebrow::before{content:"";width:28px;height:1px;background:var(--cyan)}
#pdetail h1{word-break:keep-all;font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-.03em;margin:0 0 16px;font-weight:800}
#pdetail h1 em{font-style:normal;color:var(--accent)}
#pdetail .lead{color:var(--pdc0);font-size:16px;margin:0 0 20px;max-width:30em}
#pdetail .btn{display:inline-flex;align-items:center;padding:11px 18px;border:1px solid var(--line2);font-weight:700;font-size:14px;background:var(--pdc28)}
#pdetail .btn:hover{border-color:var(--text)}
#pdetail .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--pdc1)}
@media (max-width:1100px){}
@media (max-width:899px){#pdetail .eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.04em}
#pdetail .no-js .nav-menu{display:flex;position:static;flex-direction:row;overflow-x:auto;padding:0;background:none;border:0;font-size:13px;gap:14px}
#pdetail .no-js .nav-toggle{display:none}}
@media (max-width:899px){}
#pdetail .anno-plate{font-family:"IBM Plex Sans KR", Pretendard, "Malgun Gothic", sans-serif}

#pdetail .crumbs{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--muted);margin:0 0 4px!important;padding:0!important;list-style:none!important}
#pdetail .crumbs li{display:flex;align-items:center;gap:8px}
#pdetail .crumbs li+li::before{content:"/";color:var(--dim)}
#pdetail .crumbs a{color:var(--muted);border-bottom:1px solid transparent}
#pdetail .crumbs a:hover{color:var(--text);border-bottom-color:var(--line2)}
#pdetail .crumbs [aria-current]{color:var(--text)}
#pdetail .sec-head h1{font-size:clamp(30px,3.6vw,50px);line-height:1.16;letter-spacing:-.03em;font-weight:800;word-break:keep-all;margin:0}
#pdetail .sec-head h1 em{font-style:normal;color:var(--accent)}
#pdetail #sections .sub-h{font-size:22px;letter-spacing:-.02em;margin:44px 0 16px;display:flex;align-items:center;gap:14px}
#pdetail #sections .sub-h::after{content:"";flex:1;height:1px;background:var(--line2)}
#pdetail .ph .crumbs{margin-bottom:14px!important}
#pdetail .step-box .step-title{margin:0;font-size:16px;font-weight:700;color:var(--text);min-height:0}
#pdetail .proj-more{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:9px 14px;border:1px solid var(--line2);background:var(--pdc29);font-size:13.5px;font-weight:700;color:var(--text);max-width:100%}
#pdetail .proj-more:hover{border-color:var(--accent);color:var(--accent)}
#pdetail .proj-more-name{font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20em}
@media (min-width:900px) and (max-width:1199px){}
@media (max-width:899px){#pdetail .proj-more{margin-top:12px}}
#pdetail .gate{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#pdetail .gate-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 28px 24px;border:1px solid var(--line2);background:var(--card);box-shadow:inset 0 3px 0 var(--accent);transition:border-color .15s,background .15s}
#pdetail .gate-card.cy{box-shadow:inset 0 3px 0 var(--cyan)}
#pdetail .gate-card:hover{border-color:var(--accent);background:var(--card2)}
#pdetail .gate-card.cy:hover{border-color:var(--cyan)}
#pdetail .gate-card .mono{letter-spacing:.16em;font-size:11px;color:var(--accent)}
#pdetail .gate-card.cy .mono{color:var(--cyan)}
#pdetail #sections .gate-card h3{font-size:28px;letter-spacing:-.02em}
#pdetail #sections .gate-card p{color:var(--ink);font-size:15px;word-break:keep-all}
#pdetail #sections .gate-list{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
#pdetail .gate-list li{font-size:12.5px;color:var(--ink);border:1px solid var(--line2);padding:2px 9px;background:var(--pdc2)}
#pdetail .gate-list li b{font-family:var(--mono);font-weight:500;color:var(--dim);margin-left:6px;font-size:11px}
#pdetail .gate-go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;color:var(--text)}
#pdetail .gate-card:hover .gate-go{color:var(--accent)}
#pdetail .gate-card.cy:hover .gate-go{color:var(--cyan)}
#pdetail #sections .gate-sub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:20px;background:var(--line);border:1px solid var(--line2)}
#pdetail .gate-sub a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"b i" "s i";column-gap:10px;padding:14px 16px;background:var(--card);height:100%}
#pdetail .gate-sub a:hover{background:var(--card2)}
#pdetail .gate-sub b{grid-area:b;font-size:15px}
#pdetail .gate-sub span{grid-area:s;font-size:12.5px;color:var(--muted);word-break:keep-all}
#pdetail .gate-sub .arr{grid-area:i;align-self:center;color:var(--muted)}
#pdetail .hp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line2)}
#pdetail .hp{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;background:var(--card);min-height:170px}
#pdetail .hp:hover{background:var(--card2)}
#pdetail .hp .mono{font-size:10.5px;color:var(--accent);letter-spacing:.14em}
#pdetail #sections .hp h3{font-size:17px;letter-spacing:-.01em}
#pdetail #sections .hp p{font-size:13px;color:var(--muted);word-break:keep-all}
#pdetail .hp-price{margin-top:auto;font-family:var(--mono);font-size:13px;color:var(--text)}
#pdetail .hp-price small{color:var(--dim);margin-left:4px;font-size:10.5px}
#pdetail .hp.bd{background:linear-gradient(135deg,rgba(255,176,0,.07),transparent 60%),var(--card)}
#pdetail .hp.bd .mono{color:var(--amber)}
#pdetail .ht-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#pdetail .ht{border:1px solid var(--line2);background:var(--card);padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px}
#pdetail .ht .mono{color:var(--cyan);font-size:10.5px;letter-spacing:.14em}
#pdetail #sections .ht h3{font-size:18px;letter-spacing:-.01em}
#pdetail #sections .ht ul{display:grid;gap:2px}
#pdetail .ht li a,#pdetail .ht li span{display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--ink);padding:3px 0;word-break:keep-all;line-height:1.45}
#pdetail .ht li a:hover{color:var(--accent)}
#pdetail .ht li .is3d{flex:none;font-family:var(--mono);font-size:9.5px;color:var(--pdc1);background:var(--accent);padding:0 4px;font-weight:700}
#pdetail .ht li span{color:var(--muted)}
#pdetail .ht li span::before{content:"";flex:none;width:18px}
#pdetail .ht-more{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--cyan)}
#pdetail .home-cta{margin-top:24px}
@media (max-width:1180px){#pdetail .hp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#pdetail .ht-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){#pdetail .gate{grid-template-columns:1fr}
#pdetail #sections .gate-sub{grid-template-columns:1fr 1fr}
#pdetail .hp-grid{grid-template-columns:1fr 1fr}
#pdetail .ht-grid{grid-template-columns:1fr 1fr}
#pdetail #sections .gate-card h3{font-size:24px}
#pdetail .gate-card{padding:22px 18px 18px}}
@media (max-width:640px){#pdetail #sections .gate-sub{grid-template-columns:1fr}
#pdetail .hp-grid{grid-template-columns:1fr}
#pdetail .hp{min-height:0}
#pdetail .ht-grid{grid-template-columns:1fr}}
#pdetail .choose{display:grid;border:1px solid var(--line2);background:var(--card)}
#pdetail .ch-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr);gap:4px 24px;padding:14px 20px;border-top:1px solid var(--line);align-items:center}
#pdetail .ch-row:first-child{border-top:0}
#pdetail .ch-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--dim);padding-top:10px;padding-bottom:10px;background:var(--pdc2)}
#pdetail .ch-need{font-size:15px;font-weight:700;word-break:keep-all}
#pdetail .ch-env{font-size:13px;color:var(--muted)}
#pdetail .ch-pick{display:flex;flex-wrap:wrap;gap:6px}
#pdetail .ch-pick a{font-size:13px;font-weight:700;border:1px solid var(--accent);color:var(--accent);padding:3px 10px}
#pdetail .ch-pick a.bd{border-color:var(--amber);color:var(--amber)}
#pdetail .ch-pick a:hover{background:rgba(255,106,43,.12)}
#pdetail .choose-note{margin-top:14px!important}
#pdetail .choose-note a,#pdetail .p-note a{color:var(--cyan);border-bottom:1px solid var(--line2)}
@media (max-width:899px){#pdetail .ch-row{grid-template-columns:1fr;padding:14px 16px}
#pdetail .ch-head{display:none}}
#pdetail .pj-jump{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
#pdetail .pj-jump a{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line2);font-size:13.5px;font-weight:700;color:var(--muted);background:var(--pdc2)}
#pdetail .pj-jump a i{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--dim)}
#pdetail .pj-jump a:hover{color:var(--text);border-color:var(--accent)}
#pdetail .pj-group{margin-top:44px}
#pdetail .pj-group[hidden]{display:none}
#pdetail .pj-group:first-of-type{margin-top:0}
#pdetail .pj-group-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-bottom:16px!important;padding-bottom:12px;border-bottom:1px solid var(--line2)}
#pdetail #sections .pj-group-head h2{font-size:24px;letter-spacing:-.02em}
#pdetail #sections .pj-group-head p{color:var(--muted);font-size:14px;word-break:keep-all;flex:1;min-width:260px}
#pdetail .pj h3 a:hover{color:var(--accent)}
#pdetail #sections .pj-cta .pj-cta-h{font-size:24px;letter-spacing:-.02em;flex:none}
#pdetail .pj-none3d{margin-top:auto;font-size:12.5px;color:var(--dim)}
#pdetail .tech-top{padding:calc(var(--nav-h) + 40px) 0 32px;background:linear-gradient(180deg,var(--pdc3),var(--bg))}
#pdetail .tech-top .wrap{max-width:1320px;margin:0 auto;padding:0 24px}
#pdetail .tech-top .crumbs{margin-bottom:16px!important}
#pdetail .tech-top h1{font-size:clamp(28px,3.2vw,44px);margin:6px 0 12px;line-height:1.2}
#pdetail .tech-top .lead{max-width:46em;margin:0 0 14px}
#pdetail .tech-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
#pdetail .tech-meta li{font-family:var(--mono);font-size:11px;border:1px solid var(--line2);padding:2px 8px;color:var(--pdc4)}
#pdetail .tech-meta li.grp{background:var(--cyan);border-color:var(--cyan);color:var(--pdc1);font-weight:700;font-family:var(--sans)}
#pdetail .tech-note{margin:14px 0 0;font-size:12.5px;color:var(--dim)}
#pdetail .tech{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:start}
#pdetail .tech-main{display:grid;gap:28px}
#pdetail .tech-card{display:grid;gap:10px}
#pdetail #sections .tech-card h3{font-size:22px;letter-spacing:-.02em}
#pdetail #sections .tech-card>p{color:var(--ink);font-size:15.5px;word-break:keep-all}
#pdetail #sections .tsteps{counter-reset:ts;display:grid;border:1px solid var(--line2);background:var(--card)}
#pdetail .tsteps li{display:grid;grid-template-columns:44px minmax(0,190px) 1fr;gap:4px 14px;padding:12px 16px;border-top:1px solid var(--line);align-items:baseline}
#pdetail .tsteps li:first-child{border-top:0}
#pdetail .tsteps .no{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:700}
#pdetail .tsteps b{font-size:15px}
#pdetail .tsteps span{font-size:14px;color:var(--muted);word-break:keep-all}
#pdetail .tech-side{display:grid;gap:18px;position:sticky;top:calc(var(--nav-h) + 20px)}
#pdetail .tech-side .pj-fig{border:1px solid var(--line2)}
#pdetail .tech-box{border:1px solid var(--line2);background:var(--card);padding:16px 18px;display:grid;gap:10px}
#pdetail .tech-box .mono{font-size:10.5px;letter-spacing:.14em;color:var(--cyan)}
#pdetail #sections .tech-box ul{display:flex;flex-wrap:wrap;gap:6px}
#pdetail .tech-box li a,#pdetail .tech-box li span{display:inline-block;font-size:13px;border:1px solid var(--line2);padding:3px 10px;color:var(--ink)}
#pdetail .tech-box li a{border-color:var(--accent);color:var(--accent);font-weight:700}
#pdetail .tech-box li a:hover{background:rgba(255,106,43,.12)}
#pdetail #sections .tech-box p{font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .tech-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
#pdetail .tech-rel>*{border:1px solid var(--line2)}
#pdetail .tech-rel a,#pdetail .tech-rel span{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--card);font-size:14.5px;font-weight:700;word-break:keep-all}
#pdetail .tech-rel a:hover{background:var(--card2);color:var(--accent)}
#pdetail .tech-rel small{font-weight:400;font-size:12px;color:var(--muted)}
#pdetail .tech-rel span{color:var(--muted);font-weight:500}
@media (max-width:899px){#pdetail .tech-top{padding:calc(var(--nav-h) + 24px) 0 20px}
#pdetail .tech-top .wrap{padding:0 16px}
#pdetail .tech{grid-template-columns:1fr;gap:28px}
#pdetail .tech-side{position:static}
#pdetail .tsteps li{grid-template-columns:34px 1fr}
#pdetail .tsteps span{grid-column:2}}
#pdetail .prod-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:48px}
#pdetail .prod-more>div{border:1px solid var(--line2);background:var(--card);padding:18px 20px;display:grid;gap:10px;align-content:start}
#pdetail .prod-more .mono{font-size:10.5px;letter-spacing:.14em;color:var(--cyan)}
#pdetail #sections .prod-more ul{display:flex;flex-wrap:wrap;gap:6px}
#pdetail .prod-more li a{display:inline-flex;align-items:center;gap:6px;font-size:13px;border:1px solid var(--line2);padding:4px 10px;color:var(--ink)}
#pdetail .prod-more li a:hover{border-color:var(--accent);color:var(--accent)}
#pdetail .prod-more li a.on{border-color:var(--accent);color:var(--accent);font-weight:700}
@media (max-width:899px){#pdetail .prod-more{grid-template-columns:1fr}}
#pdetail .pay-wrap{display:grid;gap:14px;margin-bottom:28px}
#pdetail .pay-notice{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;border:1px solid var(--amber);border-left-width:4px;background:rgba(255,176,0,.07);padding:14px 18px;font-size:14.5px;color:var(--ink);word-break:keep-all}
#pdetail .pay-notice b{color:var(--amber);font-size:14px}
#pdetail #pay-options:empty{min-height:120px;border:1px dashed var(--line2);background:var(--pdc30);display:grid;place-items:center}
#pdetail #pay-options:empty::before{content:"결제 영역 (준비 중)";font-size:13px;color:var(--dim)}
#pdetail .buy-steps .btn{margin-top:14px}
#pdetail .wh{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;border:1px solid var(--line2);background:var(--card);padding:24px;margin-bottom:28px;box-shadow:inset 0 3px 0 var(--accent)}
#pdetail .wh .mono{font-size:10.5px;letter-spacing:.14em;color:var(--accent)}
#pdetail #sections .wh h2{font-size:24px;letter-spacing:-.02em;margin:4px 0 8px}
#pdetail #sections .wh-main>p{color:var(--ink);font-size:15px;word-break:keep-all}
#pdetail #sections .wh-main>p b{color:var(--text)}
#pdetail #sections .wh-steps{counter-reset:wh;display:grid;gap:6px;margin-top:14px}
#pdetail .wh-steps li{counter-increment:wh;position:relative;padding-left:32px;font-size:14px;color:var(--ink);word-break:keep-all}
#pdetail .wh-steps li::before{content:counter(wh);position:absolute;left:0;top:1px;width:22px;height:22px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;border:1px solid var(--line2);color:var(--accent)}
#pdetail .wh-side{display:grid;gap:10px;align-content:start}
#pdetail .wh-side .btn{justify-content:center}
#pdetail .faq{margin-top:28px;border:1px solid var(--line2);background:var(--card)}
#pdetail .faq header{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:14px 18px;border-bottom:1px solid var(--line)}
#pdetail .faq header b{font-size:17px}
#pdetail .faq header span{font-size:12.5px;color:var(--muted)}
#pdetail .faq details{border-top:1px solid var(--line)}
#pdetail .faq details:first-of-type{border-top:0}
#pdetail .faq summary{cursor:pointer;padding:13px 18px;font-weight:700;font-size:15px;list-style:none;display:flex;gap:10px}
#pdetail .faq summary::-webkit-details-marker{display:none}
#pdetail .faq summary::before{content:"Q";font-family:var(--mono);color:var(--accent)}
#pdetail .faq details[open] summary{color:var(--accent)}
#pdetail #sections .faq details p{padding:0 18px 14px 40px;font-size:14px;color:var(--ink);word-break:keep-all}
@media (max-width:899px){#pdetail .wh{grid-template-columns:1fr;padding:18px}}
#pdetail .loc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
#pdetail .loc-info{display:grid;border:1px solid var(--line2);background:var(--card)}
#pdetail .loc-info div{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:12px 18px;border-top:1px solid var(--line)}
#pdetail .loc-info div:first-child{border-top:0}
#pdetail .loc-info dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);padding-top:3px}
#pdetail .loc-info dd{font-size:15px;word-break:keep-all}
#pdetail .loc-info dd small{display:block;font-size:12.5px;color:var(--dim)}
#pdetail .loc-info a{color:var(--cyan)}
#pdetail .loc-map{display:grid;gap:12px}
#pdetail .loc-plan{border:1px solid var(--line2);background:
  linear-gradient(var(--pdc31) 1px,transparent 1px) 0 0/100% 20px,
  linear-gradient(90deg,var(--pdc31) 1px,transparent 1px) 0 0/20px 100%,var(--pdc5);aspect-ratio:16/9}
#pdetail .loc-plan svg{width:100%;height:100%;display:block}
#pdetail .loc-plan .r{stroke:var(--pdc6);stroke-width:10;fill:none;opacity:.35}
#pdetail .loc-plan .r2{stroke:var(--pdc6);stroke-width:4;fill:none;opacity:.25;stroke-dasharray:6 6}
#pdetail .loc-plan .b{fill:rgba(127,155,179,.12);stroke:var(--pdc6);stroke-width:1.2}
#pdetail .loc-plan .b.hot{fill:rgba(255,106,43,.25);stroke:var(--accent);stroke-width:1.6}
#pdetail .loc-plan .st{fill:var(--pdc1);stroke:var(--cyan);stroke-width:2.4}
#pdetail .loc-plan text{font-size:10px;fill:var(--muted);font-family:var(--sans)}
@media (max-width:899px){#pdetail .loc{grid-template-columns:1fr}}
#pdetail .chat-slot{border:1px solid var(--line2);background:var(--card);margin-bottom:8px}
#pdetail .chat-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:14px 18px;border-bottom:1px solid var(--line)}
#pdetail .chat-head .mono{color:var(--cyan);letter-spacing:.16em;font-size:10.5px}
#pdetail .chat-head b{font-size:17px}
#pdetail .chat-head span:last-child{flex-basis:100%;font-size:13px;color:var(--muted);word-break:keep-all}
#pdetail #sidd-chat{min-height:120px}
#pdetail #sidd-chat:empty{display:grid;place-items:center}
#pdetail #sidd-chat:empty::before{content:"상담 창 (준비 중)";font-size:13px;color:var(--dim)}
#pdetail .legal-body{max-width:860px;display:grid;gap:18px}
#pdetail .legal-status{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;border:1px dashed var(--line2);padding:14px 18px;font-size:14.5px;color:var(--ink)}
#pdetail .legal-status b{color:var(--accent)}
#pdetail #sections .legal-toc{counter-reset:lt;display:grid;border:1px solid var(--line2);background:var(--card)}
#pdetail .legal-toc li{counter-increment:lt;display:grid;grid-template-columns:40px 1fr;padding:11px 16px;border-top:1px solid var(--line);font-size:15px}
#pdetail .legal-toc li:first-child{border-top:0}
#pdetail .legal-toc li::before{content:counter(lt,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--accent);padding-top:3px}
@media (max-width:899px){#pdetail .ph{padding:calc(var(--nav-h) + 32px) 0 48px}}
#pdetail .prod-top{padding-bottom:40px}
#pdetail .prod-main{padding-top:64px}
#pdetail .prod-demo{border-top:1px solid var(--line);background:var(--bg)}
#pdetail .demo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 28px;padding-top:26px;padding-bottom:16px}
#pdetail .demo-head .mono{font-size:11px;letter-spacing:.14em;color:var(--accent)}
#pdetail .demo-head h2{margin:4px 0 4px;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;word-break:keep-all}
#pdetail .demo-head h2 em{font-style:normal;color:var(--cyan)}
#pdetail .demo-head p{margin:0;font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .demo-head .demo-pend{margin-top:8px;color:var(--pdc7)}
#pdetail .demo-pend b{display:inline-block;margin-right:8px;padding:1px 7px;border:1px solid var(--amber);color:var(--amber);font-size:11.5px}
#pdetail .demo-big{flex:none;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--line2);font-size:13.5px;font-weight:700;white-space:nowrap}
#pdetail .demo-big:hover{border-color:var(--accent);color:var(--accent)}
@media (min-width:900px) and (max-width:1199px){}
#pdetail .demo-wait{margin:34px 0;padding:30px 28px;border:1px dashed var(--line2);background:repeating-linear-gradient(135deg,var(--pdc32) 0 12px,transparent 12px 24px),var(--pdc8);display:grid;gap:8px;justify-items:start}
#pdetail .demo-wait .mono{font-size:11px;letter-spacing:.14em;color:var(--amber)}
#pdetail .demo-wait b{font-size:clamp(18px,1.8vw,22px);letter-spacing:-.01em;word-break:keep-all}
#pdetail .demo-wait p{margin:0;max-width:62ch;color:var(--muted);font-size:14px;word-break:keep-all}
@media (max-width:899px){#pdetail .demo-head{flex-direction:column;align-items:flex-start}
#pdetail .prod-main{padding-top:48px}}
@media (max-width:640px){#pdetail .demo-wait{padding:22px 18px}}

#pdetail #sections{
  --s-none:var(--pdc9); --s-run:var(--pdc10); --s-done:var(--pdc11);
  --ink:var(--pdc4); --card:var(--pdc3); --card2:var(--pdc12);
  position:relative;
  background:
    linear-gradient(var(--pdc33) 1px,transparent 1px) 0 0/100% 96px,
    linear-gradient(90deg,var(--pdc33) 1px,transparent 1px) 0 0/96px 100%,
    var(--bg);
}
#pdetail #sections h2,#pdetail #sections h3,#pdetail #sections h4,#pdetail #sections p,#pdetail #sections ul,#pdetail #sections ol,#pdetail #sections dl,#pdetail #sections dd{margin:0}
#pdetail #sections ul,#pdetail #sections ol{padding:0;list-style:none}
#pdetail #sections sup{font-size:.7em;line-height:0}
#pdetail #sections :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
#pdetail .wrap{max-width:1320px;margin:0 auto;padding:0 24px}
#pdetail .sec{position:relative;padding:104px 0 96px;border-top:1px solid var(--line)}
#pdetail .sec:first-child{border-top:0}
#pdetail .sec:nth-child(even){background:linear-gradient(180deg,var(--pdc34),var(--pdc35))}
#pdetail .sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:48px;row-gap:26px;align-items:end;margin-bottom:48px}
#pdetail .sec-task{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--dim)}
#pdetail .sec-no{color:var(--accent);font-weight:700;font-size:13px}
#pdetail .sec-code{color:var(--muted)}
#pdetail .sec-track{position:relative;height:7px;background:repeating-linear-gradient(90deg,transparent 0 calc(2.5% - 1px),var(--line) calc(2.5% - 1px) 2.5%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#pdetail .sec-track b{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:var(--accent);opacity:.9}
#pdetail .sec-track b::after{content:"";position:absolute;right:-1px;top:-5px;bottom:-5px;width:1px;background:var(--accent);box-shadow:0 0 8px var(--accent)}
#pdetail .sec-state{min-width:42px;text-align:right;font-variant-numeric:tabular-nums}
#pdetail .sec.is-run .sec-state{color:var(--accent)}
#pdetail .sec.is-done .sec-state{color:var(--ok)}
#pdetail .sec.is-done .sec-track b{background:var(--cyan);opacity:.55}
#pdetail .sec.is-done .sec-track b::after{display:none}
#pdetail .sec-head h2{font-size:clamp(28px,3.3vw,46px);line-height:1.16;letter-spacing:-.03em;font-weight:800;word-break:keep-all}
#pdetail .sec-head h2 em{font-style:normal;color:var(--accent)}
#pdetail .sec-lead{color:var(--pdc0);font-size:16px;word-break:keep-all;padding-bottom:6px}
#pdetail .reveal-ready [data-reveal]{opacity:var(--rv,0);transform:translateY(calc((1 - var(--rv,0)) * 18px))}
#pdetail .reveal-ready [data-reveal].in{opacity:1;transform:none}
#pdetail .arr{display:inline-block;position:relative;width:18px;height:8px;flex:none}
#pdetail .arr::before{content:"";position:absolute;left:0;right:2px;top:3.5px;height:1px;background:currentColor}
#pdetail .arr::after{content:"";position:absolute;right:0;top:1px;border:3px solid transparent;border-left:5px solid currentColor;border-right:0}
#pdetail .tri{display:inline-block;border:5px solid transparent;border-left:8px solid currentColor;border-right:0;margin-right:8px}
#pdetail .ag{background:var(--pdc13);border:1px solid var(--line2);box-shadow:0 30px 80px -40px rgba(56,214,255,.25),inset 0 2px 0 var(--accent)}
#pdetail .ag-bar{display:flex;align-items:center;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--pdc14);flex-wrap:wrap}
#pdetail .ag-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;letter-spacing:-.01em}
#pdetail .ag-brand i{width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}
#pdetail .ag-crumb{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}
#pdetail .ag-crumb b{color:var(--dim);font-weight:400;margin:0 4px}
#pdetail .ag-scrub{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--muted)}
#pdetail .ag-scrub input{width:190px;height:18px;margin:0;background:transparent;accent-color:var(--accent);cursor:ew-resize}
#pdetail .ag-week{min-width:52px;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}
#pdetail .ag-replay{font-family:var(--mono);font-size:11px;border:1px solid var(--line2);padding:4px 10px;color:var(--ink)}
#pdetail .ag-replay:hover{border-color:var(--text)}
#pdetail .ag-grid{display:grid;gap:1px;background:var(--line);grid-template-columns:250px minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);
  grid-template-areas:"kpi kpi kpi kpi" "wbs model gantt gantt" "wbs qty evms dens"}
#pdetail .ag-kpis{grid-area:kpi;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:1px;background:var(--line)}
#pdetail .ag-kpi{background:var(--card);padding:12px 14px;display:grid;gap:2px;min-width:0}
#pdetail .ag-kpi-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted)}
#pdetail .ag-kpi-val{font-family:var(--mono);font-weight:700;font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}
#pdetail .ag-kpi-val small{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px;letter-spacing:0}
#pdetail .ag-kpi-val.accent{color:var(--accent)}
#pdetail .ag-kpi-val.t-ok{color:var(--s-done)}
#pdetail .ag-kpi-val.t-mid{color:var(--s-run)}
#pdetail .ag-kpi-val.t-bad{color:#ef4444}
#pdetail .ag-kpi-sub{font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pdetail .ag-kpi-sub b{font-family:var(--mono);font-weight:500;color:var(--muted)}
#pdetail .ag-p{background:var(--card);padding:12px 14px 14px;min-width:0;transition:opacity .25s,box-shadow .25s}
#pdetail .ag-wbs{grid-area:wbs}
#pdetail .ag-model{grid-area:model}
#pdetail .ag-gantt{grid-area:gantt}
#pdetail .ag-qty{grid-area:qty}
#pdetail .ag-evms{grid-area:evms}
#pdetail .ag-dens{grid-area:dens}
#pdetail .ag-p-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:12.5px;font-weight:700}
#pdetail .ag-p-tag{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--muted);letter-spacing:.04em;display:flex;align-items:center;gap:5px;white-space:nowrap}
#pdetail .ag-p-tag i,#pdetail .ag-p-foot i{display:inline-block;width:12px;height:3px;margin-left:5px}
#pdetail .ag-grid.dim .ag-p:not(.k-on){opacity:.28}
#pdetail .ag-p.k-on{box-shadow:inset 0 0 0 1px var(--accent)}
#pdetail .ag-check{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding-bottom:8px;margin-bottom:6px;border-bottom:1px dashed var(--line2)}
#pdetail .ag-check i{width:11px;height:11px;border:1px solid var(--line2)}
#pdetail .ag-tree li{display:flex;align-items:center;gap:6px;height:23px;font-size:12.5px;color:var(--ink);padding-left:calc(var(--lv,0) * 14px);border-left:2px solid transparent;white-space:nowrap}
#pdetail .ag-tree .tw{width:8px;font-family:var(--mono);font-size:9px;color:var(--dim);flex:none}
#pdetail .ag-tree .bx{width:10px;height:10px;border:1px solid var(--line2);flex:none;position:relative}
#pdetail .ag-tree .bx.on{border-color:var(--cyan);background:rgba(56,214,255,.18)}
#pdetail .ag-tree .bx.on::after{content:"";position:absolute;left:2.5px;top:0;width:3px;height:6px;border:solid var(--cyan);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
#pdetail .ag-tree .nm{overflow:hidden;text-overflow:ellipsis}
#pdetail .ag-tree li.leaf{height:auto;min-height:23px;white-space:normal}
#pdetail .ag-tree li.leaf .nm{line-height:1.3;padding:2px 0;word-break:keep-all}
#pdetail .ag-tree em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--dim)}
#pdetail .ag-tree .dot{width:7px;height:7px;border-radius:50%;background:var(--s-none);flex:none;margin-left:auto}
#pdetail .ag-tree li.grp{color:var(--muted);font-size:11.5px}
#pdetail .ag-tree li.leaf{color:var(--muted);font-size:12px}
#pdetail [data-s="1"] .dot{background:var(--s-run);box-shadow:0 0 6px var(--s-run)}
#pdetail [data-s="2"] .dot{background:var(--s-done)}
#pdetail .ag-tree li.hl,#pdetail .ag-g-row.hl,#pdetail .ag-q-row.hl{background:rgba(56,214,255,.09);border-left-color:var(--cyan)}
#pdetail .ag-iso{display:block;width:100%;height:auto;max-height:270px}
#pdetail .ag-iso .fl{color:var(--s-none);cursor:default}
#pdetail .ag-iso .fl[data-s="1"]{color:var(--s-run)}
#pdetail .ag-iso .fl[data-s="2"]{color:var(--s-done)}
#pdetail .ag-iso polygon{fill:currentColor;stroke:currentColor;stroke-width:.8;stroke-linejoin:round}
#pdetail .ag-iso .top{fill-opacity:.42}
#pdetail .ag-iso .lf{fill-opacity:.26}
#pdetail .ag-iso .rt{fill-opacity:.14}
#pdetail .ag-iso .fl[data-s="0"] polygon{fill-opacity:.06;stroke-opacity:.7}
#pdetail .ag-iso .fl[data-s="1"] .top{fill-opacity:.7}
#pdetail .ag-iso .fl.hl polygon{stroke:var(--cyan);stroke-width:1.4}
#pdetail .ag-iso text{font-family:var(--mono);font-size:9px;fill:var(--muted)}
#pdetail .ag-iso .fl.hl text,#pdetail .ag-iso .fl[data-s="1"] text{fill:var(--text)}
#pdetail .ag-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin-top:6px!important;flex-wrap:wrap}
#pdetail .ag-legend i{display:inline-block;width:9px;height:9px;margin-right:6px;vertical-align:-1px}
#pdetail .s-none{background:var(--s-none)}
#pdetail .s-run{background:var(--s-run)}
#pdetail .s-done{background:var(--s-done)}
#pdetail .lg-plan{background:transparent;border-top:1px solid var(--pdc15);height:0!important}
#pdetail .lg-act{background:var(--s-done)}
#pdetail .ag-g{position:relative;display:grid;gap:1px;--gl:64px;--gr:46px}
#pdetail .ag-g-row{display:grid;grid-template-columns:56px 1fr 38px;gap:8px;align-items:center;font-size:12px;color:var(--ink);height:22px;border-left:2px solid transparent}
#pdetail .ag-g-row .nm{font-family:var(--mono);font-size:11px;padding-left:4px}
#pdetail .ag-g-row .tr{position:relative;height:14px;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),var(--pdc36) calc(12.5% - 1px) 12.5%)}
#pdetail .ag-g-row .pl{position:absolute;top:1px;height:3px;border:1px solid var(--pdc15);border-bottom:0;opacity:.8}
#pdetail .ag-g-row .ac{position:absolute;top:6px;height:7px;background:var(--pdc16);outline:1px solid var(--line2)}
#pdetail .ag-g-row .ac b{display:block;height:100%;width:0;background:var(--s-none)}
#pdetail .ag-g-row[data-s="1"] .ac b{background:var(--s-run)}
#pdetail .ag-g-row[data-s="2"] .ac b{background:var(--s-done)}
#pdetail .ag-g-row .pc{font-family:var(--mono);font-size:10.5px;text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}
#pdetail .ag-g-row[data-s="1"] .pc{color:var(--s-run)}
#pdetail .ag-g-row[data-s="2"] .pc{color:var(--s-done)}
#pdetail .ag-g-now{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--accent);box-shadow:0 0 8px var(--accent);left:calc(var(--gl) + (100% - var(--gl) - var(--gr)) * var(--t,0));pointer-events:none}
#pdetail .ag-g-now::before{content:"기준일";position:absolute;top:-13px;left:-16px;font-family:var(--mono);font-size:9px;color:var(--accent);white-space:nowrap}
#pdetail .ag-g-axis{display:flex;justify-content:space-between;margin:6px 46px 0 64px;font-family:var(--mono);font-size:9.5px;color:var(--dim)}
#pdetail .ag-gantt .ag-p-head{margin-bottom:18px}
#pdetail .ag-q{display:grid;gap:2px}
#pdetail .ag-q-row{display:grid;grid-template-columns:26px 1fr 34px;gap:8px;align-items:center;height:17px;border-left:2px solid transparent}
#pdetail .ag-q-row .nm{font-family:var(--mono);font-size:10.5px;color:var(--muted);padding-left:3px}
#pdetail .ag-q-row .tr{position:relative;height:9px}
#pdetail .ag-q-row .bar{position:absolute;left:0;top:0;bottom:0;background:var(--pdc17);outline:1px solid var(--line2);transform-origin:left}
#pdetail .ag-q-row .bar b{display:block;height:100%;background:var(--cyan);opacity:.85}
#pdetail .ag-q-row .tick{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--amber)}
#pdetail .ag-q-row .v{font-family:var(--mono);font-size:10.5px;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
#pdetail .ag-p-foot{margin-top:10px!important;font-size:10.5px;color:var(--dim);display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}
#pdetail .ag-p-foot i{margin:0 4px 0 0}
#pdetail .lg-bar{background:var(--pdc18)}
#pdetail .lg-tick{background:var(--amber);width:2px!important;height:9px!important}
#pdetail .lg-fill{background:var(--cyan)}
#pdetail .ag-s{display:block;width:100%;height:auto}
#pdetail .ag-s .ax{stroke:var(--line2);stroke-width:1;fill:none}
#pdetail .ag-s .gr{stroke:var(--line);stroke-width:1;stroke-dasharray:2 3}
#pdetail .ag-s text{font-family:var(--mono);font-size:8px;fill:var(--dim)}
#pdetail .ag-s .pv{fill:none;stroke:var(--pdc15);stroke-width:1.4;stroke-dasharray:4 3}
#pdetail .ag-s .ev{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round}
#pdetail .ag-s .ac{fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linejoin:round}
#pdetail .ag-s .ev-area{fill:var(--accent);opacity:.1}
#pdetail .ag-s .now{stroke:var(--accent);stroke-width:1;opacity:.6}
#pdetail .ag-s .pt{fill:var(--accent)}
#pdetail .ag-s .pt2{fill:var(--pdc15)}
#pdetail .ag-s .gap{fill:var(--text);font-size:8.5px}
#pdetail .lg-pv{border-top:1px dashed var(--pdc15);height:0!important}
#pdetail .lg-ev{background:var(--accent)}
#pdetail .lg-ac{background:var(--cyan)}
#pdetail .ag-h{display:grid;grid-template-columns:26px repeat(4,1fr);gap:2px;font-family:var(--mono);font-size:10px}
#pdetail .ag-h .hd{color:var(--dim);text-align:center;padding-bottom:3px;font-family:var(--sans);font-size:11px}
#pdetail .ag-h .rw{color:var(--muted);align-self:center}
#pdetail .ag-h .c{height:22px;display:grid;place-items:center;color:var(--pdc19);font-weight:700;background:var(--c)}
#pdetail .ag-h-scale{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10.5px;color:var(--dim)}
#pdetail .ag-h-scale i{flex:1;height:5px;background:linear-gradient(90deg,var(--pdc20),var(--pdc21),var(--pdc10),#EF4444)}
#pdetail .ag-note{padding:9px 14px;font-size:11.5px;color:var(--dim);border-top:1px dashed var(--line2)}
#pdetail .feat{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px!important;border-top:1px solid var(--line2);border-left:1px solid var(--line)}
#pdetail .feat li{position:relative;padding:18px 18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--pdc37);transition:background .2s;cursor:default}
#pdetail .feat li[data-k]::after{content:"";position:absolute;right:14px;top:22px;width:6px;height:6px;border-radius:50%;background:var(--line2);transition:background .2s,box-shadow .2s}
#pdetail .feat li:hover,#pdetail .feat li:focus-visible{background:var(--card2)}
#pdetail .feat li[data-k]:hover::after,#pdetail .feat li[data-k]:focus-visible::after{background:var(--accent);box-shadow:0 0 10px var(--accent)}
#pdetail .feat-no{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em}
#pdetail .feat h3{font-size:16px;margin:4px 0 6px!important;letter-spacing:-.01em}
#pdetail .feat p{font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .sol-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
#pdetail .sol-foot p{color:var(--ink);font-size:14.5px;word-break:keep-all}
#pdetail .sol-foot .mono{color:var(--cyan);margin-right:10px;letter-spacing:.16em;font-size:11px}
#pdetail .pj-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
#pdetail .pj{grid-column:span 2;display:flex;flex-direction:column;border:1px solid var(--line2);background:var(--card);transition:border-color .2s,transform .2s}
#pdetail .pj-wide{grid-column:span 4;flex-direction:row}
#pdetail .pj-wide .pj-fig{flex:1.15;border-bottom:0;border-right:1px solid var(--line)}
#pdetail .pj-wide .pj-body{flex:1}
#pdetail .pj:hover{border-color:var(--accent)}
#pdetail .pj[hidden],#pdetail .pj-sub[hidden],#pdetail .pj-none[hidden],#pdetail .pj-note[hidden]{display:none}
#pdetail .pj-fig{position:relative;background:
  linear-gradient(var(--pdc31) 1px,transparent 1px) 0 0/100% 20px,
  linear-gradient(90deg,var(--pdc31) 1px,transparent 1px) 0 0/20px 100%,var(--pdc5);border-bottom:1px solid var(--line);display:grid;place-items:center;padding:14px}
#pdetail .pj-fig svg{width:100%;height:auto;max-height:260px;fill:none;stroke:var(--pdc6);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;overflow:visible}
#pdetail .pj-fig .thin{stroke-width:.8;opacity:.75}
#pdetail .pj-fig .gnd{stroke:var(--dim);stroke-width:1}
#pdetail .pj-fig .gnd2{stroke:var(--pdc22);stroke-width:1.6}
#pdetail .pj-fig .hot{stroke:var(--accent)}
#pdetail .pj-fig .cy{stroke:var(--cyan)}
#pdetail .pj-fig .dash{stroke-dasharray:2 4;stroke-width:1.1}
#pdetail .pj-fig .cyd{stroke:var(--cyan);stroke-dasharray:5 4;stroke-width:1}
#pdetail .pj-fig .fillc{stroke:none}
#pdetail .pj-fig .cut{fill:rgba(255,59,92,.16)}
#pdetail .pj-fig .fil{fill:rgba(255,176,0,.18)}
#pdetail .pj-fig .t{font-family:var(--mono);font-size:9px;fill:var(--cyan);stroke:none}
#pdetail .pj-fig .dimt{fill:var(--muted);font-family:var(--sans);font-size:9.5px}
#pdetail .pj-fig .hot-t{fill:var(--pdc23);font-family:var(--sans)}
#pdetail .pj-fig .am-t{fill:var(--amber);font-family:var(--sans)}
#pdetail .reveal-ready .pj .dr{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--dv,0))}
#pdetail .reveal-ready .pj.in .dr{stroke-dasharray:none;stroke-dashoffset:0}
#pdetail .reveal-ready .pj .t,#pdetail .reveal-ready .pj .dash,#pdetail .reveal-ready .pj .fillc{opacity:var(--dv,0)}
#pdetail .reveal-ready .pj.in .t,#pdetail .reveal-ready .pj.in .dash,#pdetail .reveal-ready .pj.in .fillc{opacity:1}
#pdetail .pj:hover .pj-fig .hot{filter:drop-shadow(0 0 4px var(--accent))}
#pdetail .pj-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
#pdetail .pj-tag{display:flex;flex-wrap:wrap;gap:6px}
#pdetail .pj-tag span{font-family:var(--mono);font-size:10.5px;border:1px solid var(--line2);padding:1px 7px;color:var(--ink)}
#pdetail .pj-tag span:first-child{background:var(--cyan);border-color:var(--cyan);color:var(--pdc1);font-weight:700;font-family:var(--sans);font-size:11px}
#pdetail .pj h3{font-size:20px;letter-spacing:-.02em;line-height:1.3;word-break:keep-all}
#pdetail .pj-body>p:not(.pj-tag){color:var(--muted);font-size:14px;word-break:keep-all}
#pdetail .pj-scope{display:grid;gap:5px;margin:4px 0 8px!important;padding-top:12px!important;border-top:1px dashed var(--line2)}
#pdetail .pj-scope li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink);word-break:keep-all}
#pdetail .pj-scope li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--accent)}
#pdetail .pj-go{margin-top:auto;align-self:flex-start}
#pdetail .pj-go:hover{border-color:var(--accent);color:var(--accent)}
#pdetail .pj-cta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 32px;padding:28px;border-style:dashed;background:linear-gradient(135deg,rgba(255,106,43,.1),transparent 55%),var(--card)}
#pdetail .pj-cta .mono{color:var(--accent);letter-spacing:.16em;font-size:11px}
#pdetail .pj-cta h3{font-size:24px;flex:none}
#pdetail .pj-cta .mono{width:100%}
#pdetail .pj-cta p:not(.mono){color:var(--muted);font-size:14px;word-break:keep-all;flex:1;min-width:260px}
#pdetail .pj-cta .btn{flex:none}
#pdetail .pband{border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(56,214,255,.07),transparent 55%),var(--pdc24)}
#pdetail .pband-in{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
#pdetail .pband .mono{color:var(--cyan);letter-spacing:.16em;font-size:11px}
#pdetail .pband p:not(.mono){flex:1;min-width:260px;color:var(--ink);font-size:15px;word-break:keep-all}
#pdetail .pband p b{color:var(--text)}
#pdetail .pband .btn{flex:none}
#pdetail .pband .btn:hover{border-color:var(--cyan);color:var(--cyan)}
#pdetail .pj-filter{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:24px;padding:10px 12px;border:1px solid var(--line2);background:var(--card)}
#pdetail .pj-filter-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--muted)}
#pdetail .pj-fbtns{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
#pdetail .pj-fbtns button{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line2);font-size:13.5px;font-weight:700;color:var(--muted);background:var(--pdc2);transition:color .15s,border-color .15s,background .15s}
#pdetail .pj-fbtns button i{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--dim)}
#pdetail .pj-fbtns button:hover{color:var(--text);border-color:var(--muted)}
#pdetail .pj-fbtns button.on{color:var(--text);border-color:var(--accent);background:rgba(255,106,43,.1);box-shadow:inset 0 2px 0 var(--accent)}
#pdetail .pj-fbtns button.on i{color:var(--accent)}
#pdetail .pj-fside{display:flex;align-items:center;gap:16px;flex:none}
#pdetail .pj-only{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);cursor:pointer}
#pdetail .pj-only input{position:absolute;opacity:0;width:1px;height:1px}
#pdetail .pj-only input:checked+.ck{border-color:var(--cyan);background:var(--cyan)}
#pdetail .pj-only input:checked+.ck::after{content:"";position:absolute;left:4.5px;top:1px;width:4px;height:8px;border:solid var(--pdc1);border-width:0 2px 2px 0;transform:rotate(45deg)}
#pdetail .pj-only input:focus-visible+.ck{outline:2px solid var(--cyan);outline-offset:2px}
#pdetail .pj-count{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
#pdetail .pj-count b{color:var(--accent);font-size:15px}
#pdetail #sections .pj-sub{display:flex;align-items:center;gap:14px;margin:36px 0 16px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--muted)}
#pdetail #sections .pj-sub.first{margin-top:0}
#pdetail .pj-sub::after{content:"";flex:1;height:1px;background:var(--line2)}
#pdetail .pj-sub b{color:var(--cyan);font-weight:700}
#pdetail .pj-note{grid-column:span 2;border:1px dashed var(--line2);padding:20px;display:flex;flex-direction:column;gap:8px;background:var(--pdc30)}
#pdetail .pj-note .mono{color:var(--cyan);letter-spacing:.16em;font-size:10.5px}
#pdetail .pj-note p:not(.mono){font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .pj-none{border:1px dashed var(--line2);padding:28px;text-align:center;color:var(--dim);font-size:14px}
#pdetail .pj-mini{padding:18px 20px 20px;gap:10px}
#pdetail .pm-head{display:flex;align-items:center;gap:14px}
#pdetail .pm-ico{flex:none;width:76px;height:52px;display:grid;place-items:center;border:1px solid var(--line);background:
  linear-gradient(var(--pdc31) 1px,transparent 1px) 0 0/100% 13px,
  linear-gradient(90deg,var(--pdc31) 1px,transparent 1px) 0 0/13px 100%,var(--pdc5)}
#pdetail .pm-ico svg{width:68px;height:46px;fill:none;stroke:var(--pdc6);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
#pdetail .pm-ico .thin{stroke-width:.8;opacity:.75}
#pdetail .pm-ico .hot{stroke:var(--accent)}
#pdetail .pm-ico .cy{stroke:var(--cyan)}
#pdetail .pm-ico .fl{fill:rgba(255,106,43,.22);stroke:var(--accent)}
#pdetail .pj-mini:hover .pm-ico .hot{filter:drop-shadow(0 0 3px var(--accent))}
#pdetail .pj-mini h3{font-size:17.5px}
#pdetail .pj-mini>p:not(.pj-tag){color:var(--muted);font-size:13.5px;word-break:keep-all}
#pdetail .pm-spec{margin-top:auto!important;padding-top:10px;border-top:1px dashed var(--line2);display:grid;gap:4px}
#pdetail .pm-spec div{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:baseline}
#pdetail .pm-spec dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--dim)}
#pdetail .pm-spec dd{font-size:13px;color:var(--ink);word-break:keep-all}
#pdetail .pj-tag span.own:first-child{background:var(--amber);border-color:var(--amber)}
#pdetail .pj-tag span.trial:first-child{background:transparent;border-color:var(--muted);color:var(--muted)}
#pdetail .pr-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
#pdetail .pr-table{border:1px solid var(--line2);background:var(--card)}
#pdetail .pr-row{display:grid;grid-template-columns:52px 230px minmax(0,1fr) 150px;align-items:center;gap:0 14px;padding:13px 18px 13px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s;position:relative}
#pdetail .pr-row:last-child{border-bottom:0}
#pdetail .pr-headrow{cursor:default;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);background:var(--pdc2);padding-top:9px;padding-bottom:9px;border-bottom:1px solid var(--line2)}
#pdetail .pr-headrow span:first-child{text-align:center}
#pdetail .pr-row:not(.pr-headrow):hover{background:var(--card2)}
#pdetail .pr-row .num{text-align:right}
#pdetail .pr-row>span:first-child{display:grid;place-items:center}
#pdetail .pr-ck{position:absolute;opacity:0;width:1px;height:1px}
#pdetail .ck{width:16px;height:16px;border:1px solid var(--line2);position:relative;transition:border-color .15s,background .15s}
#pdetail .pr-ck:checked+.ck{border-color:var(--accent);background:var(--accent)}
#pdetail .pr-ck:checked+.ck::after{content:"";position:absolute;left:4.5px;top:1px;width:4px;height:8px;border:solid var(--pdc1);border-width:0 2px 2px 0;transform:rotate(45deg)}
#pdetail .pr-ck:focus-visible+.ck{outline:2px solid var(--cyan);outline-offset:2px}
#pdetail .pr-row:has(.pr-ck:checked){background:rgba(255,106,43,.07);box-shadow:inset 2px 0 0 var(--accent)}
#pdetail .pr-name{font-weight:800;font-size:16px;letter-spacing:-.01em}
#pdetail .pr-name em{display:block;font-style:normal;font-weight:400;font-size:12px;color:var(--muted)}
#pdetail .pr-desc{font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .pr-amt{font-family:var(--mono);font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
#pdetail .pr-amt small{font-family:var(--sans);font-weight:400;font-size:12px;color:var(--muted);margin-left:3px}
#pdetail .pr-bundles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
#pdetail .pr-b{border:1px solid var(--line2);background:var(--card);padding:20px;display:grid;gap:12px;box-shadow:inset 0 2px 0 var(--amber)}
#pdetail .pr-b header{display:grid;gap:2px}
#pdetail .pr-b .mono{font-size:10.5px;letter-spacing:.1em;color:var(--amber)}
#pdetail .pr-b h3{font-size:22px;letter-spacing:-.02em}
#pdetail .pr-b-parts{font-family:var(--mono);font-size:12px;color:var(--ink)}
#pdetail .pr-b-bars{display:grid;gap:5px}
#pdetail .pr-b-bars div{display:grid;grid-template-columns:58px 1fr 76px;gap:10px;align-items:center;font-size:11.5px;color:var(--muted)}
#pdetail .pr-b-bars i{height:8px;width:var(--w);background:var(--pdc18);transform-origin:left}
#pdetail .pr-b-bars .on i{background:var(--amber)}
#pdetail .pr-b-bars .on{color:var(--text)}
#pdetail .pr-b-bars b{font-family:var(--mono);font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
#pdetail .reveal-ready .pr-bundles .pr-b-bars i{transform:scaleX(var(--dv,0))}
#pdetail .reveal-ready .pr-bundles.in .pr-b-bars i{transform:none}
#pdetail .pr-b-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px}
#pdetail .pr-b-price b{font-family:var(--mono);font-size:28px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#pdetail .pr-b-price small{color:var(--muted);font-size:13px}
#pdetail .pr-b-price span{margin-left:auto;font-size:12.5px;color:var(--ok)}
#pdetail .pr-b-pick{justify-self:start;padding:8px 14px;font-size:13px;min-height:44px}
#pdetail .pr-b-pick:hover{border-color:var(--amber);color:var(--amber)}
#pdetail .pr-note{margin-top:16px!important;font-size:13px;color:var(--dim)}
#pdetail .pr-side{position:sticky;top:calc(var(--nav-h) + 20px);border:1px solid var(--line2);background:var(--pdc13);padding:16px 18px 18px;box-shadow:inset 0 2px 0 var(--accent)}
#pdetail .pr-side-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
#pdetail .pr-side-head .mono{font-size:10.5px;font-weight:400}
#pdetail .pr-sel{min-height:88px;padding:8px 0!important;display:grid;align-content:start}
#pdetail .pr-sel li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:5px 0;border-bottom:1px dashed var(--line);animation:selIn .25s ease both}
#pdetail .pr-sel li b{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
#pdetail .pr-sel .pr-empty{color:var(--dim);border:0;justify-content:center;padding:28px 0;animation:none}
@keyframes selIn{from{opacity:0;transform:translateX(-6px)}}
#pdetail .pr-sum{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--line2);font-size:13px;color:var(--muted)}
#pdetail .pr-sum div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#pdetail .pr-sum div[hidden]{display:none}
#pdetail .pr-sum b{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
#pdetail #pr-bundle-line{color:var(--ok)}
#pdetail #pr-bundle-line b{color:var(--ok)}
#pdetail .pr-total{color:var(--text)!important;margin-top:4px}
#pdetail .pr-total b{font-size:28px;font-weight:700!important;color:var(--accent)!important;letter-spacing:-.02em}
#pdetail .pr-total small{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--muted);margin-left:4px}
#pdetail .pr-hint{margin:12px 0 14px!important;font-size:12px;color:var(--dim);word-break:keep-all}
#pdetail .pr-ask{width:100%;justify-content:center}
#pdetail .hist{border:1px solid var(--line2);background:var(--card);padding:18px 20px 22px;--il:300px}
#pdetail .hist-head{display:grid;grid-template-columns:var(--il) 1fr;align-items:end;padding-bottom:8px;border-bottom:1px solid var(--line2)}
#pdetail .hist-axis{position:relative;height:16px;font-family:var(--mono);font-size:11px;color:var(--muted)}
#pdetail .hist-axis span{position:absolute;top:0;transform:translateX(-50%)}
#pdetail .hist-axis span:nth-child(1){left:0;transform:none}
#pdetail .hist-axis span:nth-child(2){left:25%}
#pdetail .hist-axis span:nth-child(3){left:50%}
#pdetail .hist-axis span:nth-child(4){left:75%}
#pdetail .hist-axis span:nth-child(5){left:auto;right:0;transform:none;color:var(--accent)}
#pdetail .hist-rows li{display:grid;grid-template-columns:var(--il) 1fr;align-items:center;border-bottom:1px solid var(--line);min-height:54px}
#pdetail .hist-info{display:flex;align-items:baseline;gap:14px;padding-right:16px}
#pdetail .hist-info time{font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:700;flex:none}
#pdetail .hist-info b{font-size:16px;letter-spacing:-.01em;word-break:keep-all}
#pdetail .hist-track{position:relative;height:54px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--line) calc(25% - 1px) 25%)}
#pdetail .hist-bar{position:absolute;left:var(--s);right:0;top:22px;height:10px;background:linear-gradient(90deg,var(--accent),rgba(255,106,43,.5) 60%,rgba(255,106,43,.12));transform-origin:left}
#pdetail .hist-bar::after{content:"";position:absolute;right:0;top:-4px;bottom:-4px;width:1px;background:var(--accent);opacity:.7}
#pdetail .hist-ms{position:absolute;left:var(--s);top:27px;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--bg);border:2px solid var(--accent);transform:rotate(45deg)}
#pdetail .reveal-ready .hist .hist-bar{transform:scaleX(clamp(0,calc(var(--dv,0) * 1.45 - var(--o,0)),1))}
#pdetail .reveal-ready .hist.in .hist-bar{transform:none}
#pdetail .hist-rows li:nth-child(2){--o:.15}
#pdetail .hist-rows li:nth-child(3){--o:.3}
#pdetail .hist-rows li:nth-child(4){--o:.45}
#pdetail .biz{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
#pdetail .biz article{border:1px solid var(--line2);background:var(--card);padding:22px 20px 24px;display:grid;gap:8px;align-content:start}
#pdetail .biz-no{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--pdc1);background:var(--accent);width:24px;height:24px;display:grid;place-items:center}
#pdetail .biz h3{font-size:19px;letter-spacing:-.02em;margin-top:6px!important}
#pdetail .biz p{font-size:14px;color:var(--muted);word-break:keep-all}
#pdetail .partner{margin-top:20px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;padding:22px 20px;border:1px solid var(--line2);background:var(--card);box-shadow:inset 2px 0 0 var(--cyan)}
#pdetail .partner .mono{color:var(--cyan);letter-spacing:.16em;font-size:10.5px}
#pdetail .partner h3{font-size:20px;letter-spacing:-.02em;margin:2px 0 4px!important;word-break:keep-all}
#pdetail .partner p{font-size:14px;color:var(--muted);word-break:keep-all}
#pdetail .partner-plat{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#pdetail .partner-plat li{font-family:var(--mono);font-size:12.5px;border:1px solid var(--line2);padding:6px 12px;color:var(--ink)}
#pdetail .ct-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
#pdetail .ct-form{border:1px solid var(--line2);background:var(--card);padding:22px 20px 24px;display:grid;gap:20px}
#pdetail .ct-types{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-width:0}
#pdetail .ct-types legend,#pdetail .ct-f>span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted);padding:0;margin-bottom:8px}
#pdetail .ct-types label{position:relative;cursor:pointer;min-width:0}
#pdetail .ct-types input{position:absolute;opacity:0;width:1px;height:1px}
#pdetail .ct-types label span{display:grid;gap:2px;height:100%;padding:12px 12px 13px;border:1px solid var(--line2);background:var(--pdc2);transition:border-color .15s,background .15s}
#pdetail .ct-types b{font-size:15px;word-break:keep-all}
#pdetail .ct-types small{font-size:11.5px;color:var(--muted);word-break:keep-all}
#pdetail .ct-types label:hover span{border-color:var(--muted)}
#pdetail .ct-types input:checked+span{border-color:var(--accent);background:rgba(255,106,43,.1);box-shadow:inset 0 2px 0 var(--accent)}
#pdetail .ct-types input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}
#pdetail .ct-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#pdetail .ct-f{display:grid;min-width:0}
#pdetail .ct-wide{grid-column:1/-1}
#pdetail .ct-f input,#pdetail .ct-f textarea{font:inherit;font-size:15px;color:var(--text);background:var(--pdc2);border:1px solid var(--line2);padding:10px 12px;border-radius:0;width:100%;min-width:0;resize:vertical}
#pdetail .ct-f input::placeholder,#pdetail .ct-f textarea::placeholder{color:var(--dim)}
#pdetail .ct-f input:focus,#pdetail .ct-f textarea:focus{outline:0;border-color:var(--cyan)}
#pdetail .ct-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#pdetail .ct-actions .btn{padding:12px 22px;font-size:15px}
#pdetail .ct-status{flex:1;min-width:220px;font-size:13.5px;color:var(--amber);border-left:2px solid var(--amber);padding:4px 0 4px 12px;animation:selIn .3s ease both}
#pdetail .ct-block{border:1px solid var(--line2);background:var(--pdc13)}
#pdetail .ct-block-title{display:grid;gap:2px;padding:18px 18px 16px;border-bottom:1px solid var(--line2)}
#pdetail .ct-block-title .mono{font-size:10px;letter-spacing:.2em;color:var(--dim)}
#pdetail .ct-block-title b{font-size:22px;letter-spacing:-.02em}
#pdetail .ct-block-title small{font-family:var(--mono);font-size:11px;color:var(--cyan);letter-spacing:.06em}
#pdetail .ct-block dl{display:grid;grid-template-columns:1fr 1fr}
#pdetail .ct-block dl div{padding:12px 18px 13px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:0}
#pdetail .ct-block dl div:nth-child(3),#pdetail .ct-block dl .ct-wide{border-right:0}
#pdetail .ct-block dl div:last-child{border-bottom:0}
#pdetail .ct-block dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin-bottom:2px}
#pdetail .ct-block dd{font-size:15px;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}
#pdetail .ct-block dd a{border-bottom:1px solid var(--line2)}
#pdetail .ct-block dd a:hover{color:var(--accent);border-color:var(--accent)}
@media (max-width:1180px){#pdetail .ag-grid{grid-template-columns:230px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"kpi kpi kpi" "wbs model gantt" "wbs qty evms" "dens dens dens"}
#pdetail .ag-kpis{grid-template-columns:repeat(5,1fr)}
#pdetail .ag-h{max-width:520px}
#pdetail .pr-layout{grid-template-columns:minmax(0,1fr) 300px}
#pdetail .pr-row{grid-template-columns:48px 190px minmax(0,1fr) 130px}
#pdetail .pj{grid-column:span 3}
#pdetail .pj-wide,#pdetail .pj-cta{grid-column:span 6}
#pdetail .hist{--il:260px}
#pdetail .pj-note{grid-column:span 3}
#pdetail .cap-row{grid-template-columns:160px minmax(0,1.3fr) minmax(0,1fr) 96px}
#pdetail .proc-chart{--gl:186px}}
@media (max-width:899px){#pdetail .wrap{padding:0 16px}
#pdetail .sec{padding:72px 0 64px}
#pdetail .sec-head{grid-template-columns:1fr;row-gap:16px;margin-bottom:32px}
#pdetail .sec-lead{font-size:15px}
#pdetail .ag-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"kpi kpi" "wbs model" "gantt gantt" "qty evms" "dens dens"}
#pdetail .ag-kpis{grid-template-columns:repeat(4,1fr)}
#pdetail .ag-kpi:first-child{grid-column:1/-1}
#pdetail .ag-scrub{margin-left:0;order:3;width:100%}
#pdetail .ag-scrub input{flex:1;width:auto}
#pdetail .ag-replay{margin-left:auto}
#pdetail .feat{grid-template-columns:1fr 1fr}
#pdetail .flow-step{padding:16px 10px 14px}
#pdetail .flow-name{font-size:14px}
#pdetail .flow-prod{font-size:10px}
#pdetail .flow-detail{grid-template-columns:1fr;gap:20px;padding:20px 16px 22px}
#pdetail .pd-lanes,#pdetail .bd,#pdetail .pr-bundles,#pdetail .biz,#pdetail .ct-layout,#pdetail .partner{grid-template-columns:1fr}
#pdetail .partner-plat{justify-content:flex-start}
#pdetail .pd-agens{flex-direction:column;align-items:flex-start}
#pdetail .pj-wide{flex-direction:column}
#pdetail .pj-wide .pj-fig{border-right:0;border-bottom:1px solid var(--line)}
#pdetail .pr-layout{grid-template-columns:1fr}
#pdetail .pr-side{position:static}
#pdetail .hist{--il:1fr;padding:14px 14px 16px}
#pdetail .hist-head{grid-template-columns:1fr;gap:10px}
#pdetail .hist-rows li{grid-template-columns:1fr;padding-top:12px}
#pdetail .hist-track{height:30px}
#pdetail .hist-bar{top:10px}
#pdetail .hist-ms{top:15px}
#pdetail .cap-top,#pdetail .proc{grid-template-columns:1fr}
#pdetail .pj-fside{width:100%;justify-content:space-between}}
@media (max-width:640px){#pdetail .sec-task{gap:10px;letter-spacing:.1em}
#pdetail .ag-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"kpi" "model" "gantt" "wbs" "evms" "qty" "dens"}
#pdetail .ag-kpis{grid-template-columns:1fr 1fr}
#pdetail .ag-kpi-val{font-size:22px}
#pdetail .ag-crumb{display:none}
#pdetail .ag-iso{max-height:240px}
#pdetail .feat{grid-template-columns:1fr}
#pdetail .flow-line{grid-template-columns:repeat(3,1fr)}
#pdetail .flow-step:nth-of-type(-n+3){border-bottom:1px solid var(--line)}
#pdetail .flow-step:nth-of-type(3n){border-right:0}
#pdetail .flow-rail{display:none}
#pdetail .flow-step{padding:14px 6px 12px;justify-items:center;text-align:center}
#pdetail .flow-step svg{width:44px;height:30px;margin:4px 0}
#pdetail .flow-name{font-size:12px;line-height:1.3}
#pdetail .flow-prod{display:none}
#pdetail .flow-step::after{display:none}
#pdetail .flow-detail{min-height:0}
#pdetail .pd-lane{grid-template-columns:1fr;grid-template-rows:none}
#pdetail .pd{border-right:0}
#pdetail .pd:nth-last-of-type(2){border-bottom:1px solid var(--line)}
#pdetail .pj,#pdetail .pj-wide{grid-column:1/-1}
#pdetail .pr-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"ck name amt" "ck desc desc";row-gap:2px;padding-right:14px}
#pdetail .pr-row>span:nth-child(1){grid-area:ck}
#pdetail .pr-row>span:nth-child(2){grid-area:name}
#pdetail .pr-row>span:nth-child(3){grid-area:desc}
#pdetail .pr-row>span:nth-child(4){grid-area:amt}
#pdetail .pr-headrow{display:none}
#pdetail .pr-name{font-size:15px}
#pdetail .pr-amt{font-size:15px}
#pdetail .pr-desc{font-size:13px}
#pdetail .pr-b-price span{margin-left:0;width:100%}
#pdetail .ct-types{grid-template-columns:1fr 1fr}
#pdetail .ct-fields{grid-template-columns:1fr}
#pdetail .ct-f{grid-column:1/-1}
#pdetail .hist-info{gap:10px}
#pdetail .hist-info b{font-size:15px}
#pdetail .pj-note{grid-column:1/-1}
#pdetail .pj-fbtns button{padding:6px 9px;font-size:13px}
#pdetail .pj-filter-label{width:100%}
#pdetail .cap-stats{grid-template-columns:1fr 1fr}
#pdetail .cap-bars li{grid-template-columns:minmax(0,118px) 1fr 22px}
#pdetail .cap-row{grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px}
#pdetail .cap-row .wk,#pdetail .cap-row .vr{grid-column:1/-1}
#pdetail .cap-row .ct{grid-row:1;grid-column:2}
#pdetail .cap-headrow{display:none}
#pdetail .proc-chart{--gl:128px;--gr:40px;padding:12px 10px 14px}
#pdetail .proc-row{grid-template-columns:22px calc(var(--gl) - 24px) 1fr var(--gr)}
#pdetail .proc-name{font-size:13px;white-space:normal;line-height:1.25}
#pdetail .proc-name small{display:block;margin:0}
#pdetail .proc-no{padding-left:2px}
#pdetail .proc-ms-t{display:none}
#pdetail .proc-head .proc-axis span:nth-child(2){display:none}}
@media (prefers-reduced-motion:reduce){#pdetail .pr-sel li,#pdetail .ct-status,#pdetail .flow-detail.swap .flow-d-main,#pdetail .flow-detail.swap .flow-d-io{animation:none}
#pdetail .flow-rail b,#pdetail .ag-p{transition:none}
#pdetail .proc-detail.swap>*{animation:none}}
#pdetail .pj-grid{grid-auto-flow:dense}
#pdetail .pj-grid[hidden]{display:none}
#pdetail .pj-img{margin:0;aspect-ratio:16/9;padding:12px 14px;overflow:hidden}
#pdetail .pj-img>svg{width:100%;height:100%;max-height:none}
#pdetail .pj-img.is-ico .pm-ico{width:auto;height:auto;border:0;background:none}
#pdetail .pj-img.is-ico .pm-ico svg{width:136px;height:91px;stroke-width:.9;opacity:.9}
#pdetail .pj:hover .pj-img.is-ico .hot{filter:drop-shadow(0 0 3px var(--accent))}
#pdetail .pj-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
#pdetail .pj-img.has-img img{opacity:1}
#pdetail .pj-img.has-img>svg,#pdetail .pj-img.has-img .pm-ico,#pdetail .pj-img.has-img .pj-ph{display:none}
#pdetail .pj-ph{position:absolute;right:10px;bottom:8px;font-size:11px;color:var(--dim);border:1px dashed var(--line2);padding:1px 8px;background:var(--pdc38)}
#pdetail .pj-img+.pj-body h3{font-size:18.5px}
#pdetail .pj-keys{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}
#pdetail .pj-keys li{font-size:12.5px;color:var(--ink);padding:2px 8px;border:1px solid var(--line);background:var(--pdc2);word-break:keep-all}
#pdetail .pj-body .pj-go{margin-top:auto}

#pdetail .ph{position:relative;padding:calc(var(--nav-h) + 56px) 0 64px;border-bottom:1px solid var(--line);overflow:hidden;background:
  radial-gradient(900px 420px at 88% -10%,rgba(56,214,255,.10),transparent 70%),
  radial-gradient(700px 380px at -5% 110%,rgba(255,106,43,.10),transparent 70%),
  linear-gradient(var(--pdc39) 1px,transparent 1px) 0 0/100% 48px,
  linear-gradient(90deg,var(--pdc39) 1px,transparent 1px) 0 0/48px 100%,var(--bg)}
#pdetail .ph-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
#pdetail .ph-copy{padding-top:8px}
#pdetail .ph h1{font-size:clamp(32px,3.6vw,52px)}
#pdetail .ph .lead{max-width:34em;word-break:keep-all}
#pdetail .ph-slogan{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted);margin:0 0 22px}
#pdetail .ph-slogan b{color:var(--text);font-family:var(--sans);font-size:14px;letter-spacing:0;margin-right:10px}
#pdetail .ph-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line2)}
#pdetail .ph-points li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);align-items:baseline}
#pdetail .ph-points b{font-size:14.5px;display:flex;align-items:center;gap:9px}
#pdetail .ph-points b::before{content:"";width:7px;height:7px;background:var(--accent);transform:rotate(45deg);flex:none}
#pdetail .ph-points span{font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .ph .cta-row{margin-top:26px}
#pdetail .lu{border:1px solid var(--line2);background:var(--pdc40);box-shadow:inset 0 2px 0 var(--accent),0 30px 80px -50px rgba(56,214,255,.35)}
#pdetail .lu-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line2)}
#pdetail .lu-head b{font-size:15px;letter-spacing:-.01em}
#pdetail .lu-head span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted)}
#pdetail .lu-row{display:grid;grid-template-columns:34px 178px minmax(0,1fr) 104px 18px;gap:0 12px;align-items:center;padding:11px 14px 11px 12px;border-bottom:1px solid var(--line);transition:background .15s}
#pdetail .lu-row:last-child{border-bottom:0}
#pdetail .lu-no{font-family:var(--mono);font-size:11px;color:var(--dim);text-align:center}
#pdetail .lu-name{font-weight:800;font-size:15.5px;letter-spacing:-.01em;white-space:nowrap}
#pdetail .lu-desc{font-size:13px;color:var(--muted);word-break:keep-all;line-height:1.45}
#pdetail .lu-price{font-family:var(--mono);font-weight:700;font-size:14px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#pdetail .lu-go{color:var(--dim);transition:transform .15s,color .15s}
#pdetail .lu-cap{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);background:var(--pdc2);padding:7px 14px;border-bottom:1px solid var(--line)}
#pdetail .lu-row.bd .lu-name{color:var(--amber)}
#pdetail .lu-row.bd .lu-no{color:var(--amber)}
#pdetail .lu-foot{padding:10px 16px;border-top:1px solid var(--line2);font-size:12px;color:var(--dim);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
#pdetail .ps{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
#pdetail .ps-spec{position:sticky;top:calc(var(--nav-h) + 20px);border:1px solid var(--line2);background:var(--pdc13);box-shadow:inset 0 2px 0 var(--accent)}
#pdetail .ps-spec-title{padding:16px 16px 14px;border-bottom:1px solid var(--line2);display:grid;gap:3px}
#pdetail .ps-spec-title .mono{font-size:10px;letter-spacing:.2em;color:var(--dim)}
#pdetail .ps-spec-title b{font-size:23px;letter-spacing:-.02em;line-height:1.2}
#pdetail .ps-spec-title small{font-size:12.5px;color:var(--cyan);word-break:keep-all}
#pdetail .ps-spec dl{display:grid}
#pdetail .ps-spec dl div{padding:11px 16px 12px;border-bottom:1px solid var(--line)}
#pdetail .ps-spec dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin-bottom:3px}
#pdetail .ps-spec dd{font-size:13.5px;color:var(--ink,var(--pdc4));word-break:keep-all;line-height:1.5}
#pdetail .ps-spec dd.price{font-family:var(--mono);font-weight:700;font-size:22px;color:var(--text);letter-spacing:-.02em}
#pdetail .ps-spec dd.price small{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--muted);margin-left:5px;letter-spacing:0}
#pdetail .ps-acts{display:grid;gap:8px;padding:14px 16px 16px}
#pdetail .ps-acts .btn{justify-content:center;padding:10px 12px}
#pdetail .btn-3d{border-color:var(--cyan);color:var(--cyan)}
#pdetail .btn-3d:hover{background:rgba(56,214,255,.12);border-color:var(--cyan)}
#pdetail .ps-body{display:grid;gap:36px;min-width:0}
#pdetail .ps-body>*{min-width:0}
#pdetail .blk{display:grid;gap:14px;min-width:0}
#pdetail .blk-h{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
#pdetail .blk-h .mono{color:var(--accent);font-size:11px;letter-spacing:.14em;flex:none}
#pdetail .blk-h h3{font-size:21px;letter-spacing:-.02em;word-break:keep-all}
#pdetail .p-text{display:grid;gap:10px}
#pdetail .p-text p{color:var(--pdc0);font-size:15.5px;word-break:keep-all;line-height:1.7}
#pdetail .p-text p.strong{color:var(--text);font-weight:700;font-size:17px}
#pdetail .p-note{font-size:13px;color:var(--dim);word-break:keep-all}
#pdetail .p-list{display:grid;gap:7px}
#pdetail .p-list li{position:relative;padding-left:18px;font-size:14.5px;color:var(--ink,var(--pdc4));word-break:keep-all;line-height:1.55}
#pdetail .p-list li::before{content:"";position:absolute;left:0;top:.74em;width:9px;height:1px;background:var(--accent)}
#pdetail .p-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#pdetail .p-card{border:1px solid var(--line2);background:var(--card,var(--pdc3));padding:18px 18px 20px;display:grid;gap:12px;align-content:start;min-width:0}
#pdetail .p-card h4{font-size:17px;letter-spacing:-.01em;word-break:keep-all}
#pdetail .p-card>p{font-size:14px;color:var(--muted);word-break:keep-all}
#pdetail .p-count{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px dashed var(--line2)}
#pdetail .p-count span{font-size:12.5px;color:var(--ink,var(--pdc4));border:1px solid var(--line2);padding:3px 9px;background:var(--pdc2)}
#pdetail .p-count b{font-family:var(--mono);font-size:15px;color:var(--accent);margin-right:4px}
#pdetail .p-quote{margin:0;position:relative;border:1px solid var(--line2);border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(56,214,255,.07),transparent 60%),var(--card,var(--pdc3));padding:20px 22px 18px;display:grid;gap:12px}
#pdetail .p-quote p{font-size:16px;color:var(--text);word-break:keep-all;line-height:1.75}
#pdetail .p-quote footer{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:.02em}
#pdetail .p-for{display:flex;gap:14px;align-items:baseline;padding:12px 16px;border:1px dashed var(--line2);background:var(--pdc30)}
#pdetail .p-for dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--amber);flex:none}
#pdetail .p-for dd{font-size:14px;color:var(--ink,var(--pdc4));word-break:keep-all}
#pdetail .shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#pdetail .shots.three{grid-template-columns:repeat(3,minmax(0,1fr))}
#pdetail .shots.four{grid-template-columns:repeat(4,minmax(0,1fr))}
#pdetail .shot{margin:0;border:1px solid var(--line2);background:var(--pdc13);display:flex;flex-direction:column;min-width:0}
#pdetail .shot.wide{grid-column:1/-1}
#pdetail .shot-bar{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);min-width:0}
#pdetail .shot-bar i{width:7px;height:7px;background:var(--accent);transform:rotate(45deg);flex:none}
#pdetail .shot-bar b{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pdetail .shot-bar em{margin-left:auto;font-style:normal;color:var(--dim);flex:none}
#pdetail .shot-view{display:grid;place-items:center;width:100%;padding:12px;background:var(--pdc25);cursor:zoom-in;flex:1;position:relative;
  background-image:linear-gradient(var(--pdc41) 1px,transparent 1px),linear-gradient(90deg,var(--pdc41) 1px,transparent 1px);background-size:100% 16px,16px 100%}
#pdetail .shot-view::after{content:"";position:absolute;inset:5px;border:1px solid var(--pdc42);pointer-events:none}
#pdetail .shot-view img{display:block;max-width:100%;height:auto;max-height:420px;mix-blend-mode:multiply}
#pdetail .shot.dark .shot-view{background:var(--pdc26);background-image:none}
#pdetail .shot.dark .shot-view::after{border-color:var(--line)}
#pdetail .shot.dark .shot-view img{mix-blend-mode:normal}
#pdetail .shot.fill .shot-view{padding:0}
#pdetail .shot.fill .shot-view::after{display:none}
#pdetail .shot.fill .shot-view img{width:100%;max-height:none}
#pdetail .shot-view:hover::after{border-color:var(--accent)}
#pdetail .shot figcaption{padding:10px 12px 12px;font-size:13px;color:var(--muted);word-break:keep-all;border-top:1px solid var(--line);line-height:1.55}
#pdetail .shot figcaption b{display:block;color:var(--text);font-size:14px;margin-bottom:2px}
#pdetail .len{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px}
#pdetail .len-l{display:grid;gap:16px;grid-template-rows:1fr auto}
#pdetail .yts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#pdetail .yts.three{grid-template-columns:repeat(3,minmax(0,1fr))}
#pdetail .yt{margin:0;border:1px solid var(--line2);background:var(--pdc13);min-width:0;display:flex;flex-direction:column}
#pdetail .yt-btn{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--pdc26)}
#pdetail .yt-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:opacity .2s,transform .4s}
#pdetail .yt-btn::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,var(--pdc43),var(--pdc44) 55%)}
#pdetail .yt-play{position:absolute;left:50%;top:50%;z-index:2;width:58px;height:58px;margin:-29px 0 0 -29px;border:1px solid var(--text);background:var(--pdc45);display:grid;place-items:center;transition:background .2s,border-color .2s}
#pdetail .yt-play::after{content:"";border:9px solid transparent;border-left:14px solid var(--text);border-right:0;margin-left:4px}
#pdetail .yt-btn:hover img{opacity:1;transform:scale(1.03)}
#pdetail .yt-btn:hover .yt-play{background:var(--accent);border-color:var(--accent)}
#pdetail .yt-btn:hover .yt-play::after{border-left-color:var(--pdc1)}
#pdetail .yt-tag{position:absolute;left:10px;bottom:9px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--text)}
#pdetail .yt iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
#pdetail .yt figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 12px 10px;border-top:1px solid var(--line);font-size:13.5px;color:var(--text);margin-top:auto}
#pdetail .yt figcaption span{word-break:keep-all;font-weight:700}
#pdetail .yt figcaption a{font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--line2)}
#pdetail .yt figcaption a:hover{color:var(--accent);border-color:var(--accent)}
#pdetail .tabs-list{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line2);background:var(--card,var(--pdc3))}
#pdetail .tabs-list button{display:grid;gap:4px;align-content:start;text-align:left;padding:14px 14px 16px;border-right:1px solid var(--line);color:var(--muted);transition:background .15s,color .15s;min-width:0}
#pdetail .tabs-list button:last-child{border-right:0}
#pdetail .tabs-list button .mono{font-size:10.5px;letter-spacing:.12em;color:var(--dim)}
#pdetail .tabs-list button b{font-size:16px;letter-spacing:-.01em;color:inherit}
#pdetail .tabs-list button small{font-size:12px;color:var(--muted);word-break:keep-all;line-height:1.45}
#pdetail .tabs-list button:hover{color:var(--text);background:var(--card2,var(--pdc12))}
#pdetail .tabs-ready .tabs-list button[aria-selected="true"]{color:var(--text);background:var(--card2,var(--pdc12));box-shadow:inset 0 2px 0 var(--accent)}
#pdetail .tabs-ready .tabs-list button[aria-selected="true"] .mono{color:var(--accent)}
#pdetail .tabs-panel{border:1px solid var(--line2);border-top:0;background:var(--card,var(--pdc3));padding:22px 20px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
#pdetail .tabs-panel+.tabs-panel{margin-top:12px;border-top:1px solid var(--line2)}
#pdetail .tabs-ready .tabs-panel{margin-top:0;border-top:0}
#pdetail .tabs-ready .tabs-panel[hidden]{display:none}
#pdetail .tabs-panel.one{grid-template-columns:1fr}
#pdetail .tabs-panel h4{font-size:20px;letter-spacing:-.02em;margin-bottom:12px!important}
#pdetail .tabs-ready .tabs-panel.swap>*{animation:tabIn .3s ease both}
@keyframes tabIn{from{opacity:0;transform:translateY(6px)}}
#pdetail .up{border:1px solid var(--line2);background:var(--card,var(--pdc3))}
#pdetail .up-head{padding:18px 20px;border-bottom:1px solid var(--line2);display:grid;gap:6px}
#pdetail .up-head .mono{color:var(--amber);letter-spacing:.16em;font-size:10.5px}
#pdetail .up-head h4{font-size:20px;letter-spacing:-.02em}
#pdetail .up-head p{font-size:14px;color:var(--muted);word-break:keep-all}
#pdetail .up-list{display:grid;grid-template-columns:1fr 1fr;counter-reset:up}
#pdetail .up-list li{counter-increment:up;display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:9px 20px 9px 16px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink,var(--pdc4));word-break:keep-all}
#pdetail .up-list li:nth-child(odd){border-right:1px solid var(--line)}
#pdetail .up-list li::before{content:counter(up,decimal-leading-zero);font-family:var(--mono);font-size:10.5px;color:var(--dim)}
#pdetail .tag{font-size:11px;font-weight:700;padding:1px 7px;white-space:nowrap}
#pdetail .tag.new{background:var(--accent);color:var(--pdc1)}
#pdetail .tag.imp{border:1px solid var(--line2);color:var(--muted)}
#pdetail .up-figs{padding:18px 20px 20px}
#pdetail .dt{border:1px solid var(--line2);background:var(--card,var(--pdc3))}
#pdetail .dt+.dt{margin-top:-1px}
#pdetail .dt summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 18px;font-weight:700;font-size:15px}
#pdetail .dt summary::-webkit-details-marker{display:none}
#pdetail .dt summary::before{content:"+";font-family:var(--mono);width:18px;height:18px;border:1px solid var(--line2);display:grid;place-items:center;font-size:13px;color:var(--accent);flex:none;line-height:1}
#pdetail .dt[open] summary::before{content:"-"}
#pdetail .dt summary small{margin-left:auto;font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--muted);letter-spacing:.06em}
#pdetail .dt summary:hover{background:var(--card2,var(--pdc12))}
#pdetail .dt-body{padding:6px 18px 20px;display:grid;gap:16px;border-top:1px solid var(--line)}
#pdetail .dt-body dl{display:grid;gap:0}
#pdetail .dt-body dl>div{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}
#pdetail .dt-body dt{font-weight:700;font-size:14px;word-break:keep-all}
#pdetail .dt-body dd{font-size:13.5px;color:var(--muted);word-break:keep-all;line-height:1.65}
#pdetail .dt-body .mini{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
#pdetail .dt-body .mini li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink,var(--pdc4));word-break:keep-all}
#pdetail .dt-body .mini li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--dim)}
#pdetail .rev{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
#pdetail .rev figure{margin:0;border:1px solid var(--line2);background:var(--card,var(--pdc3));padding:20px 18px 18px;display:flex;flex-direction:column;gap:14px;position:relative}
#pdetail .rev figure::before{content:"";position:absolute;left:18px;top:-1px;width:34px;height:2px;background:var(--accent)}
#pdetail .rev blockquote{margin:0;font-size:14.5px;color:var(--ink,var(--pdc4));word-break:keep-all;line-height:1.75}
#pdetail .rev figcaption{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line2);display:grid;gap:1px}
#pdetail .rev figcaption b{font-size:14px}
#pdetail .rev figcaption span{font-family:var(--mono);font-size:11px;color:var(--muted)}
#pdetail .bun{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#pdetail .bun-card{border:1px solid var(--line2);background:var(--card,var(--pdc3));box-shadow:inset 0 2px 0 var(--amber);display:flex;flex-direction:column;min-width:0}
#pdetail .bun-top{padding:20px 20px 18px;display:grid;gap:8px;border-bottom:1px solid var(--line2)}
#pdetail .bun-top .mono{font-size:10.5px;letter-spacing:.14em;color:var(--amber)}
#pdetail .bun-top h3{font-size:26px;letter-spacing:-.02em}
#pdetail .bun-top p{font-size:14.5px;color:var(--pdc0);word-break:keep-all}
#pdetail .bun-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:4px!important}
#pdetail .bun-price b{font-family:var(--mono);font-size:26px;letter-spacing:-.02em}
#pdetail .bun-price small{color:var(--muted);font-size:13px}
#pdetail .bun-parts{display:grid}
#pdetail .bun-parts li{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:13px 20px;border-bottom:1px solid var(--line);align-items:start}
#pdetail .bun-parts b{font-size:15px;display:flex;align-items:center;gap:9px}
#pdetail .bun-parts b::before{content:"+";font-family:var(--mono);color:var(--amber);font-weight:700}
#pdetail .bun-parts li:first-child b::before{content:"";width:7px;height:7px;background:var(--amber);transform:rotate(45deg);margin:0 1px}
#pdetail .bun-parts ul{display:grid;gap:3px}
#pdetail .bun-parts ul li{display:block;padding:0;border:0;font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .bun-foot{padding:16px 20px 20px;display:grid;gap:14px}
#pdetail .bun-foot>p{font-size:14.5px;color:var(--text);font-weight:700;word-break:keep-all}
#pdetail .svc3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#pdetail .svc3 .p-card{position:relative;padding-top:22px}
#pdetail .svc3 .p-card .no{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--pdc1);background:var(--accent);width:24px;height:24px;display:grid;place-items:center}
#pdetail .svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding:24px 0;border-top:1px solid var(--line2)}
#pdetail .svc:first-of-type{border-top:0;padding-top:0}
#pdetail .svc-txt{display:grid;gap:14px}
#pdetail .svc-txt h3{font-size:22px;letter-spacing:-.02em}
#pdetail .svc-fig{display:grid;gap:12px;min-width:0}
#pdetail .rec{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#pdetail .rec .mono{color:var(--amber);font-size:10.5px;letter-spacing:.12em;margin-right:6px}
#pdetail .rec span:not(.mono){font-size:13px;border:1px solid var(--line2);padding:3px 9px;color:var(--ink,var(--pdc4));background:var(--pdc2)}
#pdetail .buy{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-top:28px}
#pdetail .buy-steps{border:1px solid var(--line2);background:var(--card,var(--pdc3));counter-reset:buy}
#pdetail .buy-steps header,#pdetail .buy-lic header{padding:14px 18px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#pdetail .buy-steps header b,#pdetail .buy-lic header b{font-size:16px}
#pdetail .buy-steps header span,#pdetail .buy-lic header span{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.08em}
#pdetail .buy-steps li{counter-increment:buy;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink,var(--pdc4));word-break:keep-all}
#pdetail .buy-steps li:last-child{border-bottom:0}
#pdetail .buy-steps li::before{content:counter(buy,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:700;padding-top:2px}
#pdetail .buy-steps li small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
#pdetail .buy-lic{border:1px solid var(--line2);background:var(--pdc13)}
#pdetail #sections .buy-lic .p-list{padding:14px 18px 18px}
#pdetail .buy-lic .p-list li{font-size:13.5px}
#pdetail .dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#pdetail .dl-card{border:1px solid var(--line2);background:var(--card,var(--pdc3));padding:18px;display:flex;flex-direction:column;gap:10px}
#pdetail .dl-card .mono{font-size:10.5px;letter-spacing:.12em;color:var(--cyan)}
#pdetail .dl-card h3{font-size:18px;letter-spacing:-.01em}
#pdetail .dl-card p{font-size:13.5px;color:var(--muted);word-break:keep-all}
#pdetail .dl-card .btn{margin-top:auto;align-self:flex-start}
#pdetail .dl-status{margin-top:14px!important;font-size:13.5px;color:var(--amber);border-left:2px solid var(--amber);padding:6px 0 6px 12px;animation:selIn .3s ease both}
#pdetail .inst{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-top:28px;align-items:start}
#pdetail .inst-steps{border:1px solid var(--line2);background:var(--card,var(--pdc3));counter-reset:inst}
#pdetail .inst-steps header{padding:14px 18px;border-bottom:1px solid var(--line2);display:grid;gap:4px}
#pdetail .inst-steps header b{font-size:16px}
#pdetail .inst-steps header span{font-size:13px;color:var(--amber);word-break:keep-all}
#pdetail .inst-steps li{counter-increment:inst;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink,var(--pdc4));word-break:keep-all}
#pdetail .inst-steps li:last-child{border-bottom:0}
#pdetail .inst-steps li::before{content:counter(inst,decimal-leading-zero);font-family:var(--mono);font-size:11.5px;color:var(--accent);padding-top:2px}
#pdetail .inst-steps li small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
#pdetail .inst-steps code{font-family:var(--mono);font-size:12.5px;color:var(--cyan);border:1px solid var(--line2);padding:0 5px}
#pdetail .inst-side{display:grid;gap:20px}
#pdetail .posts{border:1px solid var(--line2);background:var(--card,var(--pdc3));margin-top:28px}
#pdetail .posts header{padding:14px 18px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
#pdetail .posts header b{font-size:16px}
#pdetail .posts header span{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.06em}
#pdetail .posts ol{display:grid;grid-template-columns:1fr 1fr}
#pdetail .posts li{border-bottom:1px solid var(--line)}
#pdetail .posts li:nth-child(odd){border-right:1px solid var(--line)}
#pdetail .posts a{display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:baseline;padding:11px 18px;font-size:14px;transition:background .15s}
#pdetail .posts a:hover{background:var(--card2,var(--pdc12));color:var(--accent)}
#pdetail .posts time{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
#pdetail .posts em{font-style:normal;font-size:11px;border:1px solid var(--line2);padding:0 6px;color:var(--muted);white-space:nowrap}
#pdetail .posts header a.gd-all{display:inline-flex;align-items:center;padding:0;font-size:13px;color:var(--cyan);border-bottom:1px solid rgba(56,214,255,.35)}
#pdetail .posts header a.gd-all:hover{background:none;color:var(--accent);border-bottom-color:var(--accent)}
#pdetail .cafe{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:20px;padding:20px;border:1px solid var(--line2);background:linear-gradient(90deg,rgba(74,222,128,.08),transparent 60%),var(--card,var(--pdc3));box-shadow:inset 2px 0 0 var(--ok)}
#pdetail .cafe .mono{color:var(--ok);font-size:10.5px;letter-spacing:.16em}
#pdetail .cafe h3{font-size:20px;letter-spacing:-.02em;margin:2px 0 4px!important}
#pdetail .cafe p{font-size:14px;color:var(--muted);word-break:keep-all}
#pdetail .zoom{border:1px solid var(--line2);background:var(--pdc13);padding:0;max-width:min(1200px,94vw);max-height:92vh;color:var(--text)}
#pdetail .zoom::backdrop{background:var(--pdc46)}
#pdetail .zoom-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:13.5px}
#pdetail .zoom-bar button{font-family:var(--mono);font-size:12px;border:1px solid var(--line2);padding:3px 10px}
#pdetail .zoom-bar button:hover{border-color:var(--text)}
#pdetail .zoom-body{background:var(--pdc25);padding:14px;overflow:auto;max-height:calc(92vh - 46px)}
#pdetail .zoom-body img{display:block;max-width:100%;height:auto;margin:0 auto}
#pdetail .pflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line2);background:var(--pdc13);counter-reset:pf}
#pdetail .pflow li{position:relative;padding:14px 16px 15px 16px;display:grid;gap:4px;align-content:start;counter-increment:pf;min-width:0}
#pdetail .pflow li+li{border-left:1px solid var(--line2)}
#pdetail .pflow li::before{content:"0" counter(pf);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--accent)}
#pdetail .pflow li+li::after{content:"";position:absolute;left:-6px;top:18px;width:9px;height:9px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg);background:var(--pdc13)}
#pdetail .pflow b{font-size:15px;letter-spacing:-.01em;word-break:keep-all}
#pdetail .pflow span{font-size:13px;color:var(--muted);word-break:keep-all;line-height:1.5}
@media (max-width:899px){#pdetail .pflow{grid-template-columns:1fr 1fr}
#pdetail .pflow li:nth-child(3){border-left:0}
#pdetail .pflow li:nth-child(n+3){border-top:1px solid var(--line2)}
#pdetail .pflow li:nth-child(3)::after{display:none}}
@media (max-width:640px){#pdetail .pflow{grid-template-columns:1fr}
#pdetail .pflow li+li{border-left:0;border-top:1px solid var(--line2)}
#pdetail .pflow li+li::after{left:18px;top:-6px;transform:rotate(135deg)}
#pdetail .pflow li:nth-child(3)::after{display:block}}
@media (max-width:1180px){#pdetail .ph-in{grid-template-columns:1fr;gap:36px}
#pdetail .ps{grid-template-columns:260px minmax(0,1fr);gap:28px}
#pdetail .tabs-list{grid-template-columns:repeat(3,1fr)}
#pdetail .tabs-list button:nth-child(3){border-right:0}
#pdetail .tabs-list button:nth-child(-n+3){border-bottom:1px solid var(--line)}
#pdetail .shots.four{grid-template-columns:repeat(2,minmax(0,1fr))}
#pdetail .dt-body dl>div{grid-template-columns:180px 1fr}}
@media (max-width:899px){#pdetail .ph{padding:calc(var(--nav-h) + 40px + 32px) 0 48px}
#pdetail .ps{grid-template-columns:1fr;gap:24px}
#pdetail .ps-spec{position:static}
#pdetail .ps-spec dl{grid-template-columns:1fr 1fr}
#pdetail .ps-spec dl div:nth-child(odd){border-right:1px solid var(--line)}
#pdetail .ps-spec dl .full{grid-column:1/-1;border-right:0!important}
#pdetail .ps-acts{grid-template-columns:1fr 1fr}
#pdetail .p-cols,#pdetail .bun,#pdetail .buy,#pdetail .inst,#pdetail .svc,#pdetail .rev{grid-template-columns:1fr}
#pdetail .svc3,#pdetail .dl{grid-template-columns:1fr}
#pdetail .shots.three{grid-template-columns:repeat(2,minmax(0,1fr))}
#pdetail .tabs-panel{grid-template-columns:1fr}
#pdetail .posts ol{grid-template-columns:1fr}
#pdetail .posts li:nth-child(odd){border-right:0}}
@media (max-width:640px){#pdetail .ph-points li{grid-template-columns:1fr;gap:3px}
#pdetail .lu-row{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"no name price" "no desc desc";gap:2px 10px;padding:11px 12px 11px 8px}
#pdetail .lu-no{grid-area:no;align-self:start;padding-top:3px}
#pdetail .lu-name{grid-area:name;font-size:15px}
#pdetail .lu-desc{grid-area:desc}
#pdetail .lu-price{grid-area:price;font-size:13.5px}
#pdetail .lu-go{display:none}
#pdetail .blk-h{flex-direction:column;gap:2px}
#pdetail .shots,#pdetail .shots.three,#pdetail .yts,#pdetail .len{grid-template-columns:1fr}
#pdetail .yts.three{grid-template-columns:1fr 1fr;gap:10px}
#pdetail .yts.three .yt figcaption{flex-direction:column;gap:2px;padding:8px 10px 9px;font-size:12.5px}
#pdetail .yts.three .yt-play{width:42px;height:42px;margin:-21px 0 0 -21px}
#pdetail .shots.four{grid-template-columns:1fr 1fr}
#pdetail .tabs-list{grid-template-columns:1fr 1fr}
#pdetail .tabs-list button{border-bottom:1px solid var(--line);padding:12px 12px 13px}
#pdetail .tabs-list button:nth-child(3){border-right:1px solid var(--line)}
#pdetail .tabs-list button:nth-child(even){border-right:0}
#pdetail .tabs-list button:nth-last-child(-n+2){border-bottom:0}
#pdetail .tabs-list button small{display:none}
#pdetail .tabs-panel{padding:18px 14px 18px}
#pdetail .up-list{grid-template-columns:1fr}
#pdetail .up-list li:nth-child(odd){border-right:0}
#pdetail .up-list li{padding:9px 14px 9px 12px}
#pdetail .dt-body dl>div{grid-template-columns:1fr;gap:4px}
#pdetail .dt-body .mini{grid-template-columns:1fr}
#pdetail .bun-parts li{grid-template-columns:1fr;gap:6px}
#pdetail .ps-spec dl{grid-template-columns:1fr}
#pdetail .ps-spec dl div:nth-child(odd){border-right:0}
#pdetail .posts a{grid-template-columns:76px 1fr;padding:11px 14px}
#pdetail .posts em{display:none}
#pdetail .p-for{flex-direction:column;gap:4px}}
@media (prefers-reduced-motion:reduce){#pdetail .tabs-ready .tabs-panel.swap>*,#pdetail .dl-status{animation:none}
#pdetail .yt-btn img{transition:none}}
#pdetail .chain{padding:44px 0 8px}
#pdetail .chain-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 14px}
#pdetail .chain-cap .mono{font-size:11px;letter-spacing:.14em;color:var(--accent)}
#pdetail .chain-cap h2{margin:0;font-size:clamp(19px,1.9vw,24px);letter-spacing:-.02em;word-break:keep-all}
#pdetail .chain-cap h2 em{font-style:normal;color:var(--cyan)}
#pdetail .pflow-chain{margin:0;padding:0;list-style:none;box-shadow:inset 0 2px 0 var(--accent)}
#pdetail .pflow-chain li{padding:0}
#pdetail .pflow-chain li::before{position:absolute;right:14px;top:14px}
#pdetail .pflow-chain .pf-src{padding:16px 16px 18px;background:var(--pdc8)}
#pdetail .pflow-chain a{display:grid;gap:4px;align-content:start;height:100%;padding:16px 16px 18px;transition:background .15s}
#pdetail .pflow-chain a:hover{background:var(--pdc12)}
#pdetail .pflow-chain a:hover b{color:var(--accent)}
#pdetail .pflow-chain em{font-style:normal;font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--cyan);letter-spacing:.02em}
#pdetail .lu-grp{border-left:2px solid var(--cyan);background:rgba(56,214,255,.03)}
#pdetail .lu-cap-chain{color:var(--cyan);background:var(--pdc27)}
#pdetail .lu-row.ed{padding-top:7px;padding-bottom:7px;background:var(--pdc47)}
#pdetail .lu-row.ed .lu-no{opacity:0}
#pdetail .lu-row.ed .lu-name{font-size:14px;font-weight:700;color:var(--pdc7)}
#pdetail .lu-ed{display:inline-block;margin-right:6px;padding:0 5px;border:1px solid var(--line2);font-size:10.5px;font-weight:500;color:var(--muted);vertical-align:2px}
#pdetail .ed{margin:34px 0 0;display:grid;gap:18px}
#pdetail .ed-head .mono{font-size:11px;letter-spacing:.14em;color:var(--accent)}
#pdetail .ed-head h2{margin:6px 0 8px;font-size:clamp(21px,2.1vw,28px);letter-spacing:-.02em;word-break:keep-all}
#pdetail .ed-head h2 em{font-style:normal;color:var(--accent)}
#pdetail .ed-head p{margin:0;max-width:80ch;color:var(--pdc0);font-size:14.5px;word-break:keep-all}
#pdetail .ed-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#pdetail .ed-card{display:grid;gap:8px;align-content:start;padding:20px 20px 22px;border:1px solid var(--line2);background:var(--pdc8);scroll-margin-top:90px}
#pdetail .ed-card.is-full{border-color:rgba(255,106,43,.55);box-shadow:inset 0 2px 0 var(--accent)}
#pdetail .ed-card .mono{font-size:11px;letter-spacing:.12em;color:var(--muted)}
#pdetail .ed-card.is-full .mono{color:var(--accent)}
#pdetail .ed-card h3{margin:0;font-size:21px;letter-spacing:-.01em}
#pdetail .ed-card p{margin:0;font-size:14px;color:var(--pdc0);word-break:keep-all}
#pdetail .ed-card .ed-price{margin:6px 0 4px;color:var(--text)}
#pdetail .ed-price b{font-family:var(--mono);font-size:24px;font-variant-numeric:tabular-nums}
#pdetail .ed-price small{margin-left:6px;font-size:12.5px;color:var(--muted)}
#pdetail .ed-card .btn{justify-self:start}
#pdetail .ed-tbl-wrap{overflow-x:auto;border:1px solid var(--line2)}
#pdetail .ed-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
#pdetail .ed-tbl caption{caption-side:top;text-align:left;padding:10px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--muted);background:var(--pdc2);border-bottom:1px solid var(--line2)}
#pdetail .ed-tbl th,#pdetail .ed-tbl td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;word-break:keep-all}
#pdetail .ed-tbl thead th{font-size:13px;color:var(--text);background:var(--pdc2)}
#pdetail .ed-tbl thead th small{display:block;font-weight:400;font-size:11.5px;color:var(--muted)}
#pdetail .ed-tbl tbody th{font-weight:400;color:var(--pdc7)}
#pdetail .ed-tbl td{width:22%;white-space:nowrap}
#pdetail .ed-tbl td.y{color:var(--ok)}
#pdetail .ed-tbl td.n{color:var(--dim)}
#pdetail .ed-tbl tr.sum th,#pdetail .ed-tbl tr.sum td{font-weight:700;color:var(--text);border-bottom:0;font-family:var(--mono)}
#pdetail .ed-tbl tr.sum th{font-family:var(--sans)}
#pdetail .pr-grp{border-left:2px solid var(--cyan);background:rgba(56,214,255,.025);border-bottom:1px solid var(--line)}
#pdetail .pr-grp .pr-row:last-child{border-bottom:0}
#pdetail .pr-grprow{cursor:default;padding-top:10px;padding-bottom:6px;border-bottom:0}
#pdetail .pr-grprow:hover{background:transparent!important}
#pdetail .pr-grprow .pr-name{font-size:15px;color:var(--cyan)}
#pdetail .pr-grprow .pr-desc a{color:var(--cyan);border-bottom:1px solid var(--line2)}
#pdetail .pr-row.pr-sub .pr-name{padding-left:14px;position:relative}
#pdetail .pr-row.pr-sub .pr-name::before{content:"";position:absolute;left:0;top:.2em;width:8px;height:.7em;border-left:1px solid var(--line2);border-bottom:1px solid var(--line2)}
@media (max-width:899px){#pdetail .ed-cards{grid-template-columns:1fr}}
@media (max-width:640px){#pdetail .chain{padding-top:32px}
#pdetail .ed-tbl{font-size:13px}
#pdetail .ed-tbl th,#pdetail .ed-tbl td{padding:9px 10px}}

#pdetail ul.p-list{list-style:none;margin:0;padding:0}


[data-theme="light"] #pdetail{--pdc25:#eef2f5;--pdc41:rgba(10,14,19,.05)}


#pdetail .shot-view{background-image:none;background-color:var(--panel)}
#pdetail .shot-view img{mix-blend-mode:normal}
#pdetail .shot.dark .shot-view{background-color:#0b1016}