@charset "utf-8";

/* Our solutions sub page */
.solution-visual .sub-visual-dim {background:var(--opac-bk-20);}
#solutions-content {scroll-margin-top:calc(var(--hd-h) + 20rem);}

/* List */
.sol-sec-list {padding:var(--gap-sub) 0;}
.sol-head {margin-bottom:var(--gap-md);}
.sol-tit {margin:0;color:var(--bk-deep);font-size:48rem;font-weight:var(--fw-bold);line-height:normal;}

.sol-list {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--gap-lg) 40rem;margin:0;padding:0;list-style:none;}
.sol-item {min-width:0;}
.sol-link {display:flex;flex-direction:column;gap:30rem;height:100%;color:inherit;text-decoration:none;}
.sol-thumb {position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);background:var(--gray-fa);}
.sol-thumb.is-fallback {background:var(--gray-f4);}
.sol-thumb img {position:relative;z-index:2;
    object-fit:contain !important;object-position:center;mix-blend-mode:multiply;}
.sol-thumb-dim {position:absolute;inset:0;z-index:1;border-radius:inherit;background:var(--gray-fa);opacity:.55;pointer-events:none;}
.sol-thumb.is-fallback .sol-thumb-dim {display:none;}
.sol-thumb.is-fallback img {object-fit:cover !important;mix-blend-mode:normal;}
.sol-thumb-fallback {display:block;width:100%;height:100%;}
.sol-thumb-fallback img {display:block;width:100%;height:100%;object-fit:cover !important;mix-blend-mode:normal;}
.sol-body {display:flex;flex-direction:column;gap:6rem;min-width:0;}
.sol-name {color:var(--bk-deep);font-size:var(--font24);font-weight:var(--fw-bold);line-height:normal;}
.sol-desc {margin:0;color:var(--gray-8);font-size:var(--font16);line-height:normal;}
.sol-empty {padding:var(--gap-lg) 20rem;color:var(--gray-8);font-size:var(--font18);text-align:center;}

/* View */
.sol-sec-view {padding:var(--gap-sub) 0;}
.sol-view {display:flex;flex-direction:column;gap:120rem;}

.sol-intro {align-items:center;gap:var(--gap-sm);}
.sol-intro-thumb {flex:0 0 580rem;width:580rem;aspect-ratio:580 / 520;border:1rem solid var(--gray-d5);border-radius:var(--radius-md);background:var(--wh);}
.sol-intro-thumb img {object-fit:contain !important;object-position:center;}
.sol-intro-thumb.is-fallback img {object-fit:cover !important;}
.sol-intro-con {display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--gap-sm);}
.sol-intro-copy {display:flex;flex-direction:column;gap:24rem;width:100%;}
.sol-view-name {margin:0;color:var(--bk-deep);font-size:var(--font60);font-weight:var(--fw-bold);line-height:normal;}
.sol-view-summary {margin:0;color:var(--bk-deep);font-size:var(--font22);font-weight:var(--fw-medium);line-height:normal;}
.sol-view-desc {color:var(--gray-8);font-size:var(--font20);line-height:normal;word-break:break-word;}
.sol-view-desc p {margin:0 0 1em;}
.sol-view-desc p:last-child {margin-bottom:0;}
.sol-inquiry-btn {display:inline-flex;height:50rem;padding:0 30rem;align-items:center;justify-content:center;gap:8rem;border:1rem solid var(--bk-deep);border-radius:var(--radius-full);color:var(--bk-deep);font-size:var(--font14);font-weight:var(--fw-medium);letter-spacing:.42rem;text-decoration:none;}
.sol-inquiry-btn img {display:block;width:20rem;height:20rem;object-fit:contain;}

/* Detail sections (title + editor) */
.sol-detail-sec {display:flex;flex-direction:column;gap:var(--gap-sm);}
.sol-detail-tit {margin:0;color:var(--bk-deep);font-size:48rem;font-weight:var(--fw-bold);line-height:1.3;}
.sol-detail-body {color:var(--gray-8);font-size:var(--font18);line-height:1.45;word-break:break-word;}
.sol-detail-body img {display:block;max-width:100%;height:auto;}
.sol-detail-body table {width:100%;border-collapse:collapse;border-top:2rem solid var(--bk-deep);}
.sol-detail-body table th,
.sol-detail-body table td {padding:30rem 24rem;border-bottom:1rem solid var(--gray-d5);vertical-align:middle;text-align:left;font-size:var(--font18);line-height:1.45;}
.sol-detail-body table th {width:268rem;color:var(--bk-deep);font-weight:var(--fw-semibold);white-space:nowrap;}
.sol-detail-body table td {color:var(--gray-8);font-weight:var(--fw-regular);}

