/* Arte Botânico: calma, folhas em traço fino, serifada de leitura */
:root {
  --serif: "Newsreader", Georgia, serif;
  --folhas: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300' fill='none' stroke='%237d9a7f' stroke-width='2'><path d='M170 8C120 80 82 160 62 292'/><g fill='%237d9a7f' fill-opacity='.22'><path d='M142 46c-30-8-52 0-68 22 28 10 52 4 68-22z'/><path d='M118 96c26-22 52-26 78-14-14 26-42 34-78 14z'/><path d='M98 150c-30-6-52 4-66 28 28 8 52 0 66-28z'/><path d='M82 206c26-20 50-24 74-12-12 24-40 32-74 12z'/><path d='M70 256c-22-4-38 4-48 22 20 6 38 0 48-22z'/></g></svg>");
  --ramo: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 18' fill='none' stroke='%237d9a7f' stroke-width='1.6'><path d='M2 9h136'/><g fill='%237d9a7f' fill-opacity='.25'><path d='M30 9c-4-6-10-8-16-6 2 6 8 8 16 6z'/><path d='M60 9c4-6 10-8 16-6-2 6-8 8-16 6z'/><path d='M92 9c-4 6-10 8-16 6 2-6 8-8 16-6z'/><path d='M120 9c4 6 10 8 16 6-2-6-8-8-16-6z'/></g></svg>");
}

h2 { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 17px; text-transform: none; letter-spacing: 0; margin-bottom: 8px; }
.tela-celular h2 { font-size: 15px; }
.cabecalho { position: relative; border-bottom: 1px solid var(--suave); }
.cabecalho::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 140px; height: 18px; background: var(--ramo) left center / contain no-repeat; }
.cabecalho h1 { font-weight: 400; }
.cabecalho .rotulo { font-style: italic; text-transform: none; letter-spacing: .02em; font-size: 17px; }

.caixa, .card-modulo, .cartao, .ramo { border-radius: 22px; }
.cornell { border-radius: 22px; }
.zona-sticker { border-radius: 22px; }
.aba.ativa { border-radius: 24px 0 0 24px; }
.formato-retrato .aba.ativa { border-radius: 0 0 24px 24px; }
.checks li::before { border-radius: 50%; border-color: var(--destaque); }
.botao { background: var(--destaque); color: var(--sobre-destaque); font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: .02em; }
.dia-cab-num, .dia-cab-txt strong, .mini-titulo, .card-num, .card-modulo strong { font-weight: 400; }
.dia-cab-txt strong { font-style: italic; }
.pergunta { font-weight: 400; font-style: italic; }

.capa::before, .capa::after { border-radius: 0; background: var(--folhas) center / contain no-repeat; }
.capa::before { width: 360px; height: 540px; right: -20px; top: -40px; }
.capa::after { width: 300px; height: 450px; left: -20px; bottom: -40px; transform: rotate(180deg); }
.capa-titulo { font-weight: 400; }
.capa-sobre { font-family: var(--serif); font-style: italic; text-transform: none; letter-spacing: .06em; font-size: 20px; }
.capa-frase { font-family: var(--serif); font-size: 24px; }
.tela-celular .capa::before { width: 200px; height: 300px; right: -30px; top: -20px; }
.tela-celular .capa::after { width: 180px; height: 270px; left: -30px; bottom: -20px; }

.roda-nome { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 20px; }
.tela-celular .roda-nome { font-size: 26px; }