:root{--pw-no-fill:rgba(180,35,44,.08);--pw-no-ink:#a3242c;--pw-method-hover:#9fb4ff}


.pw-pd-cap{padding-bottom:calc(var(--pw-sec) * .6)}
.pw-pd-stack{display:grid;gap:0}
.pw-pd-layer{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;min-height:min(88vh,760px);padding:56px 0;border-top:1px solid var(--line);will-change:transform,opacity}
.pw-pd-layer__tag{font:500 13px/1 var(--font-mono);color:var(--accent);margin-bottom:20px}
.pw-pd-layer__text h3{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:500;line-height:1.12;letter-spacing:-.03em;max-width:22ch}
.pw-pd-layer__text > p:not(.pw-pd-layer__tag){margin-top:20px;color:var(--ink-2);font-size:17px;line-height:1.6;max-width:44ch}
.pw-pd-facts{list-style:none;display:grid;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);max-width:44ch}
.pw-pd-facts li{display:flex;align-items:baseline;gap:16px;color:var(--ink-2);font-size:15px}
.pw-pd-facts b{min-width:88px;font-weight:600;color:var(--ink);font-size:18px;letter-spacing:-.02em}
.pw-pd-layer__demo{position:relative;border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--line);background:var(--bg);padding:24px;min-width:0}
.pw-pd-layer__demo > .pw-demo{position:absolute;right:16px;bottom:-12px;background:var(--bg)}

.pw-tabs__list{position:relative;display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--panel-2);margin-bottom:20px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pw-tabs__list::-webkit-scrollbar{display:none}
.pw-tabs__pill{position:absolute;top:4px;left:0;height:calc(100% - 8px);width:0;border-radius:9px;background:var(--bg);box-shadow:0 1px 2px rgba(11,13,18,.08),0 0 0 1px var(--line);will-change:transform,width}
.pw-tabs__tab{position:relative;z-index:1;height:40px;padding:0 16px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:color var(--t-light) var(--ease-primary)}
.pw-tabs__tab[aria-selected="true"]{color:var(--ink)}
.pw-pd-table{width:100%;border-collapse:collapse;font-size:15px}
.pw-pd-table th{text-align:left;font:400 12px/1 var(--font-mono);color:var(--ink-3);padding:0 8px 12px;border-bottom:1px solid var(--line)}
.pw-pd-table td{padding:14px 8px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.pw-pd-table td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.pw-pd-table td:last-child,.pw-pd-table th:last-child{text-align:right;font-family:var(--font-mono);font-size:13px;white-space:nowrap}
.pw-pd-table tr:last-child td{border-bottom:0}

.pw-pd-brief__co{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}
.pw-pd-brief__co b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.pw-pd-brief__co span{font-size:14px;color:var(--ink-3)}
.pw-pd-brief__list{list-style:none;counter-reset:pwc;display:grid;gap:0}
.pw-pd-brief__list li{counter-increment:pwc;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.pw-pd-brief__list li::before{content:"[" counter(pwc) "]";font:400 12px/1 var(--font-mono);color:var(--accent)}
.pw-pd-brief__list li:last-child{border-bottom:0}
.pw-pd-brief__list cite{font:400 12px/1.4 var(--font-mono);font-style:normal;color:var(--ink-3);white-space:nowrap}
.pw-pd-mail__head{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.pw-pd-mail__head span{min-width:64px;font:400 12px/1.9 var(--font-mono);color:var(--ink-3)}
.pw-pd-mail__body{display:grid;gap:14px;padding-top:20px;font-size:16px;line-height:1.65}
.pw-pd-mail__body sup{font:500 11px/1 var(--font-mono);color:var(--accent);padding:2px 4px;border-radius:4px;background:rgba(46,91,255,.08);vertical-align:2px}
.pw-pd-queue{display:grid;gap:8px}
.pw-pd-queue__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);font-size:15px}
.pw-pd-queue__row span{color:var(--ink-2)}
.pw-pd-queue__row em{font:500 12px/1 var(--font-mono);font-style:normal;padding:8px 10px;border-radius:999px;background:var(--panel-2);color:var(--ink-2)}
.pw-pd-queue__row em.is-ok{background:rgba(18,164,107,.1);color:#0d7a50}
.pw-pd-queue__row em.is-edit{background:rgba(46,91,255,.08);color:var(--accent)}
.pw-pd-queue__row em.is-no{background:var(--pw-no-fill);color:var(--pw-no-ink)}

.pw-pd-method .pw-methods__plate{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.pw-pd-plate{position:absolute;inset:0;display:grid;place-items:center;opacity:0}
.pw-pd-plate svg{width:72%;height:72%;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pw-pd-plate svg .is-acc{stroke:var(--accent)}
.pw-pd-method .pw-method{border-radius:12px;padding-inline:16px;transition:background-color var(--t-light) var(--ease-primary),color var(--t-light) var(--ease-primary)}
.pw-pd-method .pw-method:hover,.pw-pd-method .pw-method:focus-visible{background:var(--ink);color:#fff}
.pw-pd-method .pw-method:hover p,.pw-pd-method .pw-method:focus-visible p{color:rgba(255,255,255,.72)}
.pw-pd-method .pw-method:hover .pw-method__n,.pw-pd-method .pw-method:focus-visible .pw-method__n{color:var(--pw-method-hover)}
.pw-pd-method .pw-method__n{min-width:48px;letter-spacing:.02em}

@media (max-width:991px){
  .pw-pd-layer{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0;padding:48px 0}
}
@media (max-width:600px){
  .pw-pd-layer__demo{padding:16px}
  .pw-pd-table{font-size:14px}
  .pw-pd-table td{padding:12px 6px}
  .pw-pd-brief__list li{grid-template-columns:24px minmax(0,1fr)}
  .pw-pd-brief__list cite{grid-column:2}
  .pw-pd-queue__row{grid-template-columns:minmax(0,1fr) auto}
  .pw-pd-queue__row span{display:none}
  .pw-pd-facts b{min-width:72px}
}