/* Local preview only. All rules are scoped; the approved homepage is untouched. */
.ww-practical {font-size:16px;line-height:1.65;}
.ww-practical h2 {margin-bottom:20px;}
.ww-practical h3 {font-size:18px;line-height:1.45;margin:0 0 10px;}
.ww-practical p {max-width:78ch;}
.ww-practical section {padding-top:42px;}
.ww-practical small,.ww-practical .pr-caption {font-size:13px;line-height:1.55;color:var(--muted);}
.ww-practical .pr-label {display:block;color:var(--muted);font-size:12px;letter-spacing:.04em;margin-bottom:6px;}
.ww-practical .pr-warning {border-left:2px solid var(--jade);padding:12px 20px;max-width:86ch;margin:20px 0;}
.ww-practical .pr-warning strong {font-weight:500;}
.ww-practical .pr-warning p {margin:4px 0;color:var(--muted);font-size:14px;}
.ww-practical .pr-build {display:flex;align-items:start;justify-content:space-between;gap:24px;margin:0 0 18px;}
.ww-practical .pr-build p {margin:0;}
.ww-practical .pr-two-columns {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0 16px;align-items:start;}
.ww-practical .pr-two-columns>*,.ww-practical .pr-selected-talents>* {min-width:0;}
.ww-practical .pr-explanation {margin:16px 0 22px;}
.ww-practical .pr-basics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.ww-practical .pr-basics .pr-explanation {margin:0;}
.ww-practical .pr-priority {counter-reset:pr-item;margin:12px 0 22px;}
.ww-practical .pr-priority>li {counter-increment:pr-item;position:relative;padding:0 0 0 28px;margin:0 0 16px;}
.ww-practical .pr-priority>li::before {content:counter(pr-item,decimal-leading-zero);position:absolute;left:0;top:3px;color:var(--jade);font-size:11px;font-variant-numeric:tabular-nums;}
.ww-practical .pr-bullets {padding-left:18px;list-style:disc;max-width:84ch;}
.ww-practical .pr-bullets li {margin:10px 0;}
.ww-practical .pr-entity {display:inline-flex;align-items:center;gap:10px;text-align:left;padding:2px 0;max-width:100%;vertical-align:middle;line-height:1.4;}
.ww-practical .pr-entity span {min-width:0;overflow-wrap:anywhere;}
.ww-practical .pr-entity img {flex:none;width:36px;height:36px;}
.ww-practical .pr-entity small {display:block;font-size:11px;}
.ww-practical .pr-entity:hover {color:var(--jade);}
.ww-practical .pr-inline {display:inline;padding:0;border-bottom:1px dotted color-mix(in srgb,var(--jade) 45%,transparent);text-align:inherit;font:inherit;vertical-align:baseline;}
.ww-practical .pr-selected-talents {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.ww-practical .pr-selected-talents li {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;background:var(--quiet-gradient) bottom/100% 1px no-repeat;}
.ww-practical .pr-rank {color:var(--muted);font-size:12px;white-space:nowrap;}
.ww-practical .pr-equipment>li {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:18px 0;background:var(--quiet-gradient) bottom/100% 1px no-repeat;}
.ww-practical .pr-equipment p {margin:0 0 5px;}
.ww-practical .pr-equipment small {display:block;}
.ww-practical .pr-basis {margin-top:6px;font-size:11px;}
.ww-practical .pr-preparation,.ww-practical .pr-utility {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px;align-items:start;}
.ww-practical .pr-preparation>li,.ww-practical .pr-utility>li {min-width:0;padding-bottom:16px;background:var(--quiet-gradient) bottom/100% 1px no-repeat;}
.ww-practical .pr-utility p,.ww-practical .pr-preparation p {font-size:14px;line-height:1.6;}
.ww-practical .ww-details {margin:18px 0;}
.ww-practical .ww-details>summary {font-size:14px;padding:12px 0;color:var(--ink);}
.ww-practical .ww-detail-body {padding-top:10px;}
.ww-practical .pr-currentness {display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 24px;}
.ww-practical .pr-currentness dt {color:var(--muted);}
.ww-practical .pr-currentness dd {margin:0;max-width:72ch;}
.ww-practical .pr-sources li {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:9px 0;}
.ww-practical .pr-sources span {font-size:12px;color:var(--muted);}
.ww-practical code {overflow-wrap:anywhere;white-space:normal;font-size:12px;}
.ww-practical .pr-archive {font-size:15px;}
.ww-practical .pr-archive section {padding-top:26px;}
.ww-practical .pr-archive h2 {font-size:26px;}
.ww-practical .pr-archive .ww-trees {grid-template-columns:1fr;max-width:650px;}
@media(max-width:900px){.ww-practical .pr-basics{grid-template-columns:1fr;gap:12px;}.ww-practical .pr-selected-talents,.ww-practical .pr-preparation,.ww-practical .pr-utility{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.ww-practical {font-size:16px;}.ww-practical .ww-guide-hero,.ww-practical .pr-build{display:block;}.ww-practical .pr-build .ww-copy-control{margin-top:16px;}.ww-practical .pr-two-columns,.ww-practical .pr-selected-talents,.ww-practical .pr-preparation,.ww-practical .pr-utility{grid-template-columns:1fr;gap:22px;}.ww-practical .pr-equipment>li{grid-template-columns:1fr;gap:8px;}.ww-practical .pr-currentness{grid-template-columns:1fr;gap:3px;}.ww-practical .pr-currentness dd{margin-bottom:14px;}.ww-practical .pr-warning{padding:10px 14px;}.ww-practical section{padding-top:32px;}.ww-practical .ww-section-nav{gap:8px 18px;font-size:13px;}}