@charset "utf-8";

.board-table--outcomes col:first-child {
    width: 20%;
}

.board-table--outcomes col:last-child {
    width: 80%;
}

.board-table--outcomes tbody th {
    font-weight: var(--font-weight-regular);
}

.board-table--outcomes tbody tr:first-child th,
.board-table--outcomes tbody tr:first-child td {
    border-top: 0;
}

.preview{
    max-width:1180px;
    margin:0 auto;
    padding:70px 32px 100px;
    background:#fff;
}
.page-head{
    position:relative;
    margin-bottom:38px;
    padding-bottom:24px;
    border-bottom:1px solid #e6ebe8;
}
.page-head:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:72px;
    height:3px;
    background:#175f4e;
}
.page-head__eyebrow{
    display:block;
    margin-bottom:9px;
    color:#1a6a56;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
}
.page-head h1{
    margin:0;
    font-size:34px;
    line-height:1.25;
    color:#111;
    letter-spacing:-.045em;
}
.page-head p{
    max-width:760px;
    margin:14px 0 0;
    color:#737a76;
    font-size:15px;
    line-height:1.8;
}

/* Category layout */
.outcome-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}
.outcome-card{
    position:relative;
    display:grid;
    grid-template-columns:250px 1fr;
    min-height:140px;
    overflow:hidden;
    border:1px solid #e0e7e3;
    background:#fff;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.outcome-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#17614e;
}
.outcome-card__head{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:30px 28px 30px 34px;
    background:#f7faf8;
    border-right:1px solid #e4eae7;
}
.outcome-card__num{
    display:block;
    margin-bottom:13px;
    color:#8eaaa0;
    font-size:18px;
    font-weight:800;
    letter-spacing:.12em;
}
.outcome-card__title{
    margin:0;
    color:#174f41;
    font-size:21px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:-.04em;
}
.outcome-card__en{
    display:block;
    margin-top:7px;
    color:#9aa49f;
    font-size:12px;
    line-height:1.4;
}
.outcome-card__body{
    display:flex;
    align-items:center;
    padding:27px 34px;
    background:#fff;
}
.outcome-items{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.outcome-items li{
    position:relative;
    padding:11px 0 11px 22px;
	font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-body-md);
    color: var(--color-text-body);
}
.outcome-items li+li{
    border-top:1px solid #edf0ee;
}
.outcome-items li:before{
    content:"";
    position:absolute;
    left:0;
    top:22px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#1b6a55;
}

}
@media(max-width:820px){
    .preview{padding:50px 20px 70px}
    .outcome-card{grid-template-columns:210px 1fr}
    .outcome-card__head{padding:26px 22px 26px 28px}
    .outcome-card__title{font-size:18px}
    .outcome-card__body{padding:22px 25px}
}
@media(max-width:640px){
    .preview{padding:36px 16px 50px}
    .page-head h1{font-size:27px}
    .page-head p{font-size:14px}
    .outcome-list{gap:14px}
    .outcome-card{
        display:block;
    }
    .outcome-card:before{
        width:3px;
    }
    .outcome-card__head{
        padding:22px 22px 18px 26px;
        border-right:0;
        border-bottom:1px solid #e6ebe8;
    }
    .outcome-card__num{margin-bottom:8px}
    .outcome-card__title{font-size:18px}
    .outcome-card__body{padding:14px 24px 18px}
    .outcome-items li{
        padding:11px 0 11px 19px;
        font-size:13px;
        line-height:1.7;
    }
    .outcome-items li:before{
        top:21px;
    }
}