/*
Theme Name:   Appland Child
Theme URI:    https://appland.se/
Description:  Barntema till Neve för appland.se, en oberoende svensk guide till appar. Färger, typografi, kortlayout och kortkoder för appkort, betyg, fördelar/nackdelar, faktarutor, steg, vertikal tidslinje, frågor och svar samt internlänksbox.
Author:       Redaktionen
Template:     neve
Version:      1.6.2
Requires PHP: 7.4
Text Domain:  appland-child
*/

/* ==================================================================
   1. Färger och typografi
   Mörkblå bas, indigo som huvudfärg och mint som accent.
   Systemtypsnitt: snabbt och inga anrop till Google Fonts.
   ================================================================== */
body.appland {
	--al-bla: #4338ca;
	--al-bla-mork: #312a9e;
	--al-bla-ljus: #eef0ff;
	--al-mint: #0f9f75;
	--al-mint-ljus: #e6f7f0;
	--al-gul: #f5a524;
	--al-gul-ljus: #fff6e5;
	--al-rod: #d9483b;
	--al-rod-ljus: #fdeceb;
	--al-black: #14172b;
	--al-text: #2b2f45;
	--al-gra: #5d6380;
	--al-linje: #e3e6f0;
	--al-yta: #ffffff;
	--al-bakgrund: #f5f6fb;
	--al-radie: 18px;
	--al-radie-liten: 12px;
	--al-skugga: 0 1px 2px rgba(20, 23, 43, .05), 0 8px 24px rgba(20, 23, 43, .06);
	--al-typsnitt: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	/* Neves egna variabler */
	--nv-primary-accent: var(--al-bla);
	--nv-secondary-accent: var(--al-bla-mork);
	--nv-site-bg: var(--al-bakgrund);
	--nv-light-bg: var(--al-bla-ljus);
	--nv-dark-bg: var(--al-black);
	--nv-text-color: var(--al-text);
	--nv-text-dark-bg: #ffffff;
	--nv-fallback-ff: var(--al-typsnitt);
	--bodyfontfamily: var(--al-typsnitt);
	--headingsfontfamily: var(--al-typsnitt);

	background: var(--al-bakgrund);
	color: var(--al-text);
	font-family: var(--al-typsnitt);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

.appland h1, .appland h2, .appland h3, .appland h4, .appland h5, .appland h6 {
	color: var(--al-black);
	font-family: var(--al-typsnitt);
	font-weight: 750;
	letter-spacing: -.015em;
	line-height: 1.25;
}
.appland h1 { font-size: clamp(1.9rem, 1.4rem + 2vw, 2.75rem); letter-spacing: -.025em; }
.appland h2 { font-size: clamp(1.45rem, 1.2rem + 1vw, 1.9rem); margin-top: 2.2em; }
.appland h3 { font-size: clamp(1.2rem, 1.1rem + .5vw, 1.4rem); margin-top: 1.8em; }

.appland a { color: var(--al-bla); text-underline-offset: .18em; text-decoration-thickness: 1px; }
.appland a:hover { color: var(--al-bla-mork); }

.appland ::selection { background: var(--al-bla); color: #fff; }

/* ==================================================================
   2. Sidhuvud
   ================================================================== */
.appland .header-main,
.appland .header-top,
.appland .header-bottom {
	background: rgba(255, 255, 255, .94);
}
.appland header.header {
	border-bottom: 1px solid var(--al-linje);
	box-shadow: 0 1px 0 rgba(20, 23, 43, .02);
}
.appland .site-logo .brand,
.appland .site-logo a {
	color: var(--al-black);
	font-weight: 800;
	letter-spacing: -.02em;
	text-decoration: none;
}
.appland .site-logo .site-title { font-size: 1.45rem; }
.appland .nav-ul > li > .wrap > a,
.appland .nav-ul > li > a {
	color: var(--al-text);
	font-weight: 600;
	font-size: .97rem;
	text-decoration: none;
}
.appland .nav-ul > li > .wrap > a:hover,
.appland .nav-ul > li > a:hover,
.appland .nav-ul li.current-menu-item > .wrap > a,
.appland .nav-ul li.current-menu-item > a {
	color: var(--al-bla);
}
.appland .nav-ul .sub-menu {
	border-radius: var(--al-radie-liten);
	box-shadow: var(--al-skugga);
	border: 1px solid var(--al-linje);
	overflow: hidden;
}

/* ==================================================================
   3. Knappar och formulär
   ================================================================== */
.appland .button,
.appland button,
.appland input[type="submit"],
.appland .wp-block-button__link,
.appland .al-knapp {
	border-radius: 999px;
	font-weight: 650;
}
.appland .al-knapp {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	padding: .6em 1.2em;
	background: var(--al-bla);
	color: #fff;
	font-size: .95rem;
	line-height: 1.2;
	text-decoration: none;
	transition: background .15s ease, transform .15s ease;
}
.appland .al-knapp:hover { background: var(--al-bla-mork); color: #fff; transform: translateY(-1px); }
.appland .al-knapp--mork { background: var(--al-black); }
.appland .al-knapp--mork:hover { background: #000; }

.appland input[type="text"],
.appland input[type="email"],
.appland input[type="search"],
.appland input[type="number"],
.appland select,
.appland textarea {
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie-liten);
	background: #fff;
}
.appland input:focus,
.appland select:focus,
.appland textarea:focus {
	outline: 2px solid var(--al-bla);
	outline-offset: 1px;
	border-color: transparent;
}
.appland a:focus-visible,
.appland button:focus-visible,
.appland summary:focus-visible {
	outline: 2px solid var(--al-bla);
	outline-offset: 2px;
	border-radius: 6px;
}

/* ==================================================================
   4. Inläggslistor (blogg, kategorier, arkiv)
   ================================================================== */
.appland .posts-wrapper > article,
.appland .posts-wrapper .nv-non-grid-article {
	margin-bottom: 28px;
}
.appland .posts-wrapper article .article-content-col {
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie);
	box-shadow: var(--al-skugga);
	overflow: hidden;
	height: 100%;
	transition: transform .18s ease, box-shadow .18s ease;
}
.appland .posts-wrapper article .article-content-col:hover {
	transform: translateY(-3px);
	box-shadow: 0 2px 4px rgba(20, 23, 43, .05), 0 16px 36px rgba(20, 23, 43, .1);
}
.appland .posts-wrapper article .content {
	padding: 0 0 22px;
}
.appland .posts-wrapper .nv-post-thumbnail-wrap { margin-bottom: 16px; }
.appland .posts-wrapper .nv-post-thumbnail-wrap img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}
.appland .posts-wrapper .blog-entry-title,
.appland .posts-wrapper .nv-meta-list,
.appland .posts-wrapper .excerpt-wrap,
.appland .posts-wrapper .read-more-wrap {
	padding-left: 22px;
	padding-right: 22px;
}
.appland .posts-wrapper .blog-entry-title { font-size: 1.2rem; margin: 0 0 .4em; }
.appland .posts-wrapper .blog-entry-title a { color: var(--al-black); text-decoration: none; }
.appland .posts-wrapper .blog-entry-title a:hover { color: var(--al-bla); }
.appland .posts-wrapper .excerpt-wrap { color: var(--al-gra); font-size: .97rem; }

.appland .nv-meta-list,
.appland .nv-meta-list a {
	color: var(--al-gra);
	font-size: .85rem;
}

.appland .page-header,
.appland .nv-page-title-wrap {
	padding-top: 12px;
}
.appland .archive-description,
.appland .nv-page-title .archive-description {
	color: var(--al-gra);
	max-width: 720px;
}

/* Sidnumrering */
.appland .nv-index-posts .nav-links .page-numbers,
.appland .nav-links .page-numbers {
	border-radius: 999px;
	min-width: 2.4em;
	text-align: center;
}

/* ==================================================================
   5. Enskilda artiklar och sidor
   ================================================================== */
.appland .nv-single-post-wrap .entry-header,
.appland .nv-page-title-wrap { margin-bottom: 8px; }

.appland .nv-single-post-wrap .nv-thumb-wrap img,
.appland .nv-single-post-wrap .post-thumbnail img {
	border-radius: var(--al-radie);
}

.appland .nv-content-wrap,
.appland .entry-content {
	font-size: 1.06rem;
}
.appland .nv-content-wrap > p,
.appland .nv-content-wrap > ul,
.appland .nv-content-wrap > ol {
	margin-bottom: 1.15em;
}
.appland .nv-content-wrap ul li,
.appland .nv-content-wrap ol li { margin-bottom: .35em; }
.appland .nv-content-wrap ul li::marker { color: var(--al-bla); }

.appland .nv-content-wrap img { border-radius: var(--al-radie-liten); }
.appland .nv-content-wrap figure figcaption,
.appland .wp-caption-text {
	color: var(--al-gra);
	font-size: .88rem;
	text-align: center;
	margin-top: .5em;
}

.appland blockquote {
	border-left: 4px solid var(--al-bla);
	background: var(--al-bla-ljus);
	border-radius: 0 var(--al-radie-liten) var(--al-radie-liten) 0;
	padding: 1em 1.3em;
	margin: 1.6em 0;
	font-style: normal;
}

/* Inbäddade videor */
.appland .nv-content-wrap iframe[src*="youtube"],
.appland .nv-content-wrap iframe[src*="vimeo"] {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	border-radius: var(--al-radie-liten);
	border: 0;
}

/* Innehållsförteckning (Yoast/LuckyWP/Easy TOC) */
.appland #ez-toc-container,
.appland .lwptoc,
.appland .yoast-table-of-contents {
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie);
	padding: 1em 1.4em;
	box-shadow: none;
}

/* ==================================================================
   6. Tabeller
   ================================================================== */
.appland .al-tabellram {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.6em 0;
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie-liten);
	background: var(--al-yta);
}
.appland .al-tabellram table { margin: 0; border: 0; min-width: 560px; }
.appland .nv-content-wrap table {
	width: 100%;
	border-collapse: collapse;
	font-size: .95rem;
}
.appland .nv-content-wrap th {
	background: var(--al-black);
	color: #fff;
	text-align: left;
	font-weight: 650;
	padding: .75em 1em;
	border: 0;
}
.appland .nv-content-wrap td {
	padding: .7em 1em;
	border: 0;
	border-top: 1px solid var(--al-linje);
	vertical-align: top;
}
.appland .nv-content-wrap tbody tr:nth-child(even) td { background: #fafbfe; }

/* ==================================================================
   7. Kortkoder
   ================================================================== */

/* Betyg */
.appland .al-betyg {
	display: inline-flex;
	align-items: center;
	gap: .45em;
	white-space: nowrap;
}
.appland .al-betyg__stjarnor {
	position: relative;
	display: inline-block;
	font-size: 1.05rem;
	line-height: 1;
	letter-spacing: 2px;
	color: #d6d9e6;
}
.appland .al-betyg__stjarnor::before { content: "★★★★★"; }
.appland .al-betyg__fyllt {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: var(--al-gul);
}
.appland .al-betyg__fyllt::before { content: "★★★★★"; }
.appland .al-betyg__tal { font-weight: 700; color: var(--al-black); font-size: .95rem; }

/* Appkort */
.appland .al-appkort {
	position: relative;
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie);
	box-shadow: var(--al-skugga);
	padding: 22px 22px 20px;
	margin: 1.8em 0;
}
.appland .al-appkort__etikett {
	position: absolute;
	top: -12px;
	left: 20px;
	background: var(--al-mint);
	color: #fff;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	padding: .3em .8em;
	border-radius: 999px;
}
.appland .al-appkort__topp {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.appland .al-appkort__ikon {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	object-fit: cover;
	flex: 0 0 64px;
	box-shadow: 0 2px 8px rgba(20, 23, 43, .12);
}
.appland .al-appkort__ikon--tom {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--al-bla), var(--al-mint));
	color: #fff;
	font-weight: 800;
	font-size: 1.6rem;
}
.appland .al-appkort__namn { flex: 1 1 180px; display: flex; flex-direction: column; line-height: 1.3; }
.appland .al-appkort__namn strong { color: var(--al-black); font-size: 1.2rem; }
.appland .al-appkort__namn span { color: var(--al-gra); font-size: .9rem; }
.appland .al-appkort__fakta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin: 16px 0 0;
	padding: 12px 0 0;
	border-top: 1px solid var(--al-linje);
}
.appland .al-appkort__fakta div { display: flex; flex-direction: column; }
.appland .al-appkort__fakta dt { color: var(--al-gra); font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
.appland .al-appkort__fakta dd { margin: 0; color: var(--al-black); font-weight: 600; font-size: .95rem; }
.appland .al-appkort__text { margin-top: 12px; }
.appland .al-appkort__text p:last-child { margin-bottom: 0; }
.appland .al-appkort__knappar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }

