/* Shared visual treatment for the ten ready-made themes. */
.page.magazine { color:#f7ede9; background:#302a35; }
.page.magazine .cover { background:linear-gradient(135deg,#3d2d48,#de8f86 70%); }
.page.magazine .role, .page.magazine .links a span { color:#d89b9d; }
.page.magazine .profile h1, .page.magazine .bio { color:#f7ede9; }
.page.magazine .links a { border-color:rgba(255,255,255,.19); color:#f3e5e2; }
.page.bento { color:#2b3c31; background:#e6eee0; border-radius:20px; }
.page.bento .cover { background:linear-gradient(135deg,#355b47,#9ab899 70%); }
.page.bento .role, .page.bento .links a span { color:#587e63; }
.page.bento .profile h1 { color:#26382c; }
.page.bento .links a { border:1px solid rgba(64,101,77,.22); border-radius:10px; background:rgba(255,255,255,.42); }
.page.story { background:#fff1e2; }
.page.story .cover { background:linear-gradient(135deg,#d4665f,#ffc3a5 70%); }
.page.story .role, .page.story .links a span { color:#c65e58; }
.page.story .links a { border:1px solid rgba(173,78,65,.15); border-radius:99px; background:rgba(255,250,244,.72); }
.page.index { background:#e2e8dc; border-radius:9px; }
.page.index .cover { background:linear-gradient(135deg,#29352e,#91aa91 70%); }
.page.index .role, .page.index .links a span { color:#58745f; }
.page.index .profile h1 { color:#263027; text-transform:uppercase; }
.page.soft { background:#fbf2eb; }
.page.soft .cover { background:linear-gradient(135deg,#b7766b,#efd0bd 70%); }
.page.soft .role, .page.soft .links a span { color:#b5756b; }
.page.dark { color:#f1eaf2; background:#29242d; }
.page.dark .cover { background:linear-gradient(135deg,#211c24,#a37fab 70%); }
.page.dark .role, .page.dark .links a span { color:#bd9ac3; }
.page.dark .profile h1, .page.dark .bio { color:#f1eaf2; }
.page.dark .links a { border-color:rgba(255,255,255,.17); color:#f1eaf2; }
.page.fresh { background:#ebf1e9; }
.page.fresh .cover { background:linear-gradient(135deg,#48735a,#b1c9ad 70%); }
.page.fresh .role, .page.fresh .links a span { color:#568063; }
.page.fresh .profile h1 { color:#2c4233; }
.page.fresh .links a { border:1px solid rgba(68,113,80,.2); border-radius:5px; background:rgba(255,255,255,.45); }
.page.peach { background:#ffe0d3; }
.page.peach .cover { background:linear-gradient(135deg,#db7064,#ffcbb5 70%); }
.page.peach .role, .page.peach .links a span { color:#d65e56; }
.page.peach .links a { border:0; border-radius:4px; background:rgba(255,255,255,.52); }
.page.minimal { background:#eff2ee; border-radius:14px; }
.page.minimal .cover { background:linear-gradient(135deg,#303732,#aebcb1 70%); }
.page.minimal .role, .page.minimal .links a span { color:#5b7c67; }
.page.minimal .profile h1 { color:#29312c; text-transform:uppercase; }

/* Independent editor settings. */
.page.font-sans { font-family: Arial, Helvetica, sans-serif; }
.page.font-serif { font-family: Georgia, 'Times New Roman', serif; }
.page.font-mono { font-family: 'Courier New', monospace; }
.page.font-display { font-family: 'Trebuchet MS', Arial, sans-serif; }
.page.font-serif .profile h1,
.page.font-mono .profile h1,
.page.font-display .profile h1 { font-family: inherit; }

.page.style-centered .profile { text-align: center; }
.page.style-centered .avatar { margin-right: auto; margin-left: auto; }
.page.style-centered .profile h1,
.page.style-centered .bio { margin-right: auto; margin-left: auto; }
.page.style-centered .links { width: min(100%, 360px); margin-right: auto; margin-left: auto; }

.page.style-cards .links a {
    border: 1px solid rgba(84, 59, 53, .2);
    border-radius: 13px;
    background: rgba(255, 255, 255, .3);
}
.page.dark.style-cards .links a,
.page.magazine.style-cards .links a { border-color: rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .08); }

.page.style-minimal { border-width: 2px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, .18); }
.page.style-minimal .cover { height: 105px; }
.page.style-minimal .footer { padding-top: 28px; }

.page.button-style-line .links a {
    border-right: 0;
    border-bottom: 1px solid rgba(84, 59, 53, .24);
    border-left: 0;
    border-radius: 0;
    background: transparent;
}
.page.dark.button-style-line .links a,
.page.magazine.button-style-line .links a { border-bottom-color: rgba(255, 255, 255, .2); }
.page.button-style-filled .links a {
    border: 0;
    border-radius: 10px;
    background: rgba(84, 59, 53, .13);
}
.page.dark.button-style-filled .links a,
.page.magazine.button-style-filled .links a { background: rgba(255, 255, 255, .12); }
.page.button-style-pill .links a {
    border: 1px solid rgba(84, 59, 53, .2);
    border-radius: 999px;
    background: transparent;
}
.page.dark.button-style-pill .links a,
.page.magazine.button-style-pill .links a { border-color: rgba(255, 255, 255, .2); }
.page.button-style-soft .links a {
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .38);
}
.page.button-style-square .links a {
    border: 1px solid rgba(84, 59, 53, .22);
    border-radius: 0;
    background: transparent;
}
.page.dark.button-style-square .links a,
.page.magazine.button-style-square .links a { border-color: rgba(255, 255, 255, .2); }