/* Self-hosted Latin variable fonts from Google Fonts (OFL licenses in fonts/planner).
   Preload Inter in the landing layout; Bitter is used by the numbered steps below the fold. */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/planner/inter-latin-3100e775e861.woff2') format('woff2');
}
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/planner/bitter-latin-0efe0fbe6068.woff2') format('woff2');
}
/* The existing Bootstrap Icons shapes, without a blocking CDN stylesheet/font.
   Match the icon font's em square and baseline. MIT license in fonts/planner. */
.bi::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    background-color: currentColor;
    -webkit-mask: var(--planner-icon) center / contain no-repeat;
    mask: var(--planner-icon) center / contain no-repeat;
}
.bi-arrow-right { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-arrow-right%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a.5.5%200%200%201%20.5-.5h11.793l-3.147-3.146a.5.5%200%200%201%20.708-.708l4%204a.5.5%200%200%201%200%20.708l-4%204a.5.5%200%200%201-.708-.708L13.293%208.5H1.5A.5.5%200%200%201%201%208z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-calendar3 { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-calendar3%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M14%200H2a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2zM1%203.857C1%203.384%201.448%203%202%203h12c.552%200%201%20.384%201%20.857v10.286c0%20.473-.448.857-1%20.857H2c-.552%200-1-.384-1-.857V3.857z%22%2F%3E%20%20%3Cpath%20d%3D%22M6.5%207a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm-9%203a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm-9%203a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-camera { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-camera%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M15%2012a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1h1.172a3%203%200%200%200%202.12-.879l.83-.828A1%201%200%200%201%206.827%203h2.344a1%201%200%200%201%20.707.293l.828.828A3%203%200%200%200%2012.828%205H14a1%201%200%200%201%201%201v6zM2%204a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2h-1.172a2%202%200%200%201-1.414-.586l-.828-.828A2%202%200%200%200%209.172%202H6.828a2%202%200%200%200-1.414.586l-.828.828A2%202%200%200%201%203.172%204H2z%22%2F%3E%20%20%3Cpath%20d%3D%22M8%2011a2.5%202.5%200%201%201%200-5%202.5%202.5%200%200%201%200%205zm0%201a3.5%203.5%200%201%200%200-7%203.5%203.5%200%200%200%200%207zM3%206.5a.5.5%200%201%201-1%200%20.5.5%200%200%201%201%200z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-check2 { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-check2%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M13.854%203.646a.5.5%200%200%201%200%20.708l-7%207a.5.5%200%200%201-.708%200l-3.5-3.5a.5.5%200%201%201%20.708-.708L6.5%2010.293l6.646-6.647a.5.5%200%200%201%20.708%200z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-compass { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-compass%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M8%2016.016a7.5%207.5%200%200%200%201.962-14.74A1%201%200%200%200%209%200H7a1%201%200%200%200-.962%201.276A7.5%207.5%200%200%200%208%2016.016zm6.5-7.5a6.5%206.5%200%201%201-13%200%206.5%206.5%200%200%201%2013%200z%22%2F%3E%20%20%3Cpath%20d%3D%22m6.94%207.44%204.95-2.83-2.83%204.95-4.949%202.83%202.828-4.95z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-geo-alt { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-geo-alt%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M12.166%208.94c-.524%201.062-1.234%202.12-1.96%203.07A31.493%2031.493%200%200%201%208%2014.58a31.481%2031.481%200%200%201-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304%207.867%203%206.862%203%206a5%205%200%200%201%2010%200c0%20.862-.305%201.867-.834%202.94zM8%2016s6-5.686%206-10A6%206%200%200%200%202%206c0%204.314%206%2010%206%2010z%22%2F%3E%20%20%3Cpath%20d%3D%22M8%208a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm0%201a3%203%200%201%200%200-6%203%203%200%200%200%200%206z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-sunset { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-sunset%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M7.646%204.854a.5.5%200%200%200%20.708%200l1.5-1.5a.5.5%200%200%200-.708-.708l-.646.647V1.5a.5.5%200%200%200-1%200v1.793l-.646-.647a.5.5%200%201%200-.708.708l1.5%201.5zm-5.303-.51a.5.5%200%200%201%20.707%200l1.414%201.413a.5.5%200%200%201-.707.707L2.343%205.05a.5.5%200%200%201%200-.707zm11.314%200a.5.5%200%200%201%200%20.706l-1.414%201.414a.5.5%200%201%201-.707-.707l1.414-1.414a.5.5%200%200%201%20.707%200zM8%207a3%203%200%200%201%202.599%204.5H5.4A3%203%200%200%201%208%207zm3.71%204.5a4%204%200%201%200-7.418%200H.499a.5.5%200%200%200%200%201h15a.5.5%200%200%200%200-1h-3.79zM0%2010a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2A.5.5%200%200%201%200%2010zm13%200a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-tree { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-tree%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M8.416.223a.5.5%200%200%200-.832%200l-3%204.5A.5.5%200%200%200%205%205.5h.098L3.076%208.735A.5.5%200%200%200%203.5%209.5h.191l-1.638%203.276a.5.5%200%200%200%20.447.724H7V16h2v-2.5h4.5a.5.5%200%200%200%20.447-.724L12.31%209.5h.191a.5.5%200%200%200%20.424-.765L10.902%205.5H11a.5.5%200%200%200%20.416-.777l-3-4.5zM6.437%204.758A.5.5%200%200%200%206%204.5h-.066L8%201.401%2010.066%204.5H10a.5.5%200%200%200-.424.765L11.598%208.5H11.5a.5.5%200%200%200-.447.724L12.69%2012.5H3.309l1.638-3.276A.5.5%200%200%200%204.5%208.5h-.098l2.022-3.235a.5.5%200%200%200%20.013-.507z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-unlock { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-unlock%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M11%201a2%202%200%200%200-2%202v4a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V9a2%202%200%200%201%202-2h5V3a3%203%200%200%201%206%200v4a.5.5%200%200%201-1%200V3a2%202%200%200%200-2-2zM3%208a1%201%200%200%200-1%201v5a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1V9a1%201%200%200%200-1-1H3z%22%2F%3E%3C%2Fsvg%3E"); }
.bi-wallet2 { --planner-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%20class%3D%22bi%20bi-wallet2%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20d%3D%22M12.136.326A1.5%201.5%200%200%201%2014%201.78V3h.5A1.5%201.5%200%200%201%2016%204.5v9a1.5%201.5%200%200%201-1.5%201.5h-13A1.5%201.5%200%200%201%200%2013.5v-9a1.5%201.5%200%200%201%201.432-1.499L12.136.326zM5.562%203H13V1.78a.5.5%200%200%200-.621-.484L5.562%203zM1.5%204a.5.5%200%200%200-.5.5v9a.5.5%200%200%200%20.5.5h13a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5h-13z%22%2F%3E%3C%2Fsvg%3E"); }
