/*
 * Current upload-record guide
 *
 * This stylesheet is intentionally scoped to .upload-guide. The legacy
 * HelpAsset/process.css bundle still serves unrelated historical pages.
 */
.upload-guide {
    --upload-guide-deep: #004533;
    --upload-guide-deeper: #012e20;
    --upload-guide-action: #00ab7b;
    --upload-guide-action-hover: #16c795;
    --upload-guide-pale: #ebf4eb;
    --upload-guide-paper: #f5f8f6;
    --upload-guide-ink: #1c1e21;
    --upload-guide-copy: #4a4f55;
    --upload-guide-muted: #737c80;
    --upload-guide-line: #e1e9e5;
    /* 白金標記的金色階。三個值都是 DESIGN.md「Accents — functional (non-VI)」那支
       Gold #f1c40f 的同色相（hue 47-48 度）明暗階，不是新增品牌色。
       為何不直接用 #f1c40f 當字色：實測 WCAG 對比 #f1c40f 對白只有 1.66:1、
       對本標記底色只有 1.52:1，RQ_APP_DESIGN.md 9-0 的 #E2A53B 也只有 2.17:1，
       三者都過不了 AA 的 4.5:1。取加深版後 ink 對 bg 為 5.02:1 通過。
       icon 那階 2.29:1 不受 1.4.11 約束 —— 它標了 aria-hidden，旁邊就有可見文字「白金」，
       屬純裝飾。動這三個值前請先重算對比，別改回色票原值。 */
    --upload-guide-gold-bg: #fff5cc;
    --upload-guide-gold-ink: #806600;
    --upload-guide-gold-icon: #c99e00;
    margin: -1px -15px 0;
    overflow: hidden;
    background: var(--upload-guide-paper);
    color: var(--upload-guide-ink);
    font-family: "Noto Sans TC", "Open Sans", Arial, sans-serif;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

.upload-guide *,
.upload-guide *::before,
.upload-guide *::after {
    box-sizing: border-box;
}

.upload-guide h1,
.upload-guide h2,
.upload-guide h3,
.upload-guide p,
.upload-guide ul,
.upload-guide ol {
    margin-top: 0;
}

.upload-guide h1,
.upload-guide h2,
.upload-guide h3 {
    text-wrap: balance;
}

.upload-guide a {
    color: inherit;
    text-decoration: none;
}

.upload-guide__inner {
    width: 100%;
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 32px;
    padding-left: 32px;
}

.upload-guide__hero {
    position: relative;
    overflow: hidden;
    color: #f5faf7;
    background:
        radial-gradient(85% 120% at 88% -10%, rgba(22, 199, 149, .28) 0%, rgba(22, 199, 149, 0) 52%),
        linear-gradient(145deg, #00543f 0%, var(--upload-guide-deep) 47%, var(--upload-guide-deeper) 100%);
}

.upload-guide__hero::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.5px);
    background-size: 19px 19px;
    content: "";
    opacity: .45;
    -webkit-mask-image: radial-gradient(115% 110% at 94% 8%, #000 0%, rgba(0, 0, 0, 0) 60%);
    mask-image: radial-gradient(115% 110% at 94% 8%, #000 0%, rgba(0, 0, 0, 0) 60%);
}

.upload-guide__hero-grid {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 380px;
    padding-top: 62px;
    padding-bottom: 62px;
}

.upload-guide__hero-copy {
    max-width: 720px;
}

.upload-guide__eyebrow,
.upload-guide__section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--upload-guide-pale);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.4;
}

.upload-guide__eyebrow-mark {
    display: inline-block;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}

.upload-guide__hero h1 {
    max-width: 12em;
    margin-bottom: 18px;
    color: #fff;
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.16;
}

.upload-guide__hero-lead {
    max-width: 34em;
    margin-bottom: 30px;
    color: rgba(245, 250, 247, .88);
    font-size: 18px;
    line-height: 1.7;
}

.upload-guide__hero-actions,
.upload-guide__detail-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.upload-guide__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 18px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out, transform .2s ease-out;
}

.upload-guide__button i {
    margin-right: 8px;
}

.upload-guide .upload-guide__button--primary {
    background: var(--upload-guide-action);
    color: var(--upload-guide-ink);
}

.upload-guide .upload-guide__button--primary:hover,
.upload-guide .upload-guide__button--primary:focus {
    background: var(--upload-guide-action-hover);
    color: var(--upload-guide-ink);
    transform: translateY(-1px);
}

.upload-guide__button--ghost {
    border-color: rgba(255, 255, 255, .38);
    color: #fff;
}

.upload-guide__button--ghost:hover,
.upload-guide__button--ghost:focus {
    border-color: #fff;
    color: #fff;
    background: rgba(255, 255, 255, .1);
}

.upload-guide__button--light {
    border-color: rgba(255, 255, 255, .28);
    color: #fff;
    background: rgba(255, 255, 255, .07);
}

.upload-guide__button--light:hover,
.upload-guide__button--light:focus {
    border-color: rgba(255, 255, 255, .7);
    color: #fff;
    background: rgba(255, 255, 255, .14);
}

/* Override mainV2's important anchor reset; two tones work on both surfaces. */
.upload-guide a:focus,
.upload-guide summary:focus {
    outline: 3px solid var(--upload-guide-ink) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px #fff;
}

.upload-guide__hero-mark {
    display: flex;
    flex: 0 0 194px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 194px;
    height: 194px;
    margin-left: 44px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    color: #fff;
    transform: rotate(4deg);
}

.upload-guide__hero-mark-rq {
    font-size: 58px;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: 1;
}

.upload-guide__hero-mark-label {
    margin-top: 10px;
    /* 同 bottom-cta kicker：裝飾徽記上的標籤不是 action，深底走淺綠。
       順帶把對比從 2.65:1 提到 5.12:1。 */
    color: var(--upload-guide-pale);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2em;
}

.upload-guide__hero-mark-index {
    margin-top: 15px;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    letter-spacing: .12em;
}

.upload-guide__legacy-wrap {
    padding-top: 24px;
}

.upload-guide__legacy {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #cfe3d8;
    border-radius: 7px;
    background: var(--upload-guide-pale);
    color: var(--upload-guide-deep);
}

.upload-guide__legacy > i {
    flex: 0 0 auto;
    margin-top: 3px;
    /* 深綠而非主綠：DESIGN.md 深綠欄明列 info icons 與 context-banner text，
       主綠是 ACTION ONLY。這塊 .upload-guide__legacy 正是深綠字＋淺綠底的
       context banner（role="status"），圖示跟著走深綠。
       順帶把對比從 2.63:1 提到 9.83:1。 */
    color: var(--upload-guide-deep);
    font-size: 17px;
}

.upload-guide__legacy strong {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
}

.upload-guide__legacy p {
    margin-bottom: 0;
    color: var(--upload-guide-copy);
    font-size: 13px;
}

.upload-guide__section {
    padding: 70px 0 76px;
    background: var(--upload-guide-paper);
}

.upload-guide__section-head {
    max-width: 660px;
    margin-bottom: 30px;
}

.upload-guide__section-kicker {
    margin-bottom: 10px;
    color: var(--upload-guide-deep);
}

.upload-guide__section-kicker::before {
    display: inline-block;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--upload-guide-action);
    content: "";
}

.upload-guide__section-head h2,
.upload-guide__steps-head h2,
.upload-guide__bottom-cta h2,
.upload-guide__detail-cta h2 {
    margin-bottom: 9px;
    color: var(--upload-guide-deep);
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.25;
}

.upload-guide__section-head p,
.upload-guide__bottom-cta p,
.upload-guide__detail-cta p {
    max-width: 65ch;
    margin-bottom: 0;
    color: var(--upload-guide-copy);
    font-size: 15px;
}

.upload-guide__method-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.upload-guide__method {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 172px;
    padding: 24px 54px 23px 22px;
    border: 1px solid var(--upload-guide-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 69, 51, .035);
    transition: border-color .22s ease-out, box-shadow .22s ease-out, transform .22s ease-out;
}

.upload-guide__method:hover {
    border-color: rgba(0, 171, 123, .55);
    box-shadow: 0 12px 26px rgba(0, 69, 51, .1);
    transform: translateY(-2px);
}

.upload-guide__method-icon {
    display: inline-flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    border-radius: 50%;
    background: var(--upload-guide-pale);
    color: var(--upload-guide-deep);
    font-size: 18px;
}

.upload-guide__method-copy {
    display: block;
    min-width: 0;
}

.upload-guide__method-title,
.upload-guide__method-name,
.upload-guide__method-description {
    display: block;
}

.upload-guide__method-title {
    margin-bottom: 2px;
    color: var(--upload-guide-deep);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

.upload-guide__method-name {
    margin-bottom: 7px;
    color: var(--upload-guide-deep);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
}

.upload-guide__method-description {
    color: var(--upload-guide-copy);
    font-size: 14px;
    line-height: 1.6;
}

.upload-guide__method-arrow {
    position: absolute;
    top: 25px;
    right: 20px;
    color: var(--upload-guide-action);
    font-size: 15px;
    transition: transform .2s ease-out;
}

.upload-guide__method:hover .upload-guide__method-arrow {
    transform: translateX(4px);
}

.upload-guide__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--upload-guide-gold-bg);
    color: var(--upload-guide-gold-ink);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

.upload-guide__badge i {
    color: var(--upload-guide-gold-icon);
}

.upload-guide__decision-note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 24px;
    padding: 22px 24px;
    border-left: 3px solid var(--upload-guide-action);
    background: #fff;
}

.upload-guide__decision-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--upload-guide-pale);
    color: var(--upload-guide-deep);
    font-size: 16px;
}

.upload-guide__decision-note h3 {
    margin-bottom: 7px;
    color: var(--upload-guide-deep);
    font-size: 15px;
    font-weight: 800;
}

.upload-guide__decision-note ul {
    margin-bottom: 0;
    padding-left: 20px;
    color: var(--upload-guide-copy);
    font-size: 13px;
}

.upload-guide__decision-note li + li {
    margin-top: 4px;
}

.upload-guide__bottom-cta {
    color: #f5faf7;
    background: var(--upload-guide-deep);
}

.upload-guide__bottom-cta-inner,
.upload-guide__detail-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding-top: 38px;
    padding-bottom: 38px;
}

.upload-guide__bottom-cta .upload-guide__section-kicker,
.upload-guide__bottom-cta h2,
.upload-guide__bottom-cta p {
    color: #f5faf7;
}

.upload-guide__bottom-cta .upload-guide__section-kicker {
    /* 淺綠而非綠：kicker 是純標籤文字、不是 action，DESIGN.md 的主綠是 ACTION ONLY。
       深綠底上深綠會看不見（1.00:1），所以走 RQ_APP_DESIGN 9-0 深色欄的
       #EBF4EB —— 與同一片深底上的 .upload-guide__eyebrow 一致。 */
    color: var(--upload-guide-pale);
}

.upload-guide__bottom-cta h2 {
    margin-bottom: 5px;
    font-size: 25px;
}

.upload-guide__bottom-cta p {
    color: rgba(245, 250, 247, .78);
}

.upload-guide__detail-hero {
    color: #f5faf7;
    background:
        radial-gradient(70% 130% at 100% -10%, rgba(22, 199, 149, .25) 0%, rgba(22, 199, 149, 0) 55%),
        linear-gradient(145deg, #00543f 0%, var(--upload-guide-deep) 47%, var(--upload-guide-deeper) 100%);
}

.upload-guide__detail-hero .upload-guide__inner {
    padding-top: 30px;
    padding-bottom: 54px;
}

.upload-guide__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 37px;
    color: rgba(245, 250, 247, .82);
    font-size: 13px;
    font-weight: 700;
}

.upload-guide__back:hover {
    color: #fff;
}

.upload-guide__detail-heading {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.upload-guide__detail-icon {
    display: inline-flex;
    flex: 0 0 58px;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-top: 4px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    /* 同上：詳情頁 hero 的裝飾圓形圖示不是 action，深底走淺綠。 */
    color: var(--upload-guide-pale);
    font-size: 22px;
}

.upload-guide__detail-heading .upload-guide__eyebrow {
    margin-bottom: 13px;
}

.upload-guide__detail-heading h1 {
    margin-bottom: 12px;
    color: #fff;
    font-size: clamp(31px, 4vw, 48px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.upload-guide__detail-heading > div > p:last-child {
    max-width: 65ch;
    margin-bottom: 0;
    color: rgba(245, 250, 247, .86);
    font-size: 17px;
    line-height: 1.7;
}

.upload-guide__detail-section {
    padding: 64px 0 72px;
    background: var(--upload-guide-paper);
}

.upload-guide__detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(285px, .65fr);
    gap: 50px;
    align-items: start;
}

.upload-guide__steps-head {
    margin-bottom: 25px;
}

.upload-guide__steps {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.upload-guide__steps::before {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 20px;
    width: 1px;
    background: #cfe3d8;
    content: "";
}

.upload-guide__step {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 19px;
    align-items: start;
    padding: 17px 0;
}

.upload-guide__step-number {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 5px solid var(--upload-guide-paper);
    border-radius: 50%;
    background: var(--upload-guide-deep);
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.upload-guide__step h3 {
    margin-bottom: 6px;
    color: var(--upload-guide-deep);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
}

.upload-guide__step p {
    max-width: 65ch;
    margin-bottom: 0;
    color: var(--upload-guide-copy);
    font-size: 14px;
    line-height: 1.7;
}

.upload-guide__step-figure {
    margin: 18px 0 4px;
}

.upload-guide__step-figure img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--upload-guide-line);
    border-radius: 8px;
}

.upload-guide__step-figure figcaption {
    margin-top: 8px;
    color: var(--upload-guide-copy);
    font-size: 12px;
    line-height: 1.6;
}

.upload-guide__help-links {
    margin: 16px 0 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.7;
}

.upload-guide__help-links li + li {
    margin-top: 10px;
}

.upload-guide__help-links a {
    color: var(--upload-guide-deep);
    text-decoration: underline;
}

.upload-guide__step-figure > a {
    display: block;
}

.upload-guide__detail-aside {
    display: grid;
    gap: 16px;
}

.upload-guide__note,
.upload-guide__batch-note {
    padding: 24px;
    border: 1px solid var(--upload-guide-line);
    border-radius: 8px;
    background: #fff;
}

.upload-guide__note {
    border-top: 3px solid var(--upload-guide-action);
}

.upload-guide__note-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: var(--upload-guide-pale);
    color: var(--upload-guide-deep);
    font-size: 16px;
}

.upload-guide__note h2,
.upload-guide__batch-note h2 {
    margin-bottom: 8px;
    color: var(--upload-guide-deep);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
}

.upload-guide__note p,
.upload-guide__batch-note p {
    margin-bottom: 0;
    color: var(--upload-guide-copy);
    font-size: 13px;
    line-height: 1.7;
}

.upload-guide__formats {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 17px;
}

.upload-guide__formats span {
    padding: 5px 9px;
    border: 1px solid #cfe3d8;
    border-radius: 4px;
    background: var(--upload-guide-pale);
    color: var(--upload-guide-deep);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.upload-guide__aside-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 17px;
    font-size: 13px;
    font-weight: 800;
}

/* 🔴 color／text-decoration 必須用「兩個 class」的選擇器，不能只寫
   .upload-guide__aside-link —— 本檔開頭的 .upload-guide a { color: inherit;
   text-decoration: none } 是 (0,1,1)，會蓋掉任何單一 class 的 (0,1,0) 規則。
   實機驗證過：只寫單一 class 時這個連結渲染成 #1c1e21 純墨色且沒有底線，
   宣告完全不生效。同檔 .upload-guide .upload-guide__button--primary 就是
   為了同一個原因才那樣寫，別「簡化」回單一 class。
   深綠＋底線與 .upload-guide__help-links a、upload-guide-entry.css 的
   .upload-guide-entry__link 同一套；底色是 .upload-guide__batch-note 覆寫的
   淺綠 #ebf4eb，深綠在其上為 9.83:1。底線是為了不讓「這是連結」只靠顏色傳達。 */
.upload-guide .upload-guide__aside-link {
    color: var(--upload-guide-deep);
    text-decoration: underline;
}

.upload-guide .upload-guide__aside-link:hover {
    /* base 已是深綠，hover 再壓深一階才有回饋；13.22:1。 */
    color: var(--upload-guide-deeper);
}

.upload-guide__batch-note {
    background: var(--upload-guide-pale);
}

.upload-guide__batch-note .upload-guide__badge {
    margin-top: 0;
    margin-bottom: 13px;
}

.upload-guide__detail-cta {
    color: #f5faf7;
    background: var(--upload-guide-deep);
}

.upload-guide__detail-cta h2 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 24px;
}

.upload-guide__detail-cta p {
    color: rgba(245, 250, 247, .78);
}

@media (max-width: 900px) {
    .upload-guide__hero-grid {
        min-height: 340px;
    }

    .upload-guide__hero-mark {
        flex-basis: 158px;
        width: 158px;
        height: 158px;
        margin-left: 25px;
    }

    .upload-guide__hero-mark-rq {
        font-size: 47px;
    }

    .upload-guide__detail-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

    .upload-guide__detail-aside {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .upload-guide__inner {
        padding-right: 20px;
        padding-left: 20px;
    }

    .upload-guide__hero-grid {
        display: block;
        min-height: 0;
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .upload-guide__hero h1 {
        font-size: clamp(33px, 10vw, 47px);
    }

    .upload-guide__hero-lead {
        font-size: 16px;
    }

    .upload-guide__hero-actions,
    .upload-guide__detail-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .upload-guide__hero-actions .upload-guide__button,
    .upload-guide__detail-actions .upload-guide__button {
        width: 100%;
    }

    .upload-guide__hero-mark {
        display: none;
    }

    .upload-guide__section {
        padding-top: 48px;
        padding-bottom: 52px;
    }

    .upload-guide__method-list {
        grid-template-columns: 1fr;
    }

    .upload-guide__method {
        min-height: 0;
        padding: 20px 48px 20px 17px;
    }

    .upload-guide__method-title {
        font-size: 16px;
    }

    .upload-guide__method-description {
        font-size: 13px;
    }

    .upload-guide__decision-note {
        padding: 18px;
    }

    .upload-guide__bottom-cta-inner,
    .upload-guide__detail-cta-inner {
        align-items: stretch;
        flex-direction: column;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .upload-guide__bottom-cta .upload-guide__button {
        width: 100%;
    }

    .upload-guide__detail-hero .upload-guide__inner {
        padding-top: 24px;
        padding-bottom: 42px;
    }

    .upload-guide__back {
        margin-bottom: 30px;
    }

    .upload-guide__detail-heading {
        gap: 13px;
    }

    .upload-guide__detail-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .upload-guide__detail-heading h1 {
        font-size: clamp(29px, 8vw, 40px);
    }

    .upload-guide__detail-heading > div > p:last-child {
        font-size: 15px;
    }

    .upload-guide__detail-section {
        padding-top: 44px;
        padding-bottom: 50px;
    }

    .upload-guide__detail-aside {
        grid-template-columns: 1fr;
    }
}

.upload-guide__preparation {
    margin-bottom: 36px;
}

.upload-guide__preparation h2 {
    font-size: 22px;
    color: #1c1e21;
}

.upload-guide__preparation > p,
.upload-guide__option-body p {
    color: #4a4f55;
    font-size: 15px;
    line-height: 1.8;
}

.upload-guide__option {
    border-bottom: 1px solid #e8ebee;
}

.upload-guide__option summary {
    padding: 16px 4px;
    color: #004533;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.upload-guide__option summary:hover {
    background: #EBF4EB;
}

.upload-guide__option-body {
    padding: 0 4px 16px;
}

@media (prefers-reduced-motion: reduce) {
    .upload-guide__button,
    .upload-guide__method,
    .upload-guide__method-arrow {
        transition: none;
    }

    .upload-guide__button:hover,
    .upload-guide__method:hover {
        transform: none;
    }
}