:root{ --yellow:#f7ec00; --ink:#1c1c1c; --line:#e2e2e2; --grey:#666; }
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:"Montserrat",sans-serif;background:#f4f4f4;color:#1a1a1a;line-height:1.55;padding:24px 16px;}
.page{max-width:780px;margin:0 auto;background:#fff;border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.1);overflow:hidden;}
.top{background:var(--ink);color:#fff;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.top .brand{font-family:"Oswald";font-weight:700;font-size:20px;letter-spacing:1px;}
.top .brand b{color:var(--yellow);}
.top .sub{font-size:11px;letter-spacing:.22em;color:#bbb;text-transform:uppercase;margin-top:2px;}
.top .print{background:var(--yellow);color:#000;border:none;border-radius:8px;padding:9px 16px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;}
.body{padding:24px 30px 30px;}
.back{display:inline-block;color:var(--grey);text-decoration:none;font-size:13px;font-weight:600;margin-bottom:14px;}
.back:hover{color:#000;}
h1{font-family:"Oswald";font-weight:700;font-size:26px;letter-spacing:.02em;display:flex;align-items:center;gap:12px;margin-bottom:4px;}
h1 .ic{font-size:30px;}
.lead{color:var(--grey);font-size:14px;margin-bottom:20px;}
ol,ul{margin:0;padding-left:22px;}
li{margin:11px 0;font-size:15px;}
li b{font-weight:700;}
.pill{display:inline-block;background:var(--yellow);color:#000;font-weight:700;border-radius:5px;padding:1px 8px;font-size:14px;}
.tip{background:#fffdf0;border:1px solid #f0e7a8;border-radius:10px;padding:13px 16px;font-size:14px;margin-top:20px;}
.tip b{color:#a07a00;}
.note{font-size:13px;color:var(--grey);margin-top:14px;}
.url{font-family:"Oswald";font-weight:500;font-size:14px;background:#f3f3f3;border-radius:6px;padding:6px 12px;display:inline-block;margin-top:8px;}
/* hub cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;}
.card{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:#1a1a1a;transition:border-color .1s, background .1s;}
.card:hover{border-color:var(--yellow);background:#fffef5;}
.card .ic{font-size:34px;flex:none;}
.card .t{font-family:"Oswald";font-weight:700;font-size:18px;}
.card .d{font-size:12px;color:var(--grey);margin-top:2px;}
@media (max-width:560px){ .cards{grid-template-columns:1fr;} }
@media print{
  body{background:#fff;padding:0;}
  .page{box-shadow:none;border-radius:0;max-width:100%;}
  .top .print,.back{display:none;}
  li{font-size:13px;margin:8px 0;}
}