/* 甄試方式 - 美編樣式 */
:root{
    --exam-bg:#f8faf9;
    --exam-brand:#385a47;
    --exam-accent:#6fb28a;
    --text-1:#1f2937;
    --text-2:#000000;
    --border:#e5e7eb;
    --badge:#e9f6ef;
}

.examination-title{
    margin: 40px auto 12px;
    font-size: clamp(28px, 3.5vw, 40px);
    text-align: center;
    color: var(--text-1);
    letter-spacing: .02em;
    font-weight: 700;
}

.exam-section{
    padding: 20px 16px 40px;
}

.exam-container{
    max-width: 1100px;
    margin: 0 auto;
}

.exam-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

@media (min-width: 900px){
    .exam-grid{ grid-template-columns: 1fr 1fr; gap: 22px; }
}

.exam-card{
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.exam-card:hover{
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.exam-header{
    padding: 18px 20px 12px;
    border-bottom: 1px dashed var(--border);
    display: flex;
    align-items: center;
    gap: 12px;
}
.exam-tag{
    font-size: 13px;
    color: var(--exam-brand);
    background: var(--badge);
    padding: 4px 10px;
    border: 1px solid var(--exam-accent);
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: .02em;
}
.exam-title{
    font-size: 20px;
    color: var(--text-1);
    margin: 0;
    font-weight: 800;
}

.exam-body{ padding: 16px 20px 20px; }

.exam-list{
    margin: 0;
    padding-left: 1.1em;
    color: var(--text-2);
    line-height: 1.8;
}
.exam-list li{ margin: .4em 0; }

.exam-block{
    margin-top: 12px;
    border-left: 4px solid var(--exam-accent);
    padding: 8px 12px;
    background: #fafdfb;
    border-radius: 8px;
}
.exam-block b{ color: var(--text-1); }

.exam-note{
    margin-top: 14px;
    padding: 10px 12px;
    background: #f1f1f1;
    border: 1px solid #dbf3bf;
    color: #427a21;
    border-radius: 10px;
    line-height: 1.7;
}

.exam-score{
    margin-top: 14px;
    padding: 12px;
    background: #f1f1f1;
    border: 1px solid #dbf3bf;
    color: #427a21;
    border-radius: 10px;
}
.exam-score b{ color:#335f1a; }

.exam-divider{
    height: 1px; background: var(--border);
    margin: 16px 0;
}

/* 讓舊式 <ul type="disc"> 在此段落也維持一致圓點外觀 */
.exam-body ul[type="disc"]{ list-style: disc; }



.archive-section{
    padding: 18px 16px 46px;
    background: #fff;
}
.archive-wrap{
    max-width: 1100px;
    margin: 0 auto;
}
.archive-title{
    margin: 32px 0 14px;
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 800;
    color:#1f2937;
    text-align:left;
    position: relative;
}
.archive-title:after{
    content:"";
    display:block;
    width: 100%;
    max-width:140px;height:4px;border-radius:4px;
    background:#385a47; /* 主色 */
    margin-top:8px;
}

.archive-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
    gap: 14px;
}

.archive-card{
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:14px 14px 12px;
    background:#fafafa;
    transition:transform .18s ease, box-shadow .18s ease;
}
.archive-card:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.06); }

.archive-head{
    display:flex; align-items:center; gap:10px; margin-bottom:8px;
}
.archive-badge{
    font-size:12px; font-weight:700; letter-spacing:.02em;
    color:#385a47; background:#e9f6ef; border:1px solid #6fb28a;
    padding:2px 8px; border-radius:999px;
}
.archive-name{ margin:0; font-size:18px; color:#111827; font-weight:800; }

.archive-desc{ margin:6px 0 10px; color:#4b5563; line-height:1.6; font-size:14px; }

.archive-footer{
    display:flex; justify-content:space-between; align-items:center; gap:10px;
}
.archive-year{ font-size:13px; color:#6b7280; }
.archive-download{
    text-decoration:none;
    padding:8px 12px; border-radius:10px; border:1px solid #6fb28a;
    background:#e9f6ef; color:#1b3b2a; font-weight:700; font-size:14px;
}
.archive-download:hover{ filter:brightness(0.98); }

/* 若頁面已全站移除超連結底線，可保留這裡以確保下載鈕樣式 */
.archive-card a{ text-decoration:none; }