/* OSFILE V12 — premium single tool / Epson model page */
:root{
    --stp-blue:#0b6bff;
    --stp-blue-dark:#0054d7;
    --stp-ink:#0b1830;
    --stp-text:#334155;
    --stp-muted:#73809a;
    --stp-line:#dfe7f2;
    --stp-soft:#f5f9ff;
    --stp-soft-blue:#eef6ff;
    --stp-green:#16a34a;
    --stp-green-soft:#eefcf3;
    --stp-amber:#f59e0b;
    --stp-red:#ef4444;
    --stp-radius:10px;
    --stp-shadow:0 10px 28px rgba(28,63,112,.06);
}
.single-tool-premium-page{background:#f7fbff;color:var(--stp-ink)}
.single-tool-premium-page .site-footer{margin-top:0}
.single-tool-premium-page main{background:#f7fbff}

/* dedicated header on single tool pages */
.stp-site-header{padding:0;border-bottom:1px solid #e9eef5;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:none}
.stp-header-inner{min-height:64px;display:grid!important;grid-template-columns:auto 1fr minmax(270px,360px);gap:28px;align-items:center}
.stp-header-brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;color:var(--stp-ink)}
.stp-header-brand .site-logo-word{font:800 26px/1 Manrope,Inter,sans-serif;letter-spacing:-.04em}
.stp-header-brand .site-logo-word span{color:var(--stp-blue)}
.stp-header-brand small{font-size:11px;font-weight:600;color:#23324d}
.stp-header-nav{display:flex;align-items:center;justify-content:center;gap:26px}
.stp-header-nav a{font-size:12px;font-weight:600;color:#25334d;text-decoration:none;transition:.2s}
.stp-header-nav a:hover{color:var(--stp-blue)}
.stp-header-search{display:flex;align-items:center;min-width:0;border:1px solid #d8e2ef;border-radius:8px;background:#fff;overflow:hidden}
.stp-header-search input{width:100%;min-width:0;height:36px;border:0;outline:0;padding:0 12px;background:transparent;font-size:12px;color:var(--stp-ink)}
.stp-header-search button{width:42px;height:36px;border:0;background:var(--stp-blue);color:#fff;display:grid;place-items:center}
.stp-header-search svg{width:16px;height:16px}

.stp-page{--stp-left:170px;--stp-right:220px;padding:0 0 34px;background:linear-gradient(180deg,#f4f9ff 0,#fff 210px,#fff 62%,#f7fbff 100%);color:var(--stp-ink)}
.stp-shell{width:min(1320px,calc(100% - 32px));margin:0 auto}
.stp-grid{display:grid;grid-template-columns:var(--stp-left) minmax(0,1fr) var(--stp-right);gap:18px;align-items:start}
.stp-left,.stp-right{padding-top:26px;position:sticky;top:74px}
.stp-center{min-width:0;padding-top:16px}
.stp-card{border:1px solid var(--stp-line);border-radius:var(--stp-radius);background:#fff;box-shadow:var(--stp-shadow)}

/* left navigation */
.stp-side-title{margin:0 0 11px!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.02em;color:var(--stp-ink)}
.stp-left-nav{display:grid;gap:4px}
.stp-left-nav a{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border-radius:7px;color:#5c6b86;text-decoration:none;font-size:12px;font-weight:500;transition:.18s}
.stp-left-nav a:hover{background:#f0f6ff;color:var(--stp-blue)}
.stp-left-nav a.active{background:#e9f3ff;color:var(--stp-blue);font-weight:700}
.stp-left-nav svg{width:16px;height:16px;flex:0 0 16px;stroke-width:1.8}
.stp-left-request{margin-top:18px;padding:16px 12px;background:linear-gradient(180deg,#f1f7ff,#eaf3ff);box-shadow:none}
.stp-left-request .stp-request-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--stp-blue);margin-bottom:8px}
.stp-left-request strong{display:block;font-size:13px;margin-bottom:4px}
.stp-left-request p{margin:0 0 11px!important;color:#66758f;text-align:left!important;line-height:1.45!important}

/* breadcrumb */
.stp-breadcrumb{display:flex;align-items:center;gap:8px;min-height:32px;margin:0 0 8px;padding:0 4px;color:#7d89a0;font-size:11px}
.stp-breadcrumb a{color:#72809a;text-decoration:none}
.stp-breadcrumb a:hover{color:var(--stp-blue)}
.stp-breadcrumb svg{width:11px;height:11px;color:#a5afbf}

/* hero */
.stp-hero-card{padding:16px;display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px}
.stp-product-media{min-height:205px;border-radius:9px;background:linear-gradient(145deg,#f7fbff,#eef4fa);display:grid;place-items:center;overflow:hidden}
.stp-product-media img{display:block;max-width:92%;max-height:190px;width:auto;height:auto;object-fit:contain;border-radius:0!important}
.stp-product-fallback{width:82%;height:82%;display:grid;place-items:center}
.stp-product-fallback img{width:100%;height:100%;object-fit:contain}
.stp-hero-copy{padding:2px 0 0;min-width:0}
.stp-series-chip{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:#dceeff;color:var(--stp-blue);font-size:10px;font-weight:700}
.stp-page h1{margin:8px 0 4px!important;font-size:24px!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.035em!important;color:var(--stp-ink)!important}
.stp-subtitle{margin:0!important;color:#40506a!important;text-align:left!important;line-height:1.45!important}
.stp-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:15px 0 13px;padding-top:2px}
.stp-meta-item{min-width:0;padding-right:10px;border-right:1px solid #edf1f6}
.stp-meta-item:last-child{border-right:0}
.stp-meta-item span{display:block;margin-bottom:4px;color:#7a88a2;font-size:10px;font-weight:500;white-space:nowrap}
.stp-meta-item strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#10213e;font-size:11px;font-weight:700;white-space:nowrap}
.stp-actions{display:flex;flex-wrap:wrap;gap:8px}
.stp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid #cbd8e8;border-radius:7px;background:#fff;color:#12305c;text-decoration:none!important;font-size:12px!important;font-weight:700!important;line-height:1!important;transition:.18s;cursor:pointer}
.stp-btn:hover{transform:translateY(-1px);border-color:#9eb9dc;color:var(--stp-blue)}
.stp-btn svg{width:16px;height:16px;flex:0 0 16px}
.stp-btn-primary{border-color:var(--stp-blue);background:linear-gradient(180deg,#1175ff,#0566f2);color:#fff!important;box-shadow:0 5px 14px rgba(11,107,255,.18)}
.stp-btn-primary:hover{border-color:var(--stp-blue-dark);background:var(--stp-blue-dark);color:#fff!important}
.stp-btn-danger-icon svg{color:#ef4444}
.stp-trust-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-4px;padding:0 16px 0 245px}
.stp-trust-item{display:flex;align-items:center;justify-content:center;gap:7px;color:#65738b;font-size:11px;white-space:nowrap}
.stp-trust-item svg{width:17px;height:17px;color:#1fb65a}

/* tab rail */
.stp-tabs{display:flex;align-items:center;overflow:auto;margin-top:10px;border-bottom:1px solid var(--stp-line);background:#fff;box-shadow:none}
.stp-tabs a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:max-content;height:44px;padding:0 20px;border-bottom:2px solid transparent;color:#6f7d95;text-decoration:none;font-size:11px;font-weight:600}
.stp-tabs a:hover{color:var(--stp-blue)}
.stp-tabs a.active{border-bottom-color:var(--stp-blue);color:var(--stp-blue)}
.stp-tabs svg{width:15px;height:15px}

/* main article content */
.stp-content-card{margin-top:0;padding:14px 16px 16px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none}
.stp-section{padding:0 0 14px}
.stp-section + .stp-section{margin-top:16px;padding-top:16px;border-top:1px solid #e7edf5}
.stp-section h2{margin:0 0 7px!important;color:var(--stp-ink)!important}
.stp-section h3{margin:0 0 7px!important;color:var(--stp-ink)!important}
.stp-section p,.stp-section li{color:#40506a!important}
.stp-section > p{margin-bottom:10px}
.stp-overview-lead{margin:0 0 12px!important}
.stp-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stp-info-panel{padding:14px;border:1px solid #dce7f2;border-radius:8px;background:#f9fbfe}
.stp-info-panel.is-green{border-color:#d4efde;background:linear-gradient(135deg,#effbf3,#f6fffa)}
.stp-info-panel.is-blue{border-color:#cfe2fa;background:linear-gradient(135deg,#f0f7ff,#f8fbff)}
.stp-info-head{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:12px;font-weight:800}
.stp-info-head .icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--stp-green);color:#fff}
.stp-info-panel.is-blue .stp-info-head{color:var(--stp-blue)}
.stp-info-panel.is-blue .stp-info-head .icon{background:var(--stp-blue)}
.stp-check-list,.stp-note-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.stp-check-list li,.stp-note-list li{position:relative;margin:0;padding-left:24px;text-align:left!important;line-height:1.45!important}
.stp-check-list li::before{content:'✓';position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#19ac56;color:#fff;font-size:10px;font-weight:800}
.stp-note-list li::before{content:'•';position:absolute;left:6px;top:-1px;color:var(--stp-blue);font-size:18px;font-weight:800}

.stp-os-title,.stp-table-title{margin:10px 0 8px!important;font-size:15px!important;font-weight:800!important}
.stp-os-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.stp-os-card{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 12px;border:1px solid #dbe6f2;border-radius:7px;background:#fff}
.stp-os-icon{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:skewY(-5deg)}
.stp-os-icon i{display:block;background:#0b79f7}
.stp-os-card strong{display:block;font-size:11px}
.stp-os-card small{display:block;color:#7a879b;font-size:10px}
.stp-os-note{margin:7px 2px 0!important;color:#718097;font-size:10px!important;line-height:1.45!important;text-align:left!important}

.stp-file-table{overflow:hidden;border:1px solid #d7e2ef;border-radius:7px;background:#fff}
.stp-file-row{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:27px;border-bottom:1px solid #e2eaf3}
.stp-file-row:last-child{border-bottom:0}
.stp-file-row > span{padding:6px 10px;background:#f4f8fc;color:#15233d;font-size:10px!important;font-weight:700!important}
.stp-file-row > strong,.stp-file-row > code{min-width:0;margin:0;padding:6px 10px;color:#334155;font-size:10px!important;font-weight:500!important;overflow-wrap:anywhere;background:#fff}

.stp-download-panel{scroll-margin-top:90px;margin-top:14px;padding:14px;border:1px solid #cfe0f8;border-radius:8px;background:linear-gradient(135deg,#f2f8ff,#fff)}
.stp-download-panel h2{margin:0 0 5px!important}
.stp-download-panel p{margin:0 0 11px!important;text-align:left!important}
.stp-download-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.stp-file-state{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border:1px solid #cbd8e8;border-radius:7px;background:#eef3f8;color:#526079;font-size:12px;font-weight:700}
.stp-progress-panel{margin-top:12px;padding:12px;border:1px solid #dce6f2;border-radius:8px;background:#fff}
.stp-progress-head{display:flex;justify-content:space-between;gap:16px;font-size:11px}
.stp-progress-track{height:7px;margin:9px 0;border-radius:999px;background:#e8eef6;overflow:hidden}
.stp-progress-bar{width:0;height:100%;border-radius:inherit;background:var(--stp-blue);transition:width .1s linear}
.stp-progress-steps{display:flex;justify-content:space-between;gap:6px;color:#8995a8;font-size:9px}
.stp-progress-steps .active,.stp-progress-steps .done{color:var(--stp-blue)}

.stp-collapsible{margin-top:12px;border-top:1px solid #e4ebf4}
.stp-collapsible details{border-bottom:1px solid #e4ebf4}
.stp-collapsible summary{padding:11px 26px 11px 0;cursor:pointer;font-size:12px;font-weight:700;color:#182946;list-style:none;position:relative}
.stp-collapsible summary::-webkit-details-marker{display:none}
.stp-collapsible summary::after{content:'+';position:absolute;right:3px;top:8px;color:var(--stp-blue);font-size:18px}
.stp-collapsible details[open] summary::after{content:'−'}
.stp-collapsible details > div,.stp-collapsible details > p{padding:0 0 12px;margin:0;color:#526078}
.stp-numbered{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.stp-numbered li{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;text-align:left!important}
.stp-numbered span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e8f2ff;color:var(--stp-blue);font-size:10px;font-weight:800}

/* right rail */
.stp-right{display:grid;gap:10px}
.stp-rail-card{padding:12px;box-shadow:none}
.stp-rail-card h2,.stp-rail-card h3{margin:0 0 9px!important;font-size:15px!important;font-weight:800!important;color:var(--stp-ink)!important}
.stp-help-list,.stp-related-list{display:grid;gap:6px}
.stp-help-link{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;min-height:51px;padding:7px 8px;border:1px solid #e0e7f0;border-radius:7px;text-decoration:none;color:#21314e;background:#fff}
.stp-help-link:hover{border-color:#b8d1f0;color:var(--stp-blue)}
.stp-help-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--stp-blue)}
.stp-help-icon.is-amber{background:#fff5de;color:#f59e0b}
.stp-help-icon.is-purple{background:#f1ebff;color:#7c3aed}
.stp-help-icon.is-red{background:#feecec;color:#ef4444}
.stp-help-link strong{display:block;font-size:10px;line-height:1.25}
.stp-help-link small{display:block;margin-top:2px;color:#78869b;font-size:9px;line-height:1.25}
.stp-secure-card{padding:13px;border-color:#ceeed9;background:linear-gradient(135deg,#eafaf0,#f4fff8);box-shadow:none}
.stp-secure-head{display:flex;align-items:center;gap:8px;color:#15803d;font-size:12px;font-weight:800}
.stp-secure-head svg{width:26px;height:26px}
.stp-secure-card p{margin:6px 0 0!important;text-align:left!important;color:#42604d!important;font-size:10px!important;line-height:1.5!important}
.stp-related-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.stp-related-head a{font-size:9px;font-weight:700;color:var(--stp-blue);text-decoration:none}
.stp-related-item{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;min-height:48px;padding:6px;border:1px solid #e2e8f1;border-radius:7px;color:#21314e;text-decoration:none;background:#fff}
.stp-related-item:hover{border-color:#bfd4ee;color:var(--stp-blue)}
.stp-related-thumb{width:40px;height:32px;display:grid;place-items:center;border-radius:5px;background:#f2f5f8;overflow:hidden}
.stp-related-thumb img{max-width:95%;max-height:95%;border-radius:0!important}
.stp-related-copy strong{display:block;font-size:10px;line-height:1.25}
.stp-related-copy small{display:block;color:#7f8b9e;font-size:9px;line-height:1.25}
.stp-different-card{padding:13px;background:linear-gradient(180deg,#edf5ff,#f6faff);box-shadow:none}
.stp-different-card h3{color:var(--stp-blue)!important}
.stp-different-card p{margin:0 0 10px!important;text-align:left!important;font-size:10px!important;line-height:1.5!important;color:#52627b!important}

/* related model rail below the main panel */
.stp-bottom-rail{grid-column:2/4;margin-top:10px}
.stp-bottom-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}
.stp-bottom-head h2{margin:0!important;font-size:15px!important}
.stp-bottom-head a{font-size:10px;font-weight:700;text-decoration:none;color:var(--stp-blue)}
.stp-model-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.stp-model-card{min-height:90px;padding:8px;border:1px solid #e0e7f0;border-radius:8px;background:#fff;text-align:center;text-decoration:none;color:#21314e}
.stp-model-card:hover,.stp-model-card.active{border-color:var(--stp-blue);box-shadow:0 0 0 1px rgba(11,107,255,.08)}
.stp-model-card img{width:58px;height:40px;object-fit:contain;border-radius:0!important}
.stp-model-card strong{display:block;margin-top:3px;font-size:10px}
.stp-model-card small{display:block;color:#7a879b;font-size:9px}

/* report form */
.stp-report-form{display:grid;grid-template-columns:180px 1fr;gap:10px;margin-top:8px}
.stp-report-form label{display:block;margin-bottom:4px;color:#4a5870;font-size:10px;font-weight:700}
.stp-report-form select,.stp-report-form textarea{width:100%;border:1px solid #d8e2ee;border-radius:7px;background:#fff;padding:8px 10px;outline:0;font-size:12px}
.stp-report-form select:focus,.stp-report-form textarea:focus{border-color:#93bbef;box-shadow:0 0 0 3px rgba(11,107,255,.08)}
.stp-report-form .full{grid-column:1/-1}

/* long form text remains justified, UI helper copy remains natural */
.stp-section > p,.stp-section .stp-long-copy p,.stp-section .stp-long-copy li,.stp-collapsible details > p,.stp-collapsible details > div{ text-align:justify;text-justify:inter-word;hyphens:auto }
.stp-subtitle,.stp-info-panel li,.stp-note-list li,.stp-check-list li,.stp-download-panel p,.stp-right p,.stp-left-request p{hyphens:none}

@media(max-width:1180px){
    .stp-page{--stp-left:150px;--stp-right:205px}
    .stp-shell{width:min(1160px,calc(100% - 24px))}
    .stp-hero-card{grid-template-columns:205px 1fr}
    .stp-trust-row{padding-left:216px}
    .stp-meta{grid-template-columns:repeat(3,1fr);row-gap:8px}
    .stp-meta-item:nth-child(3){border-right:0}
    .stp-model-rail{grid-template-columns:repeat(4,1fr)}
    .stp-header-nav{gap:16px}
}
@media(max-width:980px){
    .stp-header-inner{grid-template-columns:auto 1fr;gap:18px}.stp-header-nav{display:none}.stp-header-search{width:100%}
    .stp-grid{grid-template-columns:minmax(0,1fr) 220px}.stp-left{display:none}.stp-center{grid-column:1}.stp-right{grid-column:2}.stp-bottom-rail{grid-column:1/3}
    .stp-hero-card{grid-template-columns:190px 1fr}.stp-trust-row{padding-left:202px}.stp-meta{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
    .stp-header-inner{grid-template-columns:1fr;gap:8px;padding:9px 0}.stp-header-brand{justify-content:center}.stp-header-search{max-width:none}
    .stp-page{padding-bottom:24px;background:#f7fbff}.stp-shell{width:min(100% - 20px,720px)}.stp-grid{display:block}.stp-right{position:static;padding-top:12px}.stp-center{padding-top:8px}.stp-breadcrumb{overflow:auto;white-space:nowrap;padding:0}
    .stp-hero-card{grid-template-columns:1fr;padding:12px}.stp-product-media{min-height:170px}.stp-product-media img{max-height:160px}.stp-hero-copy{padding:0}
    .stp-page h1{font-size:24px!important}.stp-meta{grid-template-columns:repeat(2,1fr)}.stp-meta-item:nth-child(2n){border-right:0}.stp-actions{display:grid;grid-template-columns:1fr 1fr}.stp-actions .stp-btn-primary{grid-column:1/-1}.stp-btn{width:100%}
    .stp-trust-row{padding:0;grid-template-columns:1fr 1fr;margin-top:0}.stp-trust-item{justify-content:flex-start}
    .stp-tabs a{padding:0 14px}.stp-content-card{padding:12px}.stp-dual{grid-template-columns:1fr}.stp-os-grid{grid-template-columns:1fr 1fr}.stp-file-row{grid-template-columns:120px minmax(0,1fr)}.stp-model-rail{grid-template-columns:repeat(2,1fr)}.stp-bottom-rail{margin-top:14px}.stp-report-form{grid-template-columns:1fr}.stp-right{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stp-different-card{grid-column:1/-1}
}
@media(max-width:480px){
    .stp-header-brand small{display:none}.stp-shell{width:calc(100% - 16px)}.stp-product-media{min-height:150px}.stp-meta{grid-template-columns:1fr 1fr}.stp-actions{grid-template-columns:1fr}.stp-actions .stp-btn-primary{grid-column:auto}.stp-trust-row{grid-template-columns:1fr}.stp-tabs{margin-left:-12px;margin-right:-12px}.stp-tabs a{padding:0 12px}.stp-os-grid{grid-template-columns:1fr}.stp-right{grid-template-columns:1fr}.stp-file-row{grid-template-columns:1fr}.stp-file-row > span{border-bottom:1px solid #e5edf5}.stp-model-rail{grid-template-columns:1fr 1fr}
}