.sol-detail-body .evidence-wrap{width:100%;text-align: center;}
.sol-detail-body .evidence-wrap img{margin:0 auto;}

/* Related */
.sol-related {display:flex;flex-direction:column;gap:var(--gap-sm);}
.sol-related-head {gap:20rem;align-items:center;}
.sol-related-nav {display:flex;gap:10rem;}
.sol-related-prv,
.sol-related-nxt {display:flex;width:60rem;height:60rem;align-items:center;justify-content:center;border:1rem solid var(--gray-a);border-radius:var(--radius-full);color:var(--bk-deep);background:var(--wh);cursor:pointer;}
.sol-related-nxt {border-color:var(--bk-deep);}
.sol-related-prv.swiper-button-disabled,
.sol-related-nxt.swiper-button-disabled {opacity:.35;cursor:default;}
.sol-related-list {margin:0;padding:0;list-style:none;}
.sol-related-item {display:flex;flex-direction:column;gap:20rem;color:inherit;text-decoration:none;}
.sol-related-thumb {aspect-ratio:440 / 350;border-radius:var(--radius-sm);background:var(--gray-fa);}
.sol-related-thumb img {object-fit:contain !important;object-position:center;mix-blend-mode:multiply;}
.sol-related-thumb.is-fallback {background:var(--gray-f4);}
.sol-related-thumb.is-fallback img {object-fit:cover !important;mix-blend-mode:normal;}
.sol-related-name {color:var(--bk-deep);font-size:var(--font24);font-weight:var(--fw-semibold);line-height:normal;}

.sol-view-actions {display:flex;justify-content:center;}
.sol-list-btn {display:inline-flex;width:200rem;height:65rem;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bk-deep);color:var(--wh);font-size:var(--font16);font-weight:var(--fw-medium);letter-spacing:.48rem;text-decoration:none;}

.sol-admin-links {display:flex;justify-content:flex-end;gap:8rem;}
.sol-admin-links a {padding:8rem 16rem;border:1rem solid var(--gray-d5);border-radius:var(--radius-full);color:var(--gray-8);font-size:var(--font14);text-decoration:none;}

@media screen and (max-width:1450px) {
    .sol-list {grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--gap-md) 32rem;}
    .sol-intro-thumb {flex-basis:480rem;width:480rem;}
    .sol-view-name {font-size:48rem;}
}

@media screen and (max-width:1024px) {
    .sol-tit,
    .sol-detail-tit {font-size:40rem;}
    .sol-intro {flex-direction:column;align-items:stretch;}
    .sol-intro-thumb {flex:none;width:100%;}
    .sol-view-name {font-size:40rem;}
    .sol-detail-body table th,
    .sol-detail-body table td {padding:24rem 16rem;font-size:var(--font16);}
    .sol-detail-body table th {width:180rem;white-space:normal;}
}

@media screen and (max-width:800px) {
    .sol-sec-list,
    .sol-sec-view {padding:var(--gap-md) 0;}

    .sol-tit {font-size:var(--font30);margin-bottom:0;}
    .sol-head {margin-bottom:var(--gap-sm);}

    .sol-list {grid-template-columns:1fr;gap:var(--gap-md);}
    .sol-link {gap:20rem;}
    .sol-thumb {border-radius:10rem;}
    .sol-name {font-size:var(--font20);}
    .sol-desc {font-size:var(--font14);}

    .sol-view {gap:var(--gap-md);}
    .sol-intro {gap:30rem;}
    .sol-intro-con {gap:30rem;}
    .sol-intro-copy {gap:16rem;}
    .sol-intro-thumb {border-radius:10rem;}
    .sol-view-name {font-size:32rem;}
    .sol-view-summary {font-size:var(--font18);}
    .sol-view-desc {font-size:var(--font16);}

    .sol-detail-sec {gap:24rem;}
    .sol-detail-tit {font-size:28rem;}
    .sol-detail-body {font-size:var(--font16);}
    .sol-detail-body table th,
    .sol-detail-body table td {display:block;width:100%;padding:16rem 0;}
    .sol-detail-body table th {padding-bottom:8rem;border-bottom:0;}

    .sol-related {gap:24rem;}
    .sol-related-prv,
    .sol-related-nxt {width:48rem;height:48rem;}
    .sol-related-swip .swiper-slide {width:280rem;}
    .sol-related-name {font-size:var(--font20);}

    .sol-list-btn {width:180rem;height:54rem;font-size:var(--font14);}
}