.fmb-donut-article {
–red: #d81717;
–red-dark: #a70f0f;
–ink: #171717;
–cream: #fff7e8;
–cream-2: #fffdf8;
–gold: #ffc844;
–pink: #ff6aa2;
–brown: #7a3d18;
–border: #f2d7b2;
–shadow: 0 18px 40px rgba(70, 35, 10, 0.14);
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
color: var(–ink);
line-height: 1.65;
background: #fff;
}

.fmb-donut-article * { box-sizing: border-box; }

.fmb-donut-wrap {
max-width: 980px;
margin: 0 auto;
padding: 0 18px 44px;
}

.fmb-donut-hero {
position: relative;
overflow: hidden;
border-radius: 30px;
padding: 42px 24px 36px;
background:
radial-gradient(circle at 10% 15%, rgba(255, 106, 162, 0.22), transparent 18%),
radial-gradient(circle at 88% 10%, rgba(255, 200, 68, 0.32), transparent 22%),
linear-gradient(135deg, #fff7e8 0%, #fffdf8 52%, #ffe8ec 100%);
border: 2px solid var(–border);
box-shadow: var(–shadow);
text-align: center;
margin: 18px 0 24px;
}

.fmb-donut-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 999px;
background: #111;
color: #fff;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.82rem;
}

.fmb-donut-hero h1 {
margin: 18px auto 12px;
color: var(–red);
font-size: clamp(2.15rem, 7vw, 4.85rem);
line-height: 0.92;
letter-spacing: -0.055em;
text-transform: uppercase;
text-shadow: 0 5px 0 #fff, 0 11px 18px rgba(115, 30, 0, 0.16);
}

.fmb-donut-date {
font-size: clamp(1.45rem, 4vw, 2.55rem);
margin: 0 auto 16px;
font-weight: 1000;
text-transform: uppercase;
}

.fmb-donut-subhead {
max-width: 780px;
margin: 0 auto;
font-size: 1.1rem;
color: #3c2b1f;
}

.fmb-ad-slot {
margin: 26px auto;
min-height: 100px;
text-align: center;
}

.fmb-section {
margin: 28px 0;
padding: 26px;
border-radius: 26px;
background: var(–cream-2);
border: 1px solid var(–border);
box-shadow: 0 12px 28px rgba(70, 35, 10, 0.08);
}

.fmb-section h2 {
margin: 0 0 12px;
color: var(–red-dark);
font-size: clamp(1.55rem, 4vw, 2.15rem);
line-height: 1.08;
letter-spacing: -0.03em;
}

.fmb-section h3 {
margin: 0 0 8px;
font-size: 1.18rem;
line-height: 1.18;
}

.fmb-note {
border-left: 6px solid var(–gold);
background: #fff8da;
padding: 16px 18px;
border-radius: 16px;
margin: 18px 0 0;
font-weight: 650;
}

.fmb-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
}

.fmb-deal-card {
position: relative;
overflow: hidden;
border-radius: 22px;
padding: 18px;
background: #fff;
border: 1px solid #f1d8b7;
box-shadow: 0 8px 20px rgba(70, 35, 10, 0.08);
}

.fmb-deal-card:before {
content: “”;
position: absolute;
top: -40px;
right: -40px;
width: 110px;
height: 110px;
border-radius: 50%;
background: rgba(216, 23, 23, 0.08);
}

.fmb-tag {
display: inline-block;
padding: 6px 10px;
border-radius: 999px;
background: #111;
color: #fff;
font-size: 0.78rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.045em;
margin-bottom: 10px;
}

.fmb-tag.free { background: var(–red); }
.fmb-tag.purchase { background: var(–brown); }
.fmb-tag.app { background: #0b6b43; }

.fmb-deal-card p { margin: 0; }

.fmb-deal-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
border-radius: 18px;
margin: 18px 0 0;
font-size: 0.98rem;
}

.fmb-deal-table th,
.fmb-deal-table td {
padding: 13px 12px;
border-bottom: 1px solid #f0dcc3;
vertical-align: top;
text-align: left;
}

.fmb-deal-table th {
background: #171717;
color: #fff;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.045em;
font-size: 0.82rem;
}

.fmb-deal-table tr:nth-child(even) td { background: #fff8ee; }
.fmb-deal-table tr:last-child td { border-bottom: 0; }

.fmb-checklist {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 18px;
}

.fmb-check {
background: #fff;
border: 1px solid #f1d8b7;
border-radius: 18px;
padding: 16px;
font-weight: 750;
}

.fmb-source-list {
font-size: 0.92rem;
color: #4b3b32;
}

.fmb-source-list a { color: var(–red-dark); font-weight: 750; }

@media (max-width: 760px) {
.fmb-donut-wrap { padding: 0 12px 34px; }
.fmb-donut-hero { border-radius: 22px; padding: 34px 16px 28px; }
.fmb-section { padding: 20px 16px; border-radius: 22px; }
.fmb-grid, .fmb-checklist { grid-template-columns: 1fr; }
.fmb-deal-table { display: block; overflow-x: auto; white-space: normal; }
}