.tt-wrap{width:min(100%,1000px);margin:auto}.tt-wrap *{box-sizing:border-box}.tt-wrap p{line-height:1.75}.tt-wrap small{color:#566476;line-height:1.6}.tt-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;list-style:none;margin:0 0 14px;padding:0}.tt-steps li{border-top:3px solid #c5ceda;padding:10px 4px;color:#5a6778;font-weight:700}.tt-steps li[aria-current]{border-color:var(--s-blue);color:var(--s-blue)}.tt-steps li span{margin-right:8px;font:700 11px/1 Arial}.tt-card,.tt-status,.tt-share{border:1px solid #d6dde5;border-radius:10px;background:#fff;padding:clamp(16px,3.4vw,38px);margin:13px 0}.tt-card>h2{font-size:clamp(22px,2.5vw,34px);line-height:1.4}.tt-card>p{color:#4b5866}.tt-card label{display:grid;align-content:start;gap:5px;font-size:14px;font-weight:650}.tt-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tt-card :where(input,select,textarea){min-width:0}.tt-card [hidden]{display:none!important}.tt-nav,.tt-controls,.tt-status,.tt-share>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tt-nav{justify-content:space-between;border-top:1px solid #d5dce3;padding-top:17px}.tt-nav [data-next]{margin-left:auto}.tt-controls button,.tt-controls .tt-file,.tt-share button,.tt-scroll button,.tt-paste button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;border:1px solid #aab8c7;background:#f5f7f9;border-radius:5px;padding:7px 13px;color:#23364a;font:650 14px/1.45 inherit;cursor:pointer}.tt-file{position:relative;overflow:hidden}.tt-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.tt-file:focus-within{outline:3px solid #526de4}.tt-status{justify-content:space-between;background:#eaf0fb}.tt-status>b{color:#2143aa;border:1px solid #829bd2;border-radius:20px;padding:6px 13px;font-size:14px}.tt-status small,.tt-card .s-kicker{font:700 11px/1.45 Arial,sans-serif;letter-spacing:.08em;color:#2546bc}.tt-share{background:#f1f3f6}.tt-share p{margin:6px 0 10px}.tt-share input{flex:1;min-width:0;width:100%;font-size:13px}.tt-scroll{border:1px solid #d6dde4;border-radius:6px;width:100%;overflow:auto;max-height:58vh}.tt-scroll table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;color:#26374b}.tt-scroll thead th{font-size:12px;position:sticky;top:0;background:#eaf0f6;z-index:1;white-space:nowrap}.tt-scroll :where(th,td){border-bottom:1px solid #dae1e8;padding:8px 9px}.tt-edit input,.tt-edit select{font-size:14px;padding:7px;min-height:40px}.tt-edit [data-col=name]{min-width:80px}.tt-edit [data-col=number],.tt-edit [data-col=quantity]{max-width:75px}.tt-scroll button{min-height:28px;padding:2px 7px;white-space:nowrap}.tt-bad{background:#fff1e8}.tt-count,.tt-summary{background:#ecf3ec;padding:12px 15px;border-radius:5px}.tt-paste{padding:11px 0;border-block:1px solid #d6dde4}.tt-paste summary{cursor:pointer;font-weight:650}.tt-paste textarea{width:100%;margin:9px 0}.tt-proofs{display:flex;flex-wrap:wrap;gap:12px}.tt-proofs figure{flex:1;min-width:120px;background:#eaf0f5;padding:10px;text-align:center;margin:5px 0;border-radius:7px}.tt-proofs svg{width:100%;height:160px}.tt-attachment{margin:12px 0}.tt-attachment img{max-width:100%;max-height:330px;object-fit:contain;border:1px solid #ccd6df}.tt-attachment figcaption,.tt-proofs figcaption{font-size:13px;color:#4d5e72}.tt-price{margin:10px 0}.tt-price div{display:flex;justify-content:space-between;border-bottom:1px solid #d8e0e8;padding:6px 0}.tt-wrap .tt-check{display:flex;align-items:baseline;flex-direction:row;font-weight:550}.tt-check input{flex:0 0 18px;accent-color:var(--s-blue)}.tt-card>div:has(>h3){margin-top:14px}
@media(max-width:600px){.tt-steps li{font-size:12px}.tt-steps li span{display:block;margin:0 0 4px}.tt-card{padding:15px}.tt-compact{grid-template-columns:1fr}.tt-nav .s-btn{padding-inline:15px}.tt-share>div{flex-wrap:nowrap}.tt-edit td,.tt-edit th{padding:5px}.tt-proofs svg{height:105px}.tt-proofs figure{min-width:80px}}
.tt-ruler,.tt-verify,.tt-delta{padding:1rem;background:#eef2ff;border-radius:1rem;margin:1rem 0}.tt-ruler>div{display:grid;grid-template-columns:3em minmax(4rem,1fr) 6em;align-items:center;gap:.7rem;margin:.6rem 0}.tt-track{height:10px;border-radius:5px;background:#d8dff2}.tt-track i{display:block;height:100%;border-radius:5px;background:#284ee8}.tt-public-share input,.s-after select,.s-after textarea,.s-after input{max-width:100%;width:100%;min-width:0}.tt-public-share input{display:block;margin:.5rem 0;padding:.65rem}.s-quote-check{margin:1rem 0}.s-after{margin:1rem 0;display:grid;gap:.7rem}.s-after article{border-block-end:1px solid #dce2e9;padding:.65rem 0}.s-after img{max-width:min(100%,28rem);height:auto}.s-after label{display:grid;gap:.35rem}
.tt-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}.tt-diagram figure{margin:0;padding:10px;background:#f4f6fa;text-align:center;border-radius:12px}.tt-diagram svg{width:100%;max-height:160px}.tt-diagram figcaption{font-size:.88rem;line-height:1.5;color:#263a5a}

.tt-card .tt-lead{margin:0;line-height:1.7;color:#40505f}
.tt-style-pick{display:grid;grid-template-columns:minmax(130px,205px) minmax(0,1fr);gap:clamp(16px,3.2vw,40px);align-items:center;background:#f8f7f1;border:1px solid #e1e0d8;border-radius:7px;padding:clamp(12px,2vw,22px)}
.tt-style-pick:not(:has(img)){grid-template-columns:1fr}
.tt-style-pick img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#eeefec;border-radius:5px}
.tt-style-pick>div{min-width:0}
.tt-style-pick select{background-color:#fff}
.tt-style-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:12px 0 2px;color:#36404a;font-size:14px}
.tt-style-price strong{color:#172633;font-size:clamp(21px,2.2vw,30px);line-height:1.24;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.tt-specs{border-block:1px solid #d7dde1}
.tt-specs summary,.tt-paste summary{line-height:1.5;min-height:44px;padding:11px 0;cursor:pointer;font-weight:700}
.tt-specs summary small{font-size:13px;font-weight:500;margin-left:6px}
.tt-spec-body{display:grid;gap:16px;padding:7px 0 17px}
.tt-welcome{display:flex;align-items:center;gap:clamp(14px,2.5vw,26px);background:#faf8f1;border:1px solid #d4d5cc;border-radius:5px;padding:18px clamp(14px,3vw,28px);margin:12px 0 20px;color:#19252f}
.tt-welcome-mark{align-self:stretch;display:flex;align-items:center;border-right:1px dashed #b3b9bc;padding-right:clamp(12px,2vw,23px);flex:none}
.tt-welcome img{display:block;width:clamp(42px,7vw,58px);height:auto;aspect-ratio:1;object-fit:contain}
.tt-welcome small{display:block;color:#334b70;font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:5px}
.tt-welcome b{display:block;font-size:clamp(19px,2.25vw,27px);line-height:1.35;letter-spacing:-.02em}.tt-welcome p{margin:5px 0 0;line-height:1.65;color:#45535c}
.tt-roster-scroll{max-height:none}
.tt-edit tbody th{padding-inline:9px;text-align:center;color:#526174;font:650 .81rem/1.4 Arial,sans-serif;vertical-align:middle}
.tt-edit .tt-person-toggle,.tt-field-label{display:none}
.tt-edit [aria-invalid=true]{outline:2px solid #a5422d;outline-offset:-2px}
.tt-row-error{display:block;font-size:12px;line-height:1.5;color:#8f2c18;margin-top:4px;max-width:11rem}
.tt-row-error:empty{display:none}
.tt-row-action{text-align:center}
#tt-form [data-msg]:empty{display:none}
#tt-validation:focus{outline:3px solid #284ee8;outline-offset:2px}
@media(max-width:720px){
  .tt-wrap{min-width:0}.tt-card{min-width:0}
  .tt-style-pick{grid-template-columns:minmax(100px,39%) minmax(0,1fr);gap:13px}
  .tt-style-pick select{padding-inline:5px;max-width:100%}
  .tt-style-price{margin-top:8px}
  .tt-style-pick small{display:block;font-size:13px;line-height:1.5}
  .tt-card .tt-lead,.tt-welcome p{font-size:16px}
  .tt-wrap input:not([type=checkbox],[type=file]),.tt-wrap select,.tt-wrap textarea{font-size:16px;min-height:44px}
  .tt-controls button,.tt-controls .tt-file,.tt-paste button,.tt-nav .s-btn,.tt-wrap .s-text-btn,.tt-share button{min-height:44px}
  .tt-wrap .tt-share input{font-size:16px}
  .tt-roster-scroll{border:0;overflow:visible;background:transparent}
  .tt-edit,.tt-edit tbody{display:block;min-width:0;width:100%}
  .tt-edit thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .tt-edit tbody{display:grid;gap:9px}
  .tt-edit .tt-person{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border:1px solid #cdd5de;border-radius:7px;padding:0 12px;background:#fff;scroll-margin-top:12px}
  .tt-edit .tt-open{border-color:#9bacce}.tt-edit .tt-bad{border-color:#b75d45;background:#fff5ee}
  .tt-edit .tt-person>th{grid-column:1/-1;padding:0;border:0;text-align:start;font:inherit}
  .tt-edit .tt-person>td{display:none;border:0;padding:0}
  .tt-edit .tt-person.tt-open>td{display:block;padding:0 0 12px;text-align:start}
  .tt-edit .tt-row-num{display:none}
  .tt-edit .tt-person-toggle{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) max-content 10px;align-items:center;column-gap:8px;width:100%;min-height:52px;padding:9px 2px;border:0;color:#192b3e;background:transparent;white-space:normal;text-align:left;font:inherit;cursor:pointer}
  .tt-edit .tt-person-toggle [data-label]{overflow-wrap:anywhere;line-height:1.45}
  .tt-person-toggle [data-label="0"]{font-weight:700}
  .tt-person-toggle [data-label="1"],.tt-person-toggle [data-label="2"]{font-size:14px}
  .tt-chevron{width:7px;height:7px;display:block;border-inline-end:1.5px solid;border-block-end:1.5px solid;transform:rotate(45deg);color:#49586c}
  .tt-open .tt-chevron{transform:rotate(225deg)}
  .tt-edit .tt-field-label{display:block;color:#4a5865;font-size:13px;margin-bottom:4px}
  .tt-edit input,.tt-edit select{padding:8px;font-size:16px;min-height:44px}
  .tt-edit [data-col=name],.tt-edit [data-col=number],.tt-edit [data-col=quantity]{min-width:0;max-width:none;width:100%}
  .tt-edit .tt-row-action button{color:#813728;border:1px solid #d2bfb7;background:transparent;min-height:44px;padding-inline:15px}
  .tt-edit .tt-row-action{align-self:end}
  .tt-row-error{font-size:13px;max-width:none}
}
@media(max-width:390px){
  .tt-style-pick{padding:10px;grid-template-columns:minmax(88px,34%) minmax(0,1fr)}
  .tt-edit .tt-person{padding-inline:9px}.tt-edit .tt-person-toggle{column-gap:6px}
}
.tt-read-summary{display:none}
@media(max-width:720px){
  .tt-read-scroll{max-height:none}
  .tt-read thead{display:none}
  .tt-read td:not(:first-child),.tt-read-index{display:none}
  .tt-read-summary{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) max-content;align-items:center;gap:8px;min-height:36px;overflow-wrap:anywhere}
  .tt-read-summary span:first-child{font-weight:700}
}