/* Leftover UX layer — site-wide wayfinding and workflow clarity. */
:root{--ux-orange:#944326;--ux-green:#173f35;--ux-soft:#f4f7f3;--ux-line:#d8e1db}
.ux-header{position:relative}.desktop-nav{align-items:center}.mobile-nav-toggle,.mobile-nav{display:none}
.ux-task-chooser{max-width:1180px;margin:auto;padding:74px 28px 36px}.ux-task-chooser .section-title{margin-bottom:28px}.ux-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ux-task-card{display:flex;flex-direction:column;min-height:250px;padding:25px;border:1px solid var(--ux-line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(23,63,53,.06);transition:transform .18s ease,border-color .18s ease}.ux-task-card:hover{transform:translateY(-3px);border-color:#90ac9f}.ux-task-card>span{font:500 34px/1 Georgia,serif;color:#7b998d}.ux-task-card>b{font:600 27px/1.08 Georgia,serif;margin:20px 0 10px}.ux-task-card p{color:#505d57;line-height:1.55;margin:0 0 22px}.ux-task-card strong{margin-top:auto;font-size:14px}.ux-task-primary{background:var(--ux-green);color:#fff;border-color:var(--ux-green)}.ux-task-primary>span{color:#b8e4c9}.ux-task-primary p{color:#d8e5df}.ux-task-primary strong{color:#fff}
.ux-inventory-disclosure{max-width:1180px;margin:34px auto 0;border:1px solid var(--ux-line);border-radius:18px;background:#fff}.ux-inventory-disclosure>summary{cursor:pointer;list-style:none;padding:20px 24px;display:flex;gap:12px 24px;align-items:center;justify-content:space-between}.ux-inventory-disclosure>summary::-webkit-details-marker{display:none}.ux-inventory-disclosure>summary b{font-size:16px}.ux-inventory-disclosure>summary span{font-size:13px;color:#505d57}.ux-inventory-disclosure>summary::after{content:'+';font-size:24px;font-weight:500}.ux-inventory-disclosure[open]>summary::after{content:'−'}.ux-inventory-disclosure .inventory-lab{padding-top:34px}
.ux-measurement-tip{max-width:1124px;margin:18px auto -14px;padding:12px 15px;border:1px solid #cfddd5;border-radius:12px;background:#f8fbf8;display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:#505d57}.ux-measurement-tip b{color:var(--ux-green);white-space:nowrap}
.ux-measurement-sketch{margin:14px 0 20px;padding:16px;border:1px solid rgba(23,63,53,.16);border-radius:16px;background:#f8faf7}.ux-measurement-sketch>p{margin:12px 0 0;font-size:.9rem;line-height:1.5}.ux-deck-shape{position:relative;height:180px;margin:8px 26px 8px;border:2px solid #54786c;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px}.ux-deck-shape>i{background:linear-gradient(90deg,#c9a77d,#d8bb98);border-radius:3px}.ux-dim{position:absolute;font-size:11px;font-weight:800;color:#405b51}.ux-dim-width{left:50%;bottom:-21px;transform:translateX(-50%)}.ux-dim-length{left:-24px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center}.ux-board-direction{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.93);font-size:11px;font-weight:850;white-space:nowrap}.ux-gap-label{position:absolute;right:6px;top:6px;padding:4px 6px;background:#fff;border-radius:6px;font-size:9px;font-weight:800}
.result.card{justify-content:flex-start}.result .status{margin-bottom:2px}.result .status+ h3{font-size:clamp(34px,4vw,48px);line-height:1.02;color:var(--ux-green)}.result .status.yes,.result .status.almost,.result .status.no{font-size:11px;padding:8px 11px}.result .stats{margin-top:3px}
.ux-copy-email{border:1px solid #b9c9c0;background:#fff;color:var(--ux-green);border-radius:999px;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer}.ux-copy-status{display:inline-block;margin-left:10px;font-size:13px;color:#405b51}
.ux-guidance-toggle{display:none}.ux-mobile-tool-dock{display:none}
.guide-breadcrumb{margin-top:8px}

@media(max-width:1000px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}}
@media(max-width:800px){
  body{padding-bottom:72px}.desktop-nav,.ux-header>.pill{display:none!important}.ux-header{padding:15px 18px;position:sticky;top:0;z-index:80;background:rgba(251,252,249,.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(23,63,53,.08)}.ux-header .brand{font-size:20px}.ux-header .brand img{width:31px;height:31px}.mobile-nav-toggle{display:flex;width:44px;height:44px;border:1px solid #cad7d0;border-radius:12px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;cursor:pointer}.mobile-nav-toggle span{width:19px;height:2px;background:var(--ux-green);border-radius:99px}.mobile-nav{position:absolute;display:grid;left:12px;right:12px;top:66px;padding:10px;background:#fff;border:1px solid #d9e2dc;border-radius:16px;box-shadow:0 18px 50px rgba(23,63,53,.18);z-index:90}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:13px 12px;border-radius:10px;font-size:15px}.mobile-nav a:active{background:#f1f5f2}.mobile-nav .mobile-primary{margin-top:6px;background:var(--ux-green);color:#fff;font-weight:800}
  .ux-task-chooser{padding:48px 20px 24px}.ux-task-grid{grid-template-columns:1fr;gap:11px}.ux-task-card{min-height:0;padding:20px}.ux-task-card>b{font-size:24px;margin-top:13px}.ux-task-card p{margin-bottom:15px}.ux-task-card>span{font-size:26px}.quick-discovery{margin-top:18px}
  .ux-inventory-disclosure{margin:24px 16px 0}.ux-inventory-disclosure>summary{display:grid;grid-template-columns:1fr auto;padding:16px}.ux-inventory-disclosure>summary span{grid-column:1}.ux-inventory-disclosure>summary::after{grid-column:2;grid-row:1/3;align-self:center}.ux-inventory-disclosure .inventory-lab{padding-left:16px;padding-right:16px}
  .ux-measurement-tip{margin:12px 20px 0;display:block}.ux-measurement-tip b{display:block;margin-bottom:3px}.ux-deck-shape{height:150px;margin-left:28px;margin-right:14px}.ux-board-direction{white-space:normal;text-align:center;max-width:160px}.ux-gap-label{display:none}
  .ux-guidance-toggle{display:block;width:calc(100% - 40px);margin:24px 20px 10px;border:1px solid #bdccc3;background:#fff;color:var(--ux-green);border-radius:999px;padding:13px 16px;font:inherit;font-weight:850}.ux-mobile-secondary{display:none!important}.ux-guidance-open .ux-mobile-secondary{display:block!important}
  .ux-mobile-tool-dock{display:flex;position:fixed;z-index:75;left:0;right:0;bottom:0;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #d7e0da;box-shadow:0 -10px 30px rgba(23,63,53,.08)}.ux-mobile-tool-dock a{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:12px;background:var(--ux-green);color:#fff;font-weight:850;font-size:14px}
  .result.card{min-height:0}.result .status+ h3{font-size:34px}.guide-breadcrumb{padding-left:20px;padding-right:20px;overflow:auto;white-space:nowrap}
}