/* Fördelar och nackdelar */
.appland .al-plusminus {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 1.6em 0;
}
.appland .al-plusminus > div {
	border-radius: var(--al-radie);
	padding: 18px 20px 8px;
}
.appland .al-plusminus__plus { background: var(--al-mint-ljus); }
.appland .al-plusminus__minus { background: var(--al-rod-ljus); }
.appland .al-plusminus__rubrik { font-weight: 750; color: var(--al-black); margin: 0 0 .5em; }
.appland .al-plusminus ul { list-style: none; margin: 0; padding: 0; }
.appland .al-plusminus li { position: relative; padding-left: 1.6em; margin-bottom: .55em; line-height: 1.5; }
.appland .al-plusminus li::before { position: absolute; left: 0; top: 0; font-weight: 800; }
.appland .al-plusminus__plus li::before { content: "+"; color: var(--al-mint); }
.appland .al-plusminus__minus li::before { content: "−"; color: var(--al-rod); }

/* Faktaruta, tips och varning */
.appland .al-ruta {
	border-radius: var(--al-radie);
	padding: 18px 22px;
	margin: 1.6em 0;
	border: 1px solid transparent;
}
.appland .al-ruta__rubrik {
	font-weight: 750;
	color: var(--al-black);
	margin: 0 0 .4em;
	display: flex;
	align-items: center;
	gap: .5em;
}
.appland .al-ruta__rubrik::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex: 0 0 10px;
}
.appland .al-ruta__text > :last-child { margin-bottom: 0; }
.appland .al-ruta--fakta { background: var(--al-bla-ljus); border-color: #dcdffb; }
.appland .al-ruta--fakta .al-ruta__rubrik::before { background: var(--al-bla); }
.appland .al-ruta--tips { background: var(--al-mint-ljus); border-color: #cdeee1; }
.appland .al-ruta--tips .al-ruta__rubrik::before { background: var(--al-mint); }
.appland .al-ruta--varning { background: var(--al-gul-ljus); border-color: #fbe3b5; }
.appland .al-ruta--varning .al-ruta__rubrik::before { background: var(--al-gul); }

/* Steglista */
.appland .al-steg ol {
	list-style: none;
	counter-reset: alsteg;
	margin: 1.6em 0;
	padding: 0;
}
.appland .al-steg ol > li {
	counter-increment: alsteg;
	position: relative;
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie-liten);
	padding: 15px 18px 15px 64px;
	margin: 0 0 10px;
	line-height: 1.55;
}
.appland .al-steg ol > li > :last-child { margin-bottom: 0; }
.appland .al-steg ol > li::before {
	content: counter(alsteg);
	position: absolute;
	left: 16px;
	top: 12px;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: var(--al-bla);
	color: #fff;
	font-weight: 750;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .95rem;
}

/* Vertikal tidslinje */
.appland .al-tidslinje {
	list-style: none;
	margin: 1.8em 0;
	padding: 0 0 0 28px;
	position: relative;
}
.appland .al-tidslinje::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	background: var(--al-linje);
}
.appland .al-tidslinje__punkt {
	position: relative;
	padding: 0 0 22px 14px;
	margin: 0;
}
.appland .al-tidslinje__punkt::before {
	content: "";
	position: absolute;
	left: -26px;
	top: 6px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--al-yta);
	border: 3px solid var(--al-bla);
}
.appland .al-tidslinje__tid {
	display: inline-block;
	background: var(--al-bla-ljus);
	color: var(--al-bla-mork);
	font-weight: 700;
	font-size: .85rem;
	padding: .15em .7em;
	border-radius: 999px;
	margin-bottom: .3em;
}
.appland .al-tidslinje__rubrik { font-weight: 750; color: var(--al-black); margin: 0 0 .2em; }
.appland .al-tidslinje__text > :last-child { margin-bottom: 0; }

/* Frågor och svar */
.appland .al-fragor { margin: 1.6em 0; }
.appland .al-fraga {
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie-liten);
	margin-bottom: 10px;
	overflow: hidden;
}
.appland .al-fraga summary {
	cursor: pointer;
	list-style: none;
	padding: 14px 52px 14px 18px;
	font-weight: 650;
	color: var(--al-black);
	position: relative;
}
.appland .al-fraga summary::-webkit-details-marker { display: none; }
.appland .al-fraga summary::after {
	content: "+";
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--al-bla);
	transition: transform .2s ease;
}
.appland .al-fraga[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.appland .al-fraga__svar { padding: 0 18px 14px; }
.appland .al-fraga__svar > :last-child { margin-bottom: 0; }

/* Internlänksbox */
.appland .al-lasmer {
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-left: 4px solid var(--al-mint);
	border-radius: var(--al-radie-liten);
	padding: 16px 20px;
	margin: 1.8em 0;
}
.appland .al-lasmer__rubrik {
	font-weight: 750;
	color: var(--al-black);
	margin: 0 0 .4em;
	font-size: .95rem;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.appland .al-lasmer ul { margin: 0; padding-left: 1.1em; }
.appland .al-lasmer li { margin-bottom: .3em; }
.appland .al-lasmer a { font-weight: 600; }

/* ==================================================================
   8. Sidopanel och widgetar
   ================================================================== */
.appland .nv-sidebar-wrap .widget {
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie);
	padding: 18px 20px;
	margin-bottom: 20px;
}
.appland .nv-sidebar-wrap .widget-title {
	font-size: 1rem;
	color: var(--al-black);
	text-transform: none;
	margin-bottom: .6em;
}
.appland .nv-sidebar-wrap .widget ul { margin: 0; padding: 0; list-style: none; }
.appland .nv-sidebar-wrap .widget li { padding: .35em 0; border-bottom: 1px solid var(--al-linje); }
.appland .nv-sidebar-wrap .widget li:last-child { border-bottom: 0; }
.appland .nv-sidebar-wrap .widget a { color: var(--al-text); text-decoration: none; }
.appland .nv-sidebar-wrap .widget a:hover { color: var(--al-bla); }

/* ==================================================================
   9. Sidfot
   ================================================================== */
.appland .site-footer,
.appland .site-footer .footer--row {
	background: var(--al-black);
	color: #c9cce0;
}
.appland .site-footer a { color: #ffffff; text-decoration: none; }
.appland .site-footer a:hover { color: #b9bdff; }
.appland .site-footer .widget-title,
.appland .site-footer h2,
.appland .site-footer h3 {
	color: #ffffff;
	font-size: 1rem;
}
.appland .site-footer .footer-bottom,
.appland .site-footer .footer--row.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
	font-size: .88rem;
}

/* ==================================================================
   10. Mobil
   ================================================================== */
@media (max-width: 768px) {
	body.appland { font-size: 16px; }
	.appland .al-plusminus { grid-template-columns: 1fr; }
	.appland .al-appkort { padding: 20px 16px 16px; }
	.appland .al-appkort__topp .al-betyg { flex-basis: 100%; }
	.appland .al-steg ol > li { padding-left: 58px; }
	.appland .al-tabellram table { min-width: 480px; }
}

@media (prefers-reduced-motion: reduce) {
	.appland * { transition: none !important; }
}

/* ==================================================================
   11. BankID-guide [bankidval] (1.1.0)
   ================================================================== */
.appland .al-bval {
	background: var(--al-yta);
	border: 1px solid var(--al-linje);
	border-radius: var(--al-radie);
	box-shadow: var(--al-skugga);
	padding: 22px;
	margin: 1.8em 0;
}
.appland .al-bval [hidden] { display: none !important; }
.appland .al-bval__rubrik { font-weight: 800; color: var(--al-black); font-size: 1.15rem; margin: 0 0 14px; }
.appland .al-bval__fraga { font-weight: 650; color: var(--al-black); margin: 0 0 12px; }
.appland .al-bval__val { display: flex; flex-wrap: wrap; gap: 10px; }
.appland .al-bval__knapp {
	border: 2px solid var(--al-linje);
	background: #fff;
	color: var(--al-black);
	font: inherit;
	font-weight: 650;
	padding: .65em 1.2em;
	border-radius: 999px;
	cursor: pointer;
	min-height: 44px;
}
.appland .al-bval__knapp:hover { border-color: var(--al-bla); color: var(--al-bla); }
.appland .al-bval__titel { font-weight: 750; color: var(--al-black); font-size: 1.05rem; margin: 0 0 8px; }
.appland .al-bval__lista { margin: 10px 0 14px; padding-left: 1.3em; }
.appland .al-bval__lista li { margin-bottom: .45em; }
.appland .al-bval__notis { background: var(--al-gul-ljus); border-radius: var(--al-radie-liten); padding: 12px 14px; font-size: .95rem; }
.appland .al-bval__om {
	margin-top: 8px;
	border: 0;
	background: none;
	color: var(--al-bla);
	font: inherit;
	font-weight: 650;
	cursor: pointer;
	padding: 0;
	text-decoration: underline;
}

/* ==================================================================
   12. Frågebyggare [fragebyggare] (1.3.0)
   ================================================================== */
.appland .al-fb { background: var(--al-yta); border: 1px solid var(--al-linje); border-radius: var(--al-radie); box-shadow: var(--al-skugga); padding: 22px; margin: 1.8em 0; }
.appland .al-fb [hidden] { display: none !important; }
.appland .al-fb__etikett { display: block; font-weight: 650; color: var(--al-black); font-size: .92rem; margin: 14px 0 6px; }
.appland .al-fb__falt { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; padding: .55em .8em; border: 1px solid var(--al-linje); border-radius: var(--al-radie-liten); font: inherit; background: #fff; }
.appland .al-fb .al-bval__knapp[aria-pressed="true"] { border-color: var(--al-bla); background: var(--al-bla-ljus); color: var(--al-bla-mork); }
.appland .al-fb__text { box-sizing: border-box; width: 100%; max-width: 100%; padding: .8em; border: 1px solid var(--al-linje); border-radius: var(--al-radie-liten); font: inherit; font-size: .95rem; background: #fafbfe; resize: vertical; }
.appland .al-fb__kopiera { margin-top: 10px; border: 0; cursor: pointer; }
.appland .al-fb__klart { color: var(--al-mint); font-weight: 650; margin-left: 8px; }