/* yesclt.com hand styles (Create.Websites goal 3458), on Bulma 1.0.4. The charlotte palette
   (community.charlotte.www/css/cc-color.css): green #033617 dark, #065C27 normal, #77876B shaded,
   #A4BD99 pale, #E3EBE0 very pale; gold #FEEC9C. Bulma is pinned to its light scheme (html data-theme="light"). */
html, body { background-color: #F7F7F7; }
a, .breadcrumb a { color: #065C27; }
a:hover, .breadcrumb a:hover { color: #033617; }
.breadcrumb li.is-active a { color: #4a4a4a; }
.button.is-primary { background-color: #065C27; border-color: #033617; color: #fff; }
.button.is-primary:hover, .button.is-primary:focus { background-color: #033617; color: #fff; }
.box { border-top: 3px solid #A4BD99; }
.yc-notice { border-left: 4px solid #065C27; }
.yc-code { width: 7.5em; font-family: monospace; }
.yc-create { display: flex; align-items: flex-end; padding-bottom: 2.1rem; }
.yc-links td { vertical-align: middle; }
.yc-url { word-break: break-all; max-width: 32rem; }
.yc-uses { white-space: nowrap; }
.yc-retired td, .yc-retired td a, .yc-count { color: #77876B; }
.yc-who { color: #4a4a4a; }
/* /o?i=<code>, a type-2 short link's page (goal 3455) */
.yc-go { font-family: monospace; color: #77876B; margin-bottom: 0.25rem; }
.yc-description { white-space: pre-line; }
.yc-countdown { margin-top: 0.75rem; }
/* No vertical padding on code in a subtitle: Bulma's .25em lifts the code box above its line,
   so a wrapped subtitle that opens with code read as a heading caption (layout_heading_unbound /links@390). */
.subtitle code { padding-top: 0; padding-bottom: 0; }
/* / the landing (goal 3456): a dark green band, the charlotte sites as cards, the shortener, a footer. */
.yc-hero { background-color: #033617; }
.yc-hero .title { color: #FFFFFF; }
.yc-hero .subtitle { color: #FEEC9C; }
.yc-logo { margin: 0 auto 1.5rem; }
.yc-lede { max-width: 36rem; margin: 0 auto; color: #E3EBE0; }
.yc-sites { margin-bottom: 1.5rem; }
/* Cards in a row share a height: the text grows to fill, so the card keeps an even inset. */
.yc-site { display: flex; flex-direction: column; height: 100%; color: #16161D; }
.yc-site-text { flex-grow: 1; }
.yc-site .title { color: #033617; }
a.yc-site:hover .title, a.yc-site:focus .title { color: #065C27; text-decoration: underline; }
.yc-host { font-family: monospace; color: #065C27; }
p.yc-host { margin-bottom: 0.25rem; }
.yc-soon { border-top-color: #FEEC9C; }
.yc-soon-note { margin-top: 0.75rem; color: #033617; font-style: italic; }
.yc-footer { background-color: #033617; color: #E3EBE0; }
.yc-footer a { color: #FEEC9C; }
.yc-footer a:hover { color: #FFFFFF; }