/* Compact fulfillment reference, using the shared Yaman article palette. */
.subscription-guide .hero { max-width:800px; }
.subscription-guide .hero p { max-width:710px; }
.subscription-guide .toc { max-height:calc(100vh - 144px); overflow-y:auto; }
.subscription-guide .delivery-types { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; margin:22px 0 28px; }
.delivery-types > div { padding:15px 0; border-top:1px solid var(--line); }
.delivery-types dt, .option-label { color:var(--accent-2); font:500 10px 'Geist Mono',monospace; text-transform:uppercase; letter-spacing:.07em; }
.delivery-types dd { margin:8px 0 0; max-width:320px; color:var(--fg-2); font-size:13px; line-height:1.65; }
.subscription-guide .delivery-table-title { margin-top:22px; }
.delivery-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.6; }
.delivery-table th, .delivery-table td { padding:13px 12px; border-bottom:1px solid var(--line); vertical-align:middle; }
.delivery-table th:first-child { padding-left:0; }
.delivery-table td:last-child { padding-right:0; }
.delivery-table thead th { font-size:11px; color:var(--fg-3); font-weight:400; }
.delivery-table tbody th { width:29%; font-weight:500; }
.delivery-table tbody th a { color:var(--fg)!important; }
.delivery-table tbody th a:hover { color:var(--accent-2)!important; }
.delivery-table td { color:var(--fg-2); }
.method-label { display:inline-block; padding:3px 7px; border:1px solid var(--line); border-radius:3px; white-space:nowrap; color:var(--fg-2); font-size:11px; }
.delivery-options { display:grid; grid-template-columns:1fr 1fr; margin:20px 0 26px; border-block:1px solid var(--line); }
.delivery-options > section { padding:20px 24px 20px 0; }
.delivery-options > section + section { border-left:1px solid var(--line); padding:20px 0 20px 24px; }
.delivery-options h3 { margin:9px 0!important; font-size:18px!important; }
.option-tag { display:inline-block; font-size:11px; color:var(--fg-3); margin-bottom:14px; }
.subscription-guide .delivery-options p { font-size:13px; line-height:1.65; }
.subscription-guide .delivery-options .small-note { font-size:12px; }
.subscription-guide .email-walkthrough-title { margin-bottom:16px; }
.fulfillment-flow { display:flex; align-items:center; list-style:none; padding:17px 0; margin:20px 0; border-block:1px solid var(--line); gap:16px; }
.fulfillment-flow li { display:flex; align-items:center; flex:1; gap:16px; font-size:12px; line-height:1.6; color:var(--fg-2); }
.fulfillment-flow li:not(:last-child)::after { content:'→'; margin-left:auto; color:var(--accent-2); }
.access-facts { display:flex; gap:32px; margin-top:18px; }
.access-facts > div { display:flex; gap:10px; align-items:baseline; font-size:12px; line-height:1.6; }
.access-facts dt { color:var(--fg-3); }
.access-facts dd { color:var(--fg); margin:0; }
.subscription-guide #faq .reference { margin-top:0; }
.subscription-guide #faq summary { color:var(--fg); }
.pricing-reference { scroll-margin-top:110px; }
@media(max-width:600px) {
 .subscription-guide .delivery-types { grid-template-columns:1fr; margin-top:20px; }
 .delivery-types dd { max-width:none; }
 .delivery-table thead { display:none; }
 .delivery-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px 16px; padding:15px 0; border-bottom:1px solid var(--line); }
 .delivery-table tbody th { width:auto; grid-column:1 / -1; padding:0; border:0; font-size:14px; }
 .delivery-table td { padding:0; border:0; font-size:12px; }
 .delivery-table td::before { display:block; content:attr(data-label); color:var(--fg-3); font-size:10px; margin-bottom:5px; }
 .method-label { white-space:normal; font-size:10px; }
 .delivery-options { grid-template-columns:1fr; }
 .delivery-options > section { padding:18px 0; }
 .delivery-options > section + section { border-left:0; border-top:1px solid var(--line); padding:18px 0; }
 .fulfillment-flow { flex-direction:column; align-items:stretch; gap:10px; }
 .fulfillment-flow li { flex-direction:column; align-items:flex-start; gap:10px; }
 .fulfillment-flow li:not(:last-child)::after { content:'↓'; margin-left:0; }
 .access-facts { flex-direction:column; gap:7px; }
}