* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #FBF7EF; }
body { font-family: "Inter", "Noto Color Emoji", sans-serif; color: #1B1B1B; font-size: 10.5pt; line-height: 1.5; }
h1, h2, h3 { font-family: "Inter", "Noto Color Emoji", sans-serif; letter-spacing: -0.02em; margin: 0; }
.pg { background: #FBF7EF; padding: 14mm 10mm 12mm; min-height: 213mm; }
.cover { background: #1F4D3A; color: #fff; height: 213mm; padding: 12mm 10mm; position: relative; overflow: hidden; display: flex; flex-direction: column; }
.cover .tag { font-size: 7.5pt; letter-spacing: .14em; font-weight: 700; color: #E8B23A; }
.cover h1 { font-size: 34pt; font-weight: 900; line-height: 1.0; margin-top: 70mm; }
.cover h1 em { font-style: normal; color: #E8B23A; }
.cover .sub { font-size: 11pt; opacity: .92; margin: 4mm 0 0; max-width: 85mm; }
.cover .by { margin-top: auto; font-weight: 700; font-size: 10pt; background: #E8B23A; color: #1F4D3A; align-self: flex-start; padding: 2mm 4mm; border-radius: 99px; }
.cover .phone { position: absolute; right: -6mm; top: 16mm; width: 52mm; background: #fff; border-radius: 9mm; padding: 6mm 3.5mm 4mm; border: 2.2mm solid #143628; transform: rotate(6deg); box-shadow: 0 6mm 14mm rgba(0,0,0,.35); color: #1B1B1B; }
.cover .notch { width: 14mm; height: 1.3mm; background: #d8d2c6; border-radius: 9px; margin: 0 auto 3mm; }
.cover .pin { font-size: 6.5pt; font-weight: 700; color: #1F4D3A; margin-bottom: 2mm; }
.cover .row { font-size: 6.8pt; font-weight: 600; background: #F3EDE2; border-radius: 3mm; padding: 1.6mm 2mm; margin-bottom: 1.4mm; display: flex; gap: 1.5mm; }
.cover h1, .cover .sub, .cover .tag { position: relative; z-index: 2; }
.kicker, .part { font-size: 7.5pt; letter-spacing: .16em; font-weight: 800; color: #8A5E10; margin-bottom: 2mm; }
h2 { font-size: 20pt; font-weight: 900; color: #1F4D3A; line-height: 1.1; margin-bottom: 3mm; }
h3 { font-size: 11pt; font-weight: 800; color: #1F4D3A; margin: 5mm 0 2mm; }
.lead { font-size: 11pt; color: #44403c; margin-top: 0; }
p { margin: 0 0 3mm; }
.card { border-radius: 4mm; padding: 4mm; margin: 4mm 0; font-size: 10pt; }
.card.yellow { background: #FDEBC4; }
.card.teal { background: #1F4D3A; color: #fff; }
.ahead { display: flex; gap: 4mm; align-items: center; margin-bottom: 2mm; }
.aemo { flex: none; width: 20mm; height: 20mm; border-radius: 6mm; background: var(--c); display: flex; align-items: center; justify-content: center; font-size: 26pt; }
.anum { font-size: 7pt; letter-spacing: .14em; font-weight: 800; color: var(--c); }
.ahead h2 { margin-bottom: 1mm; color: var(--c); }
.ahead .lead { font-size: 9.5pt; margin: 0; }
.chat { background: #E9E3D7; border-radius: 5mm; padding: 4mm 3mm; }
.b { display: flex; margin-bottom: 2mm; }
.b span { max-width: 82%; padding: 2.2mm 3mm; border-radius: 4mm; font-size: 8.8pt; line-height: 1.4; }
.b.eu { justify-content: flex-end; }
.b.eu span { background: var(--c, #1F4D3A); color: #fff; border-bottom-right-radius: 1mm; }
.b.ia span { background: #fff; border-bottom-left-radius: 1mm; }
.chips { display: flex; flex-wrap: wrap; gap: 2mm; }
.chips span { background: #fff; border: .4mm solid var(--c); color: var(--c); border-radius: 99px; padding: 1.2mm 3mm; font-size: 8.5pt; font-weight: 600; }
.check { list-style:none; padding:0; margin:0 0 3mm; }
.check li { background:#fff; border-radius:3.5mm; padding:2.6mm 3mm 2.6mm 11mm; margin-bottom:2mm; position:relative; font-size:9.3pt; line-height:1.4; }
.check li:before { content:""; position:absolute; left:3mm; top:2.6mm; width:4.5mm; height:4.5mm; border:.5mm solid var(--c,#1F4D3A); border-radius:1.2mm; }
.say { background:var(--c); color:#fff; border-radius:4mm 4mm 1mm 4mm; padding:3.5mm 4mm; font-weight:700; font-size:10.5pt; margin:2mm 0 4mm; }
.say:before { content:'🎙️ '; }
.daybig { font-weight:900; font-size:54pt; line-height:.9; color:var(--c); }
.dayhead { display:flex; align-items:flex-end; gap:4mm; margin-bottom:3mm; }
.dayhead .t { padding-bottom:1.5mm; }
.dayhead .t small { display:block; font-size:7.5pt; letter-spacing:.14em; font-weight:800; color:#8A5E10; }
.dayhead .t b { font-size:15pt; color:#1F4D3A; font-weight:900; line-height:1.1; }
.win { background:#1F4D3A; color:#fff; border-radius:4mm; padding:3mm 4mm; font-size:9.3pt; }
.win b { color:#E8B23A; }
.lines { margin-top:4mm; }
.lines .l { border-bottom:.3mm solid #d9cfbd; height:7mm; }
.lines small { font-size:8pt; color:#78716c; font-weight:600; }
.cat { display:flex; align-items:center; gap:3mm; margin-bottom:3mm; }
.cat .ic { width:14mm; height:14mm; border-radius:4mm; background:var(--c); display:flex; align-items:center; justify-content:center; font-size:20pt; }
.cat h2 { color:var(--c); margin:0; }
.cat small { display:block; font-size:7.5pt; letter-spacing:.14em; font-weight:800; color:#8A5E10; }
.req { background:#fff; border-radius:3.5mm; padding:2.3mm 3mm; margin-bottom:2mm; border-left:1.6mm solid var(--c); }
.req .t { font-size:7.6pt; font-weight:800; color:var(--c); letter-spacing:.02em; }
.req .t i { font-style:normal; color:#a8a29e; margin-right:1.5mm; }
.req .q { font-size:8.8pt; line-height:1.38; margin-top:.6mm; }
.where { font-size:8pt; color:#44403c; margin:0 0 3mm; }
.no { display:flex; gap:2.6mm; align-items:center; background:#fff; border-radius:3.5mm; padding:1.7mm 2.6mm; margin-bottom:1.5mm; }
.no .x { flex:none; width:7mm; height:7mm; border-radius:50%; background:#DC2626; color:#fff; font-weight:900; display:flex; align-items:center; justify-content:center; font-size:9pt; }
.no b { font-size:8.8pt; } .no p { margin:.2mm 0 0; font-size:7.9pt; color:#57534e; line-height:1.35; }
html,body{width:454px;height:805px;overflow:hidden}