.x-f{display:flex;flex-direction:column;gap:4px;font-size:.85rem;margin:0 0 10px;min-width:0}
.x-f span{color:var(--muted);font-size:.78rem}
.x-f select,.x-f input:not([type=range]),.x-row select,.x-row input{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem}
.x-f input[type=range]{width:100%;accent-color:var(--o)}
.x-q{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.x-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0 0 12px}
.x-rec{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card);display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere;font-size:.84rem}
.x-rec em{font-style:normal;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.x-rec b{color:var(--head)}
.x-rec small{color:var(--muted)}
.x-rec span{font-weight:600;color:var(--head)}
.x-rec.x-pick{border:2px solid var(--o)}
.x-rec.x-pick em{color:var(--o)}
.x-why{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px;font-size:.86rem}
.x-why li{background:var(--bg2);border-radius:10px;padding:8px 10px;overflow-wrap:anywhere}
.x-box{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card);margin:0 0 12px;min-width:0;overflow-wrap:anywhere}
.x-box h4{margin:0 0 8px;color:var(--head)}
.x-list{display:grid;gap:6px;margin:0 0 12px}
.x-qc{text-align:left;border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.x-qc.on{border:2px solid var(--o)}
.x-qc b{color:var(--head)}
.x-qc small{color:var(--muted)}
.x-st{font-size:.7rem;font-weight:600;align-self:flex-start;padding:2px 8px;border-radius:99px;background:var(--bg2)}
.x-st.x-review,.x-st.x-photos{color:var(--o)}
.x-phs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.x-tile{border:1.5px dashed var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px;min-height:84px;font-size:.8rem;min-width:0;overflow-wrap:anywhere}
.x-tile i{font-style:normal;font-size:1.3rem}
.x-tile b{color:var(--head)}
.x-tile small{color:var(--muted)}
.x-tile.on{border-style:solid;border-color:var(--o);background:repeating-linear-gradient(135deg,var(--bg2) 0 8px,var(--card) 8px 16px)}
.x-flag{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:var(--bg2);border-radius:10px;padding:8px 10px;margin:8px 0;font-size:.84rem}
.x-flag span{flex:1 1 200px;min-width:0}
.x-flag.x-warn{border-left:3px solid var(--o)}
.x-ok{color:var(--head);font-size:.85rem;margin:6px 0}
.x-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 8px;align-items:end}
.x-ups{display:grid;gap:4px;font-size:.84rem;margin:4px 0 10px}
.x-ups input{accent-color:var(--o)}
.x-lines{width:100%;border-collapse:collapse;font-size:.83rem;margin:0 0 10px}
.x-lines td{padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-lines td:last-child{text-align:right;white-space:nowrap;padding-left:8px}
.x-lines .x-tot td{font-weight:700;color:var(--head)}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.x-phone{max-width:300px;margin:8px auto 14px;border:6px solid var(--deep);border-radius:24px;padding:12px;background:var(--card);display:flex;flex-direction:column;gap:6px;font-size:.83rem;overflow-wrap:anywhere}
.x-ph-top{font-size:.68rem;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding-bottom:6px}
.x-phone b{color:var(--head)}
.x-phone p{margin:0}
.x-pl{display:flex;justify-content:space-between;gap:8px;font-size:.76rem}
.x-pl span:last-child{white-space:nowrap}
.x-big{font-size:1.4rem;font-weight:700;color:var(--head)}
.x-cal{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr));gap:4px;font-size:.7rem;margin:0 0 12px}
.x-cal>div{background:var(--bg2);border-radius:8px;padding:4px;min-height:46px;min-width:0;overflow-wrap:anywhere}
.x-cal>.x-ch{min-height:0;background:none;font-weight:700;color:var(--head);text-align:center;align-self:center}
.x-cal em{display:block;font-style:normal;background:var(--card);border-left:3px solid var(--o);border-radius:5px;padding:2px 4px;margin:0 0 3px}
.x-cal em.x-fx{border-left-color:var(--line);color:var(--muted)}
.x-stk{width:100%;border-collapse:collapse;font-size:.8rem}
.x-stk td,.x-stk th{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}
.x-stk th{color:var(--muted);font-weight:500;font-size:.72rem}
.x-stk .btn{padding:4px 10px;font-size:.75rem}
.x-stk .x-zero{color:var(--o);font-weight:700}
.x-chk{list-style:none;padding:0;margin:4px 0;display:grid;gap:5px}
.x-chk label{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;cursor:pointer}
.x-chk input{accent-color:var(--o)}
.x-chk em{font-style:normal;color:var(--o);font-weight:600}
.x-stg{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px;font-size:.83rem}
.x-stg li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.x-stg span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-size:.7rem;font-weight:700;flex:none}
.x-stg b{flex:1 1 130px;font-weight:500;min-width:0}
.x-stg em{font-style:normal;color:var(--muted);font-size:.75rem}
.x-stg .x-dn span{background:var(--o);color:var(--card)}
.x-stg .x-dn b{color:var(--muted)}
.x-stg .x-now b{color:var(--head);font-weight:700}
.x-ref{list-style:none;padding:0;margin:8px 0;display:grid;gap:5px;font-size:.83rem}
.x-ref li{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--bg2);border-radius:8px;padding:6px 9px;overflow-wrap:anywhere}
.x-ref em{font-style:normal;color:var(--o);font-weight:600}
@media (max-width:560px){.x-q,.x-row{grid-template-columns:minmax(0,1fr)}.x-cal{grid-template-columns:32px repeat(5,minmax(0,1fr));font-size:.6rem;gap:3px}.x-cal>div{padding:2px}.x-cal em{padding:1px 2px}.x-phone{max-width:100%}}