* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html,body {
  background:#fff1f2;
  color:#4c0519;
  font:16px/1.75 "Segoe UI",sans-serif;
}
.rose-bar {
  max-width:880px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 8px 8px;
  border-bottom:1px solid #fecdd3;
}
.brand {
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:#9f1239;
}
.brand svg {
  width:22px;
  height:22px;
}
.rose-bar nav {
  display:flex;
  gap:14px;
}
.rose-bar a {
  color:#9f1239;
  text-decoration:none;
  font-size:14px;
}
.rose-bar a:hover {
  text-decoration:underline;
}
main.slim {
  max-width:880px;
  margin:0 auto;
  padding:20px 8px 48px;
}
.hero {
  margin-bottom:20px;
}
.hero h1 {
  font-size:24px;
  color:#881337;
  margin-bottom:10px;
}
.hero p {
  margin-bottom:8px;
}
.meters {
  background:#fff;
  padding:16px 18px;
  border-radius:20px;
  margin-bottom:20px;
  box-shadow:0 0 0 1px #fecdd3;
}
.meters h3 {
  color:#9f1239;
  margin-bottom:12px;
  font-size:15px;
}
.meter {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.meter>span {
  width:7em;
  font-size:14px;
  color:#9f1239;
}
.bar {
  flex:1;
  height:10px;
  background:#ffe4e6;
  border-radius:99px;
  overflow:hidden;
}
.bar i {
  display:block;
  height:10px;
  background:#9f1239;
  border-radius:99px;
}
.w90 {
  width:90%;
}
.w40 {
  width:40%;
}
.w75 {
  width:75%;
}
.w85 {
  width:85%;
}
.w8 {
  width:8%;
}
.meter em {
  width:100%;
  font-style:normal;
  font-size:13px;
  color:#9f1239;
  padding-left:7.4em;
}
.split {
  display:flex;
  gap:16px;
  margin-bottom:20px;
}
.split article {
  flex:1;
  padding:16px;
  border-radius:20px;
}
.expose {
  background:#9f1239;
  color:#fff1f2;
}
.hide {
  background:#fff;
  box-shadow:0 0 0 1px #fecdd3;
}
.split h2,#prev h2,#type h2,#seat h2,#away h2,#edge h2,#faq h2 {
  font-size:18px;
  margin-bottom:10px;
}
.expose h2 {
  color:#ffe4e6;
}
.hide h2,#prev h2,#type h2,#seat h2,#away h2,#edge h2,#faq h2 {
  color:#881337;
}
.split svg {
  width:24px;
  height:24px;
  margin-bottom:8px;
}
.expose svg {
  color:#fecdd3;
}
.hide svg {
  color:#9f1239;
}
.split p,#prev p,#type p,#away p,#edge p {
  margin-bottom:8px;
  font-size:15px;
}
#prev,#type,#seat,#away,#edge,#faq {
  margin-bottom:20px;
}
.seat-cards {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.seat-cards article {
  background:#fff;
  padding:14px;
  border-radius:16px;
  display:flex;
  gap:10px;
}
.seat-cards svg {
  width:22px;
  height:22px;
  color:#9f1239;
  flex-shrink:0;
}
table.risk {
  width:100%;
  border-collapse:collapse;
  background:#fff;
  margin-bottom:20px;
  font-size:14px;
  border-radius:16px;
  overflow:hidden;
}
table.risk th {
  background:#9f1239;
  color:#fff;
  text-align:left;
  padding:8px 10px;
}
table.risk td {
  padding:8px 10px;
  border-bottom:1px solid #fecdd3;
  vertical-align:top;
}
details {
  background:#fff;
  margin-bottom:8px;
  padding:10px 12px;
  border-radius:12px;
}
summary {
  cursor:pointer;
  color:#9f1239;
}
details p {
  margin-top:8px;
}
.more-priv {
  background:#fff;
  padding:16px 18px;
  border-radius:20px;
  margin-bottom:20px;
  box-shadow:0 0 0 1px #fecdd3;
}
.more-priv h3 {
  color:#9f1239;
  margin-bottom:10px;
}
.more-priv p {
  margin-bottom:8px;
  font-size:15px;
}
.site-footer {
  max-width:880px;
  margin:0 auto;
  padding:16px 8px 32px;
  color:#9f1239;
  font-size:13px;
}
.site-footer p {
  margin-bottom:6px;
}