/* LWVlife App - "What's new" banner and feature links (2026-10-25). Stands out from the tiles with a warm gradient; 48px+ controls. */
.wn-home{margin:10px 12px 0;padding:10px 10px 10px;border-radius:20px;background:linear-gradient(120deg,#0F5A5C 0%,#116466 45%,#5B3A7E 100%);color:#fff;box-shadow:0 6px 18px rgba(23,43,77,.22)}
.wn-home.wn-min{padding:0;background:none;box-shadow:none}
.wn-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.wn-head .t{flex:1 1 auto;min-width:0}
.wn-head b{display:block;font-size:1.08rem;line-height:1.15}
.wn-head small{display:block;font-weight:600;font-size:.9rem;opacity:.92}
.wn-badge{display:inline-block;background:#FFD54F;color:#3E2A00;font-weight:900;font-size:.8rem;letter-spacing:.06em;padding:3px 9px;border-radius:999px;flex:none}
.wn-x{min-width:44px;min-height:44px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-weight:900;font-size:1.1rem;border:0;cursor:pointer;flex:none}
.wn-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wn-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;padding:10px 12px;border-radius:16px;border:0;background:#fff;color:#172B4D;text-align:left;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);font:inherit;min-width:0}
.wn-tile .ic{font-size:1.9rem;line-height:1}
.wn-tile .t{min-width:0}
.wn-tile .t b{display:block;font-size:1rem;line-height:1.2;word-break:keep-all}
.wn-tile .t small{display:block;color:#44546B;font-weight:600;font-size:.86rem;line-height:1.25}
.wn-tile .go{margin-top:auto;font-weight:900;color:#116466;font-size:.92rem}
.wn-tile.wn-diary .go{color:#5B3A7E}
.wn-tile:focus-visible,.wn-x:focus-visible,.wn-chip:focus-visible{outline:4px solid #FFB600;outline-offset:2px}
.wn-chip{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:4px 16px;border-radius:999px;border:2px solid #116466;background:#fff;color:#0C4C4E;font-weight:800;cursor:pointer;font:inherit}
/* compact rows on Ask Aimee, Daily Living, Settings */
.wn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.wn-tile.sm{flex-direction:row;align-items:center;min-height:64px;padding:8px 10px;border:2px solid #D9D3C4;box-shadow:none}
.wn-tile.sm .ic{font-size:1.6rem}
.wn-tile.sm .t small{display:none}
.wn-tile.sm .go{margin-top:0;margin-left:auto;flex:none}
#wn-set h3{display:flex;align-items:center;gap:8px;margin:0 0 6px}
@media (max-width:359px){.wn-tiles,.wn-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wn-home *{transition:none!important}}