.hnw-page{z-index:1;max-width:1120px;margin:0 auto;padding:28px 20px 72px;position:relative}.hnw-kicker{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:1rem}.hnw-kicker:before{content:"▸ ";color:var(--strawberry)}.hnw-title{font-family:var(--font-display);margin:0 0 12px;font-size:clamp(1.8rem,5vw,3.4rem);line-height:1.12}.hnw-intro{max-width:640px;color:var(--ink);opacity:.75;margin:0 0 26px;line-height:1.65}.hnw-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.hnw-stack{flex-direction:column;gap:20px;display:flex}.hnw-card{border:var(--border-primary);background:var(--cream);box-shadow:var(--shadow-md);border-radius:20px;min-width:0;padding:24px}.hnw-card h2,.hnw-card h3{font-family:var(--font-display);margin:0 0 12px;font-size:1.1rem;line-height:1.4}.hnw-card p{font-size:.86rem;line-height:1.7}.hnw-field{flex-direction:column;gap:8px;margin:0 0 16px;font-size:.82rem;display:flex}.hnw-input,.hnw-select,.hnw-textarea{box-sizing:border-box;border:2px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:10px;min-height:46px;padding:13px 14px;font-size:.88rem}.hnw-textarea{resize:vertical;min-height:96px}.hnw-button{background:var(--tangerine);min-height:46px;color:var(--ink);border:2px solid var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-display);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.77rem;line-height:1.4;text-decoration:none;display:inline-flex}.hnw-button:active{box-shadow:none;transform:translate(2px,2px)}.hnw-button:disabled{opacity:.5;cursor:wait}.hnw-button.secondary{background:var(--paper)}.hnw-button.lime{background:var(--lime)}.hnw-button.danger{background:var(--strawberry)}.hnw-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hnw-chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.hnw-chip{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 13px;font-size:.8rem;display:flex}.hnw-chip.selected{background:var(--lime)}.hnw-small{opacity:.72;line-height:1.6;font-size:.75rem!important}.hnw-empty{border:2px dashed var(--ink);border-radius:12px;padding:20px;font-size:.84rem;line-height:1.7}.hnw-error{border:2px solid var(--ink);background:#fce0dc;border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:.82rem;line-height:1.6}.hnw-success{background:var(--lime);border:2px solid var(--ink);border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:.82rem}.hnw-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.hnw-row{border:2px solid var(--ink);background:var(--paper);border-radius:12px;padding:16px}.hnw-row-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.hnw-badge{font-family:var(--font-mono);letter-spacing:.05em;border:1.5px solid var(--ink);background:var(--paper);border-radius:6px;padding:3px 7px;font-size:.85rem}.hnw-tabs{border:2px solid var(--ink);border-radius:12px;width:fit-content;max-width:100%;margin:20px 0 24px;display:flex;overflow:hidden}.hnw-tabs button,.hnw-tabs a{font-family:var(--font-display);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;border:0;padding:12px 18px;font-size:.75rem;text-decoration:none}.hnw-tabs .active{background:var(--ink);color:var(--paper)}.hnw-divider{background:var(--ink);opacity:.2;height:1px;margin:20px 0}.hnw-avatar{border:2px solid var(--ink);background:var(--bondi);width:40px;height:40px;font-family:var(--font-display);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hnw-inline{align-items:center;gap:12px;display:flex}.hnw-row-name{overflow-wrap:anywhere;font-weight:700}.hnw-muted{opacity:.65}.hnw-wide{width:100%}.hnw-section-gap{margin-top:28px}@media (width<=740px){.hnw-page{padding:22px 16px 90px}.hnw-grid{grid-template-columns:1fr;gap:20px}.hnw-card{padding:20px}.hnw-title{font-size:1.9rem}.hnw-tabs button,.hnw-tabs a{padding:11px 12px;font-size:.69rem}.hnw-row-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.hnw-button:active{transform:none}}@media (width<=740px){.hnw-input,.hnw-select,.hnw-textarea{min-height:46px;font-size:16px}}@media (width<=400px){.hnw-tabs{flex-wrap:wrap;width:100%}.hnw-tabs>button,.hnw-tabs>a{flex:50%;min-width:0}}