/* Temperature Sensor quote page aligned to WANDI quote design system - scoped only */
.tss-page{
    --tss-ink:#0f172a;
    --tss-text:#334155;
    --tss-muted:#64748b;
    --tss-line:#dfe7ef;
    --tss-soft:#f7fafc;
    --tss-soft2:#f0fdf4;
    --tss-brand:#059669;
    --tss-brand2:#10b981;
    --tss-red:#dc2626;
    width:min(var(--tm-max,1400px),calc(100% - 40px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:34px 0 80px!important;
    color:var(--tss-text)!important;
    font-family:inherit!important;
    box-sizing:border-box!important;
    background:transparent!important;
}
.tss-page *{box-sizing:border-box}

/* 01. Hero / section header: WANDI detail match */
.tss-page .tss-subvisual{
    position:relative!important;
    overflow:hidden!important;
    margin:0 0 22px!important;
    padding:46px 48px!important;
    border:1px solid var(--tss-line)!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,#f8fafc 0%,#fff 58%,#ecfdf5 100%)!important;
    box-shadow:0 18px 42px rgba(15,23,42,.05)!important;
    min-height:0!important;
}
.tss-page .tss-subvisual:before{display:none!important}
.tss-page .tss-subvisual:after{
    content:""!important;
    position:absolute!important;
    right:-80px!important;
    top:-80px!important;
    width:260px!important;
    height:260px!important;
    border-radius:50%!important;
    background:rgba(5,150,105,.11)!important;
}
.tss-page .tss-subvisual>div,
.tss-page .tss-quote-head>div{position:relative!important;z-index:1!important;max-width:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.tss-page .tss-subvisual span,
.tss-page .tss-quote-head span{
    display:inline-flex!important;
    align-items:center!important;
    margin:0 0 12px!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--tss-brand)!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.tss-page .tss-subvisual h1{
    margin:0 0 12px!important;
    color:var(--tss-ink)!important;
    font-size:clamp(32px,4vw,52px)!important;
    font-weight:900!important;
    line-height:1.08!important;
    letter-spacing:-.055em!important;
}
.tss-page .tss-subvisual p,
.tss-page .tss-quote-head p{
    margin:0!important;
    max-width:760px!important;
    color:var(--tss-muted)!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.7!important;
    word-break:keep-all!important;
}
.tss-page .tss-quote-head{
    margin:0 0 18px!important;
    padding:24px 4px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.tss-page .tss-quote-head h2{
    margin:0 0 8px!important;
    color:var(--tss-ink)!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1.25!important;
    letter-spacing:-.04em!important;
}

/* 02. Step nav: same component rhythm as WANDI */
.tss-page .tss-form{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.tss-page .tss-step-menu{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:10px!important;
    margin:0 0 18px!important;
    padding:10px!important;
    border:1px solid var(--tss-line)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.92)!important;
    backdrop-filter:blur(10px)!important;
    box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
}
.tss-page .tss-step-menu button{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:66px!important;
    padding:13px 15px!important;
    border:1px solid transparent!important;
    border-radius:16px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--tss-muted)!important;
    font-family:inherit!important;
    cursor:pointer!important;
    text-align:left!important;
    transition:.16s ease!important;
}
.tss-page .tss-step-menu button em{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-style:normal!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
}
.tss-page .tss-step-menu button strong{
    display:block!important;
    margin:0!important;
    color:var(--tss-ink)!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
}
.tss-page .tss-step-menu button.is-active{
    border-color:#bbf7d0!important;
    background:var(--tss-soft2)!important;
    color:var(--tss-brand)!important;
    box-shadow:none!important;
}
.tss-page .tss-step-menu button.is-active strong{color:var(--tss-brand)!important}

/* 03. Step containers / title */
.tss-page .tss-step{
    display:none!important;
    margin:0 0 18px!important;
    padding:30px!important;
    border:1px solid var(--tss-line)!important;
    border-radius:28px!important;
    background:#fff!important;
    box-shadow:0 14px 36px rgba(15,23,42,.045)!important;
}
.tss-page .tss-step.is-active{display:block!important}
.tss-page .tss-step-title{
    display:flex!important;
    gap:15px!important;
    align-items:flex-start!important;
    margin:0 0 22px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
.tss-page .tss-step-title>b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:44px!important;
    height:44px!important;
    border-radius:16px!important;
    background:var(--tss-soft2)!important;
    border:1px solid #bbf7d0!important;
    color:var(--tss-brand)!important;
    font-size:18px!important;
    font-weight:900!important;
}
.tss-page .tss-step-title h3{
    margin:0 0 6px!important;
    color:var(--tss-ink)!important;
    font-size:24px!important;
    font-weight:900!important;
    line-height:1.25!important;
    letter-spacing:-.03em!important;
}
.tss-page .tss-step-title p{
    margin:0!important;
    color:var(--tss-muted)!important;
    font-size:14px!important;
    line-height:1.65!important;
    word-break:keep-all!important;
}

/* 04. Blocks / mini headings */
.tss-page .tss-block,
.tss-page .tss-summary{
    margin-top:16px!important;
    padding:18px!important;
    border:1px solid var(--tss-line)!important;
    border-radius:20px!important;
    background:#f8fafc!important;
    box-shadow:none!important;
}
.tss-page .tss-block:first-of-type{margin-top:0!important}
.tss-page .tss-mini{margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.tss-page .tss-mini h4,
.tss-page .tss-summary h3{
    margin:0 0 10px!important;
    color:var(--tss-ink)!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
}
.tss-page .tss-mini p{margin:0!important;color:var(--tss-muted)!important;font-size:14px!important;line-height:1.6!important;word-break:keep-all!important}

/* 05. All choice cards share one system */
.tss-page .tss-select-grid,
.tss-page .tss-type-color-grid,
.tss-page .tss-image-grid,
.tss-page .tss-info-grid,
.tss-page .tss-well-grid{
    display:grid!important;
    gap:12px!important;
}
.tss-page .tss-select-grid{grid-template-columns:repeat(3,1fr)!important}
.tss-page .tss-type-color-grid{grid-template-columns:repeat(7,1fr)!important}
.tss-page .tss-image-grid{grid-template-columns:repeat(3,1fr)!important}
.tss-page .tss-info-grid{grid-template-columns:repeat(4,1fr)!important}
.tss-page .tss-well-grid{grid-template-columns:repeat(4,1fr)!important}
.tss-page .tss-select-grid button,
.tss-page .tss-type-color-grid button,
.tss-page .tss-image-grid button,
.tss-page .tss-info-grid button,
.tss-page .tss-info-grid article,
.tss-page .tss-well-grid button,
.tss-page .tss-connector-color-row button{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    min-height:118px!important;
    padding:18px!important;
    border:1px solid var(--tss-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    color:var(--tss-text)!important;
    text-align:left!important;
    font-family:inherit!important;
    cursor:pointer!important;
    transition:.16s ease!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.tss-page .tss-info-grid article{cursor:default!important}
.tss-page .tss-select-grid button:hover,
.tss-page .tss-type-color-grid button:hover,
.tss-page .tss-image-grid button:hover,
.tss-page .tss-info-grid button:hover,
.tss-page .tss-well-grid button:hover,
.tss-page .tss-connector-color-row button:hover{
    border-color:var(--tss-brand)!important;
    background:var(--tss-soft2)!important;
    transform:none!important;
}
.tss-page button.is-selected,
.tss-page .tss-select-grid button.is-selected,
.tss-page .tss-type-color-grid button.is-selected,
.tss-page .tss-image-grid button.is-selected,
.tss-page .tss-info-grid button.is-selected,
.tss-page .tss-well-grid button.is-selected,
.tss-page .tss-connector-color-row button.is-selected{
    border-color:var(--tss-brand)!important;
    background:linear-gradient(180deg,#fff,#f0fdf4)!important;
    box-shadow:0 0 0 3px rgba(5,150,105,.10)!important;
}
.tss-page .tss-select-grid strong,
.tss-page .tss-type-color-grid strong,
.tss-page .tss-image-grid strong,
.tss-page .tss-info-grid strong,
.tss-page .tss-well-grid strong,
.tss-page .tss-connector-color-row strong{
    display:block!important;
    margin:0!important;
    color:var(--tss-ink)!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
}
.tss-page .tss-select-grid span,
.tss-page .tss-type-color-grid span,
.tss-page .tss-image-grid span,
.tss-page .tss-info-grid span,
.tss-page .tss-well-grid span{
    display:block!important;
    margin:0!important;
    color:var(--tss-muted)!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.55!important;
    word-break:keep-all!important;
}
.tss-page .tss-select-grid small,
.tss-page .tss-image-grid small{
    display:inline-flex!important;
    align-items:center!important;
    align-self:flex-start!important;
    margin-top:auto!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    color:var(--tss-muted)!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.2!important;
}
.tss-page .tss-image-grid figure,
.tss-page .tss-well-grid figure,
.tss-page .tss-connector-color-row figure,
.tss-page .tss-model-card figure{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff,#f8fafc)!important;
    overflow:hidden!important;
}
.tss-page .tss-image-grid figure{height:148px!important}
.tss-page .tss-well-grid figure{height:118px!important}
.tss-page .tss-connector-color-row figure{height:74px!important}
.tss-page .tss-image-grid img,
.tss-page .tss-well-grid img,
.tss-page .tss-connector-color-row img,
.tss-page .tss-model-card img{width:100%!important;height:100%!important;object-fit:contain!important;padding:6px!important}
.tss-page .tss-type-color-grid i{display:block!important;width:36px!important;height:36px!important;margin:0 0 2px!important;border-radius:14px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.35)!important}

/* 06. Reference model tabs/cards */
.tss-page .tss-tabs,
.tss-page .tss-connector-color-row{
    display:flex!important;
    gap:8px!important;
    overflow:auto!important;
    margin:0 0 16px!important;
    padding:0 0 4px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.tss-page .tss-tabs button{
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:0 16px!important;
    border:1px solid var(--tss-line)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--tss-text)!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
.tss-page .tss-tabs button.is-active{
    border-color:var(--tss-brand)!important;
    background:var(--tss-brand)!important;
    color:#fff!important;
}
.tss-page .tss-model-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.tss-page .tss-model-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    min-width:0!important;
    padding:14px!important;
    border:1px solid var(--tss-line)!important;
    border-radius:22px!important;
    background:#fff!important;
    text-align:left!important;
    font-family:inherit!important;
    cursor:pointer!important;
    transition:.18s ease!important;
    box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
}
.tss-page .tss-model-card:hover{transform:translateY(-2px)!important;border-color:#bbf7d0!important;box-shadow:0 14px 32px rgba(15,23,42,.07)!important;background:#fff!important}
.tss-page .tss-model-card.is-selected{border-color:var(--tss-brand)!important;background:linear-gradient(180deg,#fff,#f0fdf4)!important;box-shadow:0 0 0 3px rgba(5,150,105,.10)!important}
.tss-page .tss-model-card[style*="display: none"]{display:none!important}
.tss-page .tss-model-card figure{height:160px!important}
.tss-page .tss-model-card em{display:inline-flex!important;align-self:flex-start!important;margin:0 0 8px!important;padding:5px 9px!important;border-radius:999px!important;background:#ecfdf5!important;color:var(--tss-brand)!important;font-style:normal!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important}
.tss-page .tss-model-card strong{display:block!important;margin:0 0 6px!important;color:var(--tss-ink)!important;font-size:19px!important;letter-spacing:-.02em!important;line-height:1.25!important}
.tss-page .tss-model-card p{display:block!important;min-height:42px!important;margin:0!important;color:var(--tss-muted)!important;font-size:13px!important;line-height:1.55!important;word-break:keep-all!important}
.tss-page .tss-model-card mark{display:flex!important;align-items:center!important;justify-content:center!important;height:38px!important;margin-top:12px!important;border-radius:13px!important;background:#f8fafc!important;color:var(--tss-text)!important;font-size:13px!important;font-weight:900!important}
.tss-page .tss-model-card.is-selected mark{background:var(--tss-brand)!important;color:#fff!important}
.tss-page .tss-connector-color-row{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:10px!important;margin-top:14px!important;overflow:visible!important}
.tss-page .tss-connector-color-row button{min-height:128px!important;padding:12px!important;align-items:center!important;text-align:center!important}

/* 07. Fields / text areas / file button */
.tss-page .tss-fields{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:14px!important}
.tss-page .tss-fields.cols2{grid-template-columns:repeat(2,1fr)!important}
.tss-page .tss-fields.cols3{grid-template-columns:repeat(3,1fr)!important}
.tss-page .tss-fields.cols4{grid-template-columns:repeat(4,1fr)!important}
.tss-page .tss-fields.cols5{grid-template-columns:repeat(5,1fr)!important}
.tss-page .tss-fields label,
.tss-page .tss-textarea{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    min-width:0!important;
    margin:0!important;
    color:var(--tss-text)!important;
    font-weight:900!important;
}
.tss-page .tss-textarea{margin-top:14px!important}
.tss-page .tss-fields label span,
.tss-page .tss-textarea span{font-size:14px!important;line-height:1.35!important;color:var(--tss-text)!important;font-weight:900!important}
.tss-page .tss-fields i{color:var(--tss-red)!important;font-style:normal!important}
.tss-page .tss-fields input[type="text"],
.tss-page .tss-fields input[type="number"],
.tss-page .tss-fields input[type="date"],
.tss-page .tss-fields input[type="email"],
.tss-page .tss-fields input[type="tel"],
.tss-page .tss-fields select,
.tss-page .tss-fields textarea,
.tss-page .tss-textarea textarea,
.tss-page .filebox input[type="file"]{
    width:100%!important;
    min-height:50px!important;
    padding:12px 14px!important;
    border:1px solid #cbd5e1!important;
    border-radius:15px!important;
    background:#fff!important;
    color:var(--tss-ink)!important;
    font-family:inherit!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.4!important;
    outline:none!important;
    box-shadow:none!important;
}
.tss-page .tss-textarea textarea{min-height:118px!important;resize:vertical!important;line-height:1.65!important}
.tss-page .tss-fields input:focus,
.tss-page .tss-fields select:focus,
.tss-page .tss-fields textarea:focus,
.tss-page .tss-textarea textarea:focus,
.tss-page .filebox input[type="file"]:focus{
    border-color:var(--tss-brand)!important;
    box-shadow:0 0 0 4px rgba(5,150,105,.12)!important;
}
.tss-page .filebox{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.tss-page .filebox input[type="file"]{padding:8px 10px!important;color:var(--tss-muted)!important;line-height:32px!important}
.tss-page .filebox input[type="file"]::file-selector-button{height:34px!important;margin-right:10px!important;padding:0 14px!important;border:0!important;border-radius:11px!important;background:var(--tss-ink)!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}
.tss-page .filebox input[type="file"]::-webkit-file-upload-button{height:34px!important;margin-right:10px!important;padding:0 14px!important;border:0!important;border-radius:11px!important;background:var(--tss-ink)!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}
.tss-page .filebox input[type="file"]:hover::file-selector-button{background:var(--tss-brand)!important}

/* 08. Summary / status / notes */
.tss-page .tss-summary{background:#f8fafc!important}
.tss-page .tss-code{display:grid!important;grid-template-columns:118px 1fr!important;gap:10px!important;align-items:center!important;margin:0 0 8px!important;padding:12px!important;border:1px solid var(--tss-line)!important;border-radius:16px!important;background:#fff!important}
.tss-page .tss-code span{color:var(--tss-muted)!important;font-size:14px!important;font-weight:900!important}
.tss-page .tss-code strong{color:var(--tss-ink)!important;font-size:18px!important;font-weight:900!important;line-height:1.25!important}
.tss-page .tss-summary-rows{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:0 18px!important;margin-top:6px!important}
.tss-page .tss-summary-rows>div{display:grid!important;grid-template-columns:118px 1fr!important;gap:10px!important;padding:10px 0!important;border-bottom:1px solid #e2e8f0!important;font-size:14px!important}
.tss-page .tss-summary-rows b{color:var(--tss-muted)!important;font-weight:900!important}
.tss-page .tss-summary-rows span{color:var(--tss-ink)!important;font-weight:900!important;line-height:1.45!important}
.tss-page .tss-copy{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;margin-top:14px!important;padding:0 14px!important;border:1px solid var(--tss-line)!important;border-radius:999px!important;background:#fff!important;color:var(--tss-text)!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}
.tss-page .tss-note{margin-top:16px!important;padding:16px!important;border:1px solid #fed7aa!important;border-radius:18px!important;background:#fff7ed!important;color:#9a3412!important;font-size:13px!important;line-height:1.7!important}
.tss-page .tss-form-status{min-height:0!important;margin-top:14px!important;font-size:14px!important;font-weight:900!important}

/* 09. Buttons */
.tss-page .tss-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-top:22px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.tss-page .tss-actions span{display:block!important}
.tss-page .tss-prev,
.tss-page .tss-next,
.tss-page .tss-submit{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:150px!important;
    min-height:52px!important;
    padding:0 20px!important;
    border-radius:16px!important;
    border:1px solid var(--tss-line)!important;
    font-family:inherit!important;
    font-size:15px!important;
    font-weight:900!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:.16s ease!important;
}
.tss-page .tss-prev{background:#fff!important;color:var(--tss-text)!important}
.tss-page .tss-next,
.tss-page .tss-submit{border-color:var(--tss-brand)!important;background:var(--tss-brand)!important;color:#fff!important;box-shadow:0 12px 24px rgba(5,150,105,.18)!important}
.tss-page .tss-next:hover,
.tss-page .tss-submit:hover{background:#047857!important;border-color:#047857!important}
.tss-page .tss-prev:hover{border-color:var(--tss-brand)!important;color:var(--tss-brand)!important;background:var(--tss-soft2)!important}
.tss-page .tss-submit:disabled{opacity:.65!important;cursor:wait!important}

/* 10. Responsive same as WANDI */
@media (max-width:1180px){
    .tss-page .tss-model-grid{grid-template-columns:repeat(3,1fr)!important}
    .tss-page .tss-type-color-grid,.tss-page .tss-connector-color-row{grid-template-columns:repeat(4,1fr)!important}
    .tss-page .tss-info-grid,.tss-page .tss-well-grid{grid-template-columns:repeat(2,1fr)!important}
    .tss-page .tss-fields.cols4,.tss-page .tss-fields.cols5{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:1024px){
    .tss-page .tss-select-grid,.tss-page .tss-image-grid{grid-template-columns:repeat(2,1fr)!important}
    .tss-page .tss-fields.cols3{grid-template-columns:repeat(2,1fr)!important}
    .tss-page .tss-summary-rows{grid-template-columns:1fr!important}
}
@media (max-width:760px){
    .tss-page{width:calc(100% - 28px)!important;padding:22px 0 70px!important}
    .tss-page .tss-subvisual{padding:32px 24px!important;border-radius:24px!important}
    .tss-page .tss-subvisual:after{right:-120px!important;top:-110px!important}
    .tss-page .tss-subvisual h1{font-size:30px!important}
    .tss-page .tss-subvisual p,.tss-page .tss-quote-head p{font-size:14px!important}
    .tss-page .tss-quote-head{padding:18px 2px!important}
    .tss-page .tss-quote-head h2{font-size:26px!important}
    .tss-page .tss-step-menu{position:relative!important;top:auto!important;grid-template-columns:repeat(4,minmax(116px,1fr))!important;overflow:auto!important;border-radius:18px!important}
    .tss-page .tss-step-menu button{min-height:58px!important;padding:11px 12px!important}
    .tss-page .tss-step{padding:22px 18px!important;border-radius:24px!important}
    .tss-page .tss-step-title h3{font-size:22px!important}
    .tss-page .tss-select-grid,
    .tss-page .tss-type-color-grid,
    .tss-page .tss-image-grid,
    .tss-page .tss-info-grid,
    .tss-page .tss-well-grid,
    .tss-page .tss-model-grid,
    .tss-page .tss-fields.cols2,
    .tss-page .tss-fields.cols3,
    .tss-page .tss-fields.cols4,
    .tss-page .tss-fields.cols5{grid-template-columns:1fr!important}
    .tss-page .tss-type-color-grid,.tss-page .tss-connector-color-row{grid-template-columns:repeat(2,1fr)!important}
    .tss-page .tss-image-grid figure{height:128px!important}
    .tss-page .tss-model-card{padding:10px!important;border-radius:18px!important}
    .tss-page .tss-model-card figure{height:128px!important;border-radius:16px!important}
    .tss-page .tss-model-card strong{font-size:16px!important}
    .tss-page .tss-model-card p{font-size:12px!important;min-height:0!important}
    .tss-page .tss-actions{position:sticky!important;bottom:0!important;z-index:20!important;margin:22px -18px -22px!important;padding:12px 18px!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(10px)!important;border-top:1px solid var(--tss-line)!important;border-radius:0 0 24px 24px!important}
    .tss-page .tss-prev,.tss-page .tss-next,.tss-page .tss-submit{flex:1!important;min-width:0!important;font-size:14px!important}
    .tss-page .tss-code,.tss-page .tss-summary-rows>div{grid-template-columns:98px 1fr!important}
}
@media (max-width:420px){
    .tss-page .tss-type-color-grid,.tss-page .tss-connector-color-row{grid-template-columns:1fr!important}
    .tss-page .tss-tabs{margin-left:-2px!important;margin-right:-2px!important}
    .tss-page .tss-tabs button{min-height:38px!important;padding:0 13px!important;font-size:12px!important}
}


/* Subpage layout alignment: use common tm-subvisual + tm-company-page__inner */
.tss-subpage{background:#FFFFFF;color:#0F172A;}
.tss-subpage .tss-page{width:min(var(--tm-max, 1400px), calc(100% - 48px))!important;max-width:none!important;margin:0 auto!important;padding:clamp(64px,7vw,104px) 0!important;}
.tss-subpage .tss-subvisual{display:none!important;}
.tss-subpage .tss-quote-head{margin:0 0 clamp(28px,4vw,48px)!important;padding:clamp(30px,4vw,52px)!important;border:1px solid #E2E8F0!important;border-radius:18px!important;background:radial-gradient(circle at 100% 0%, rgba(5,150,105,.10), transparent 36%), #FFFFFF!important;box-shadow:none!important;}
.tss-subpage .tss-quote-head span{margin:0 0 12px!important;color:#059669!important;font-size:12px!important;font-weight:900!important;line-height:1!important;letter-spacing:.16em!important;}
.tss-subpage .tss-quote-head h2{margin:0!important;color:#0F172A!important;font-size:clamp(27px,3.2vw,42px)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.045em!important;}
.tss-subpage .tss-quote-head p{display:block;max-width:760px!important;margin:18px 0 0!important;color:#64748B!important;font-size:16px!important;line-height:1.75!important;}
.tss-subpage .tss-step-menu{top:78px!important;border-radius:18px!important;box-shadow:none!important;}
.tss-subpage .tss-step{border-radius:22px!important;box-shadow:none!important;}
@media(max-width:1180px){.tss-subpage .tss-page{width:min(var(--tm-max,1400px), calc(100% - 40px))!important;}}
@media(max-width:760px){.tss-subpage .tss-page{width:calc(100% - 32px)!important;padding:44px 0 72px!important;}.tss-subpage .tss-step-menu{top:64px!important}.tss-subpage .tss-quote-head{padding:26px!important;border-radius:16px!important;}}

/* 중복 인트로 제거: 공통 tm-subvisual 사용 */
.tss-subpage .tss-quote-head { display: none !important; }