/* QWOP Stroitelstvo: approved mockup, section 2. Scoped; no header, hero, footer or font overrides. */
.qstdir{margin:0 0 36px; padding:0; font-family:inherit; color:#10233d}
.qstdir__title{display:flex;align-items:center;gap:10px; margin:0 0 19px!important; font-size:clamp(26px,2.3vw,34px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.03em;color:#10233d!important}

.qstdir__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.qstdir__card{display:block;min-width:0;overflow:hidden;background:#fff;color:#10233d!important;border:1px solid #e4e7eb;border-radius:0!important;text-decoration:none!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.qstdir__card:where(a):hover,.qstdir__card:where(a):focus-visible{border-color:#f56b21;box-shadow:0 5px 20px rgba(16,35,61,.12)}
.qstdir__image{display:block;width:100%;aspect-ratio:215/115;object-fit:cover;overflow:hidden;transition:transform .25s ease}
.qstdir__card:where(a):hover .qstdir__image,.qstdir__card:where(a):focus-visible .qstdir__image{transform:scale(1.05)}
.qstdir__image-wrap{display:block;overflow:hidden}
.qstdir__content{position:relative;display:block;min-height:104px;padding:11px 33px 13px 14px}
.qstdir__name{display:block;color:#0c1627;font-size:clamp(15px,1.1vw,18px);font-weight:800;line-height:1.25;margin-bottom:7px}
.qstdir__desc{display:block;color:#0c1627;font-size:13px;line-height:1.4}
.qstdir__arrow{position:absolute;right:12px;bottom:16px;font-size:25px;line-height:1;color:#f56b21;transition:transform .2s}
.qstdir__card:where(a):hover .qstdir__arrow{transform:translateX(3px)}
.qstdir__card--unlinked .qstdir__arrow{display:none}
@media(max-width:900px){.qstdir__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.qstdir__grid{grid-template-columns:1fr;gap:12px}.qstdir__title{font-size:26px!important}.qstdir__content{min-height:85px}}
@media(prefers-reduced-motion:reduce){.qstdir__card,.qstdir__image,.qstdir__arrow{transition:none!important}}


/* QWOP_DIRECTION_ARROW_V2 */
.qstdir__image-wrap {
    position: relative;
}

.qstdir__arrow {
    position: absolute !important;
    right: 15px !important;
    bottom: 15px !important;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    background: #fff;
    color: #f56b21;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    border-radius: 0;
    transition: background-color .2s, color .2s;
}

a.qstdir__card:hover .qstdir__arrow,
a.qstdir__card:focus-visible .qstdir__arrow {
    background: #f56b21;
    color: #fff;
    transform: none;
}

.qstdir__card:not(a) .qstdir__arrow {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .qstdir__arrow {
        transition: none !important;
    }
}


/* QWOP_SQUARE_ARROWS_FIX */
body .qi-main .qstdir .qstdir__card .qstdir__arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    min-height: 37px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #f56b21 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transform: none !important;
}

body .qi-main .qstdir a.qstdir__card:hover .qstdir__arrow,
body .qi-main .qstdir a.qstdir__card:focus-visible .qstdir__arrow {
    border-radius: 0 !important;
    background: #f56b21 !important;
    color: #fff !important;
}

body .qi-main .qstdir .qstdir__arrow::before,
body .qi-main .qstdir .qstdir__arrow::after {
    border-radius: 0 !important;
}


/* Construction landing: preserve existing hero/directions; shared header/footer unchanged. */
.qstlanding{color:#10233d;padding-bottom:32px}
.qstsection{margin:32px 0}
.qstsection h2{display:flex;align-items:center;gap:16px;font-size:clamp(25px,2.3vw,34px)!important;line-height:1.2!important;margin:0 0 20px!important;letter-spacing:-.025em;color:#10233d}
.qstsection h2:after{content:'';width:44px;height:4px;flex:none;background:#f56b21}
.qstsection__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.qstsection__head>a{color:#10233d;font-size:14px;white-space:nowrap}
.qstsection__head>a span{color:#f56b21;margin-left:10px;font-size:24px}
.qstpopular{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px}
.qstpost{display:flex;flex-direction:column;min-width:0;border:1px solid #dce3ea;color:#10233d!important;text-decoration:none!important;background:#fff;overflow:hidden;transition:border-color .2s}
.qstpost--feature{grid-row:span 2}
.qstpost__image{display:block;width:100%;height:100px;object-fit:cover}
.qstpost--feature .qstpost__image{height:300px;flex:1;min-height:240px}
.qstpost__body{padding:13px 38px 14px 16px;position:relative}
.qstpost h3{font-size:17px!important;line-height:1.3!important;margin:0!important;color:#10233d}
.qstpost--feature h3{font-size:24px!important}
.qstpost p{font-size:14px;line-height:1.45;margin:8px 0 0;color:#374151}
.qstpost:not(.qstpost--feature) p{display:none}
.qstpost__arrow{position:absolute;right:14px;bottom:14px;font-size:25px;color:#f56b21}
.qstpost:hover,.qstpost:focus-visible,.qstfresh__card:hover,.qstfresh__card:focus-visible{border-color:#f56b21}
.qstservices{padding:22px;background:#f3f6fa}
.qstservices__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qstservice{display:flex!important;position:relative;align-items:center;gap:13px;padding:16px 28px 16px 14px;background:#fff;border:1px solid #dce3ea;color:#10233d!important;text-decoration:none!important;min-width:0}
.qstservice svg{width:34px;height:34px;flex:none;color:#f56b21}
.qstservice strong{display:block;font-size:17px;line-height:1.3;margin-bottom:6px}
.qstservice small{display:block;font-size:13px;line-height:1.4;color:#374151}
.qstservice b{position:absolute;right:10px;bottom:12px;color:#f56b21;font-size:22px}
.qstservice>.qwop-pending-label{position:absolute;right:8px;top:5px;font-size:10px}
.qstfresh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qstfresh__card{display:flex;align-items:center;gap:16px;min-width:0;border:1px solid #dce3ea;text-decoration:none!important;color:#10233d!important;padding-right:16px;background:#fff}
.qstfresh__card img{width:32%;height:124px;object-fit:cover;flex:none}
.qstfresh__card>span{flex:1;min-width:0;padding:10px 0}
.qstfresh__card h3{font-size:17px!important;line-height:1.35!important;margin:0 0 8px!important;color:#10233d}
.qstfresh__card time{font-size:13px;color:#627489}
.qstfresh__card>b{color:#f56b21;font-size:25px}
.qsttopics{border:1px solid #dce3ea;padding:18px 20px}
.qsttopics summary{cursor:pointer;font-size:18px;font-weight:700}
.qsttopics>div{padding-top:18px;columns:3;column-gap:30px}
.qsttopics a{color:#10233d}
.qstlanding .q-ad{clear:both;margin:30px auto;max-width:100%;width:100%}
.qstlanding .q-ad-frame{max-width:100%;overflow:hidden;display:flex;justify-content:center}
.qstlanding .q-ad-frame>div{width:100%}
.qstlanding .q-ad img{max-width:100%;object-fit:contain}
#qi-all-materials{scroll-margin-top:24px}
@media(max-width:1100px){.qstservices__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qstpopular{grid-template-columns:1.3fr 1fr}.qstpost--feature{grid-row:span 4}.qstpost:not(.qstpost--feature){display:grid;grid-template-columns:35% 1fr}.qstpost:not(.qstpost--feature) .qstpost__image{height:100%;min-height:110px}.qstfresh__card img{height:140px}}
@media(max-width:700px){.qstsection__head{display:block}.qstsection__head>a{display:inline-block;margin:-5px 0 15px}.qstpopular{grid-template-columns:1fr 1fr;gap:12px}.qstpost--feature{grid-row:auto;grid-column:1/-1}.qstpost--feature .qstpost__image{height:230px;min-height:0;flex:none}.qstpost:not(.qstpost--feature){display:flex}.qstpost:not(.qstpost--feature) .qstpost__image{height:115px;min-height:0}.qstpost h3{font-size:16px!important}.qstpost--feature h3{font-size:22px!important}.qstfresh{grid-template-columns:1fr}.qstfresh__card img{height:120px}.qstservices{padding:16px}.qstservices__grid{grid-template-columns:1fr}.qsttopics>div{columns:1}.qstsection h2{gap:10px}.qstsection h2:after{width:30px}}
@media(prefers-reduced-motion:reduce){.qstpost{transition:none}}
.qstlanding h3,.qstdir__name{font-family:Arial,sans-serif!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
@media(min-width:701px){.qstfresh__card:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 14px)/2);justify-self:center}}
@media(max-width:520px){.qstpopular{grid-template-columns:1fr}.qstpost:not(.qstpost--feature){display:grid;grid-template-columns:34% 1fr}.qstpost:not(.qstpost--feature) .qstpost__image{height:100%;min-height:140px}.qstpost__body{padding:12px 30px 14px 12px}.qstfresh__card{gap:12px;padding-right:12px}.qstfresh__card h3{font-size:16px!important}.qstfresh__card img{width:29%}}
@media(max-width:520px){body #q-main .qsthero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%}body #q-main .qsthero__stat{min-width:0;width:auto;margin:0;padding:0 7px!important}body #q-main .qsthero__stat:first-child{padding-left:0!important}body #q-main .qsthero__stat>span:last-child{font-size:10px;white-space:normal}body #q-main .qsthero__metric{gap:7px}}