/**
 * Goal Planner – frontend stiliai.
 *
 * Dizaino kalba: "Onlyplans" – rami, redakcinė, quiet-luxury. Šiltas popieriaus
 * fonas, beveik juodas rašalas, vienas prislopintas akcentas (gilus rašalo
 * mėlynumas), serifinės antraštės (Newsreader) + švarus sans (Hanken Grotesk),
 * plauko linijos (hairlines) vietoj kortelių, JOKIŲ šešėlių (išskyrus focus
 * žiedą), jokių gradientų. Erdvė – pagrindinė medžiaga.
 *
 * Tokenai apibrėžti su `--gp-` prefiksu .gp-app scope'e, kad nesikirstų su
 * temos stiliais. Visi selektoriai – `gp-` prefiksu.
 */

.gp-app {
	/* — Popierius ir rašalas — */
	--gp-paper: #f3efe6;
	--gp-paper-2: #ece7da;
	--gp-ink: #1b1813;
	--gp-ink-soft: #6b6457;
	--gp-ink-faint: #9a9384;
	--gp-line: rgba( 27, 24, 19, 0.11 );
	--gp-line-strong: rgba( 27, 24, 19, 0.22 );

	/* — Akcentas (vienas, prislopintas, tamsus) — */
	--gp-accent: #27425f;
	--gp-accent-ghost: rgba( 39, 66, 95, 0.13 );

	/* — Prislopintos kapaciteto juostos (mokamai matricai, vėliau) — */
	--gp-cap-ok: #6f7d5c;
	--gp-cap-warn: #b08a4a;
	--gp-cap-over: #a65644;

	/* — Tipografija — */
	--gp-serif: "Newsreader", Georgia, serif;
	--gp-sans: "Hanken Grotesk", system-ui, sans-serif;

	/* — Ritmas — */
	--gp-maxw: 1080px;
	--gp-ease: cubic-bezier( 0.2, 0.7, 0.2, 1 );

	background: var( --gp-paper );
	color: var( --gp-ink );
	font-family: var( --gp-sans );
	font-size: 16px;
	line-height: 1.62;
	max-width: var( --gp-maxw );
	margin: 0 auto;
	padding: clamp( 32px, 5vw, 72px ) clamp( 20px, 5vw, 48px );
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.gp-app,
.gp-app *,
.gp-app *::before,
.gp-app *::after {
	box-sizing: border-box;
}

/* Niekada neišsiveržiam horizontaliai už ekrano – ilgi žodžiai laužiami. */
.gp-app {
	overflow-wrap: break-word;
}

.gp-app ::selection {
	background: var( --gp-accent-ghost );
}

/* -------------------------------------------------------------------------
 * Tipografijos primityvai
 * ---------------------------------------------------------------------- */

.gp-app h1,
.gp-app h2,
.gp-app h3,
.gp-app h4 {
	font-family: var( --gp-serif );
	font-weight: 400;
	letter-spacing: -0.02em;
	margin: 0;
	line-height: 1.1;
}

/* Italic-akcentas: pagrindinis tipografinis žingsnis – vienas žodis antraštėje
   kursyvu ir akcento spalva. */
.gp-app em,
.gp-em {
	font-style: italic;
	color: var( --gp-accent );
}

/* Eyebrow / overline – sistemos parašas: maža didžiosiomis raidėmis etiketė. */
.gp-eyebrow {
	display: inline-flex;
	align-items: center;
	font-family: var( --gp-sans );
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var( --gp-ink-soft );
	margin: 0 0 22px;
}

/* -------------------------------------------------------------------------
 * Dividers (plauko linijos – pagrindinis struktūros įrankis)
 * ---------------------------------------------------------------------- */

.gp-rule {
	border: 0;
	height: 1px;
	background: var( --gp-line );
	margin: 0;
}

.gp-rule--strong {
	background: var( --gp-line-strong );
}

/* -------------------------------------------------------------------------
 * Mygtukai (akcento/rašalo užpildas, jokių šešėlių)
 * ---------------------------------------------------------------------- */

.gp-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var( --gp-sans );
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.01em;
	line-height: 1;
	padding: 14px 26px;
	border: 1px solid transparent;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.25s var( --gp-ease ), color 0.25s var( --gp-ease ), border-color 0.25s var( --gp-ease );
}

/* Primary: akcento užpildas; ant hover gilėja iki rašalo (ne šviesėja). */
.gp-btn--primary {
	background: var( --gp-accent );
	border-color: var( --gp-accent );
	color: var( --gp-paper );
}

.gp-btn--primary:hover {
	background: var( --gp-ink );
	border-color: var( --gp-ink );
}

/* Outline: permatomas, rašalo rėmelis; hover – rašalo užpildas. */
.gp-btn--secondary {
	background: transparent;
	border-color: var( --gp-ink );
	color: var( --gp-ink );
}

.gp-btn--secondary:hover {
	background: var( --gp-ink );
	color: var( --gp-paper );
}

/* Quiet: be rėmelio/fono; tekstas → akcentas ant hover. */
.gp-btn--text {
	background: none;
	border: 0;
	padding: 8px 0;
	color: var( --gp-ink );
}

.gp-btn--text:hover {
	color: var( --gp-accent );
}

.gp-btn:disabled,
.gp-btn[aria-disabled="true"] {
	opacity: 0.4;
	cursor: not-allowed;
}

/* Plonas rodyklės SVG dešinėje; pasislenka ant hover. */
.gp-btn__arrow {
	transition: transform 0.25s var( --gp-ease );
}

.gp-btn:hover .gp-btn__arrow {
	transform: translateX( 4px );
}

/* -------------------------------------------------------------------------
 * Login / registracijos gate (redakcinis, be kortelės)
 * ---------------------------------------------------------------------- */

.gp-gate {
	max-width: 600px;
}

.gp-gate__title {
	font-size: clamp( 34px, 3.6vw, 50px );
	line-height: 1.08;
	margin: 0 0 20px;
}

.gp-gate__text {
	color: var( --gp-ink-soft );
	font-size: clamp( 17px, 1.5vw, 20px );
	line-height: 1.6;
	margin: 0 0 32px;
	max-width: 48ch;
}

.gp-gate__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

/* -------------------------------------------------------------------------
 * Įrankio (formos) išdėstymas – dvi kolonos: rėminimas + laukai
 * ---------------------------------------------------------------------- */

.gp-form-layout {
	display: grid;
	grid-template-columns: minmax( 0, 1fr );
	gap: 48px;
}

/* Grid stulpeliai privalo galėti susitraukti siaurame ekrane (min-width:0),
   kitaip vidiniai laukai „išstumia" turinį už ekrano dešinėn. */
.gp-form-layout__framing,
.gp-form-layout__form {
	min-width: 0;
}

.gp-form-layout__framing-title {
	font-size: clamp( 30px, 3.4vw, 46px );
	line-height: 1.1;
	margin: 0 0 18px;
}

.gp-form-layout__framing-text {
	color: var( --gp-ink-soft );
	margin: 0 0 28px;
	max-width: 40ch;
}

.gp-form-layout__note {
	color: var( --gp-ink-faint );
	font-size: 13px;
	line-height: 1.6;
	padding-top: 20px;
	border-top: 1px solid var( --gp-line );
	max-width: 40ch;
}

/* -------------------------------------------------------------------------
 * Forma ir laukai
 * ---------------------------------------------------------------------- */

.gp-form {
	display: flex;
	flex-direction: column;
	gap: 34px;
	min-width: 0;
}

.gp-field {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.gp-field__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	/* Ilga etiketė + hint siaurame ekrane nusileidžia į kitą eilutę, neišsiveržia. */
	flex-wrap: wrap;
}

.gp-field__label {
	font-family: var( --gp-sans );
	font-weight: 600;
	font-size: 14.5px;
	letter-spacing: -0.005em;
	color: var( --gp-ink );
}

.gp-field__hint {
	font-size: 12px;
	color: var( --gp-ink-faint );
}

/* Pastaba po laukeliu (pvz. valandų / biudžeto paaiškinimas). */
.gp-field__note {
	font-size: 12.5px;
	line-height: 1.55;
	color: var( --gp-ink-faint );
	margin: 0;
	max-width: 52ch;
}

/* Sąlyginis laukas (rodomas JS'u) – paveldi įprastą .gp-field tarpą. */
.gp-field--conditional[hidden] {
	display: none;
}

/* Kompaktiškas įvesties laukas (data, biudžetas) – nereikia viso pločio. */
.gp-input--compact {
	max-width: 220px;
}

.gp-input {
	font-family: var( --gp-sans );
	font-size: 16px;
	line-height: 1.5;
	color: var( --gp-ink );
	background: var( --gp-paper );
	border: 1px solid var( --gp-line-strong );
	border-radius: 2px;
	padding: 15px 16px;
	width: 100%;
	/* type=date / type=number turi savą „intrinsic" plotį – neleidžiam jam
	   viršyti konteinerio ir išstumti laukų už ekrano. */
	max-width: 100%;
}

.gp-input::placeholder {
	color: var( --gp-ink-faint );
}

textarea.gp-input {
	min-height: 92px;
	resize: vertical;
}

/* Ramus focus: akcento rėmelis + švelnus akcento žiedas (vienintelis šešėlis). */
.gp-input:focus {
	outline: none;
	border-color: var( --gp-accent );
	box-shadow: 0 0 0 3px var( --gp-accent-ghost );
}

/* Klaidos būsena – įjungiama JS'u per .gp-field--error. */
.gp-field__error {
	color: var( --gp-cap-over );
	font-size: 13px;
	display: none;
}

.gp-field--error .gp-input {
	border-color: var( --gp-cap-over );
}

.gp-field--error .gp-field__error {
	display: block;
}

/* -------------------------------------------------------------------------
 * Range slankiklis su serifiniu skaitmens rodmeniu
 * ---------------------------------------------------------------------- */

.gp-range {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.gp-range__value {
	font-family: var( --gp-serif );
	font-size: 40px;
	line-height: 1;
	color: var( --gp-accent );
	font-variant-numeric: tabular-nums;
}

.gp-range__value small {
	font-family: var( --gp-sans );
	font-size: 13px;
	color: var( --gp-ink-faint );
	margin-left: 8px;
	letter-spacing: 0.04em;
}

.gp-range__input {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 2px;
	background: var( --gp-line-strong );
	outline: none;
	cursor: pointer;
	margin: 6px 0;
}

.gp-range__input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var( --gp-accent );
	border: 3px solid var( --gp-paper );
	box-shadow: 0 0 0 1px var( --gp-accent );
	transition: transform 0.15s ease;
}

.gp-range__input::-webkit-slider-thumb:hover {
	transform: scale( 1.12 );
}

.gp-range__input::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var( --gp-accent );
	border: 3px solid var( --gp-paper );
	box-shadow: 0 0 0 1px var( --gp-accent );
	cursor: pointer;
}

.gp-range__ticks {
	display: flex;
	justify-content: space-between;
	font-size: 11.5px;
	color: var( --gp-ink-faint );
	font-variant-numeric: tabular-nums;
}

/* -------------------------------------------------------------------------
 * Formos pateikimas ir žinutės
 * ---------------------------------------------------------------------- */

.gp-form__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 4px;
}

.gp-form__note {
	color: var( --gp-ink-faint );
	font-size: 12.5px;
}

.gp-form__submit-loading {
	font-style: italic;
}

.gp-form__message {
	font-size: 14.5px;
	line-height: 1.55;
	padding: 14px 16px;
	background: var( --gp-paper-2 );
	border-left: 2px solid var( --gp-line-strong );
}

.gp-form__message--error {
	color: var( --gp-cap-over );
	border-left-color: var( --gp-cap-over );
}

/* -------------------------------------------------------------------------
 * Responsive – dvi kolonos platesniame ekrane
 * ---------------------------------------------------------------------- */

@media ( min-width: 860px ) {
	.gp-form-layout {
		grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1.1fr );
		gap: clamp( 48px, 7vw, 90px );
	}
}

/* -------------------------------------------------------------------------
 * Sugeneruoto plano vaizdas
 * ---------------------------------------------------------------------- */

/* Staggered reveal – švelnus kaskadinis pasirodymas. */
.gp-reveal {
	opacity: 0;
	transform: translateY( 16px );
	transition: opacity 0.7s var( --gp-ease ), transform 0.7s var( --gp-ease );
}

.gp-reveal.is-visible {
	opacity: 1;
	transform: none;
}

@media ( prefers-reduced-motion: reduce ) {
	.gp-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

.gp-plan__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
	flex-wrap: wrap;
}

.gp-plan__title {
	font-size: clamp( 30px, 3.4vw, 46px );
	line-height: 1.12;
	margin: 0;
	max-width: 720px;
	text-wrap: balance;
}

.gp-plan__meta {
	display: flex;
	gap: 26px;
	padding-top: 8px;
}

.gp-meta__label {
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var( --gp-ink-faint );
	margin-bottom: 8px;
}

.gp-meta__value {
	font-family: var( --gp-serif );
	font-size: 19px;
	color: var( --gp-ink );
	font-variant-numeric: tabular-nums;
}

/* „Tiesos" juosta. */
.gp-truth {
	margin-top: 40px;
	padding: 24px 28px;
	background: var( --gp-accent-ghost );
	border-left: 2px solid var( --gp-accent );
	border-radius: 3px;
}

.gp-truth__main {
	font-family: var( --gp-serif );
	font-size: clamp( 18px, 2vw, 23px );
	line-height: 1.5;
	color: var( --gp-ink );
	margin: 0;
}

.gp-truth__sub {
	color: var( --gp-ink-soft );
	font-size: 14px;
	margin: 10px 0 0;
}

.gp-truth__warn {
	color: var( --gp-cap-over );
	font-size: 14px;
	font-weight: 500;
	margin: 12px 0 0;
}

/* Santrauka. */
.gp-plan__summary {
	margin-top: 50px;
	padding-top: 40px;
	border-top: 1px solid var( --gp-line );
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

.gp-plan__lead {
	font-family: var( --gp-serif );
	font-size: clamp( 20px, 2vw, 26px );
	line-height: 1.5;
	color: var( --gp-ink );
	margin: 0;
	max-width: 760px;
}

/* Etapai. */
.gp-plan__phases-eyebrow {
	margin-top: 64px;
}

.gp-phases {
	margin-top: 16px;
	border-bottom: 1px solid var( --gp-line );
}

.gp-phase {
	padding: 32px 0;
	border-top: 1px solid var( --gp-line );
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.gp-phase__no {
	font-family: var( --gp-serif );
	font-style: italic;
	font-size: 34px;
	line-height: 1;
	color: var( --gp-accent );
}

.gp-phase__span {
	font-size: 12.5px;
	color: var( --gp-ink-faint );
	margin-top: 12px;
	font-variant-numeric: tabular-nums;
}

.gp-phase__title {
	font-size: 25px;
	margin: 0 0 12px;
}

.gp-phase__desc {
	font-size: 15.5px;
	line-height: 1.62;
	color: var( --gp-ink-soft );
	margin: 0;
	max-width: 620px;
}

/* Užduotys. */
.gp-tasks {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
}

.gp-task {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	align-items: baseline;
	padding: 11px 0;
	border-top: 1px solid var( --gp-line );
}

.gp-task:first-child {
	border-top: 0;
}

.gp-task__name {
	font-size: 14.5px;
	line-height: 1.45;
	color: var( --gp-ink );
}

.gp-task__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	white-space: nowrap;
}

.gp-task__hours {
	font-family: var( --gp-serif );
	font-size: 15px;
	color: var( --gp-ink );
	font-variant-numeric: tabular-nums;
}

.gp-task__who {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border: 1px solid var( --gp-line-strong );
	border-radius: 100px;
	padding: 3px 9px;
	color: var( --gp-ink-soft );
}

.gp-task__who--deleg {
	color: var( --gp-accent );
	border-color: var( --gp-accent );
}

.gp-task__cost {
	font-size: 12.5px;
	color: var( --gp-ink-faint );
	font-variant-numeric: tabular-nums;
}

/* Dot-sąrašai (resursai, sėkmės matai). */
.gp-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.gp-step {
	display: flex;
	gap: 14px;
	align-items: baseline;
}

.gp-step__dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var( --gp-accent );
	flex-shrink: 0;
	transform: translateY( -2px );
}

.gp-step__text {
	font-size: 14.5px;
	line-height: 1.5;
	color: var( --gp-ink );
}

/* Rizikos. */
.gp-risks {
	margin-top: 70px;
	padding: clamp( 28px, 4vw, 48px ) clamp( 24px, 4vw, 52px );
	background: var( --gp-paper-2 );
	border-radius: 3px;
}

.gp-risks__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

.gp-risk__title {
	font-size: 15.5px;
	font-weight: 600;
	color: var( --gp-ink );
	margin-bottom: 14px;
}

.gp-risk__detail {
	margin-bottom: 12px;
}

.gp-risk__label {
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var( --gp-ink-faint );
	margin-bottom: 3px;
}

.gp-risk__note {
	font-size: 13.5px;
	line-height: 1.6;
	color: var( --gp-ink-soft );
}

/* Resursai ir kontroliniai taškai. */
.gp-plan__section {
	margin-top: 64px;
}

.gp-resources__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	margin-top: 8px;
}

.gp-rescol__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var( --gp-ink-faint );
	margin-bottom: 14px;
}

.gp-resources__cost {
	margin-top: 24px;
	color: var( --gp-ink-soft );
	font-size: 14.5px;
}

.gp-milestones {
	margin-top: 18px;
}

.gp-milestone {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 0;
	border-top: 1px solid var( --gp-line );
}

.gp-milestone__name {
	color: var( --gp-ink );
	font-size: 14.5px;
}

.gp-milestone__target {
	font-family: var( --gp-serif );
	font-style: italic;
	color: var( --gp-accent );
	font-size: 15px;
	white-space: nowrap;
}

.gp-plan__actions {
	margin-top: 56px;
	padding-top: 46px;
	border-top: 1px solid var( --gp-line );
}

/* Plano vaizdas platesniame ekrane. */
@media ( min-width: 760px ) {
	.gp-phase {
		grid-template-columns: auto 1fr;
		gap: 36px;
		align-items: start;
	}

	.gp-phase__rail {
		min-width: 92px;
	}

	.gp-plan__summary {
		grid-template-columns: 200px 1fr;
		gap: 40px;
	}

	.gp-risks__grid {
		grid-template-columns: repeat( 3, 1fr );
		gap: 0;
	}

	.gp-risk {
		padding-right: 34px;
	}

	.gp-risk + .gp-risk {
		padding-left: 34px;
		border-left: 1px solid var( --gp-line );
	}

	.gp-resources__grid {
		grid-template-columns: repeat( 2, 1fr );
		gap: 40px;
	}
}

/* -------------------------------------------------------------------------
 * Mėnesio limitas (hard block + waitlist) ir naudojimo žymė
 * ---------------------------------------------------------------------- */

.gp-limit {
	max-width: 600px;
}

.gp-limit__title {
	font-size: clamp( 34px, 3.6vw, 50px );
	line-height: 1.08;
	margin: 0 0 20px;
}

.gp-limit__text {
	color: var( --gp-ink-soft );
	font-size: clamp( 17px, 1.5vw, 20px );
	line-height: 1.6;
	margin: 0 0 32px;
	max-width: 48ch;
}

.gp-usage-note {
	display: inline-block;
	font-size: 12.5px;
	color: var( --gp-ink-soft );
	background: var( --gp-paper-2 );
	border-radius: 100px;
	padding: 6px 14px;
	margin: 0 0 24px;
}

/* -------------------------------------------------------------------------
 * flatpickr kalendoriaus „onlyplans" temos derinimas
 *
 * Kalendorius montuojamas tiesiai į <body> (ne į .gp-app), todėl --gp-
 * tokenai jo nepasiekia – naudojam tas pačias spalvas tiesiogiai. Tikslas:
 * prislopintas rašalo-mėlynumo akcentas vietoj ryškiai mėlynos numatytosios.
 * ---------------------------------------------------------------------- */

.flatpickr-calendar {
	font-family: "Hanken Grotesk", system-ui, sans-serif;
	border-radius: 3px;
}

/* Pasirinkta diena ir „šiandien" – akcento spalva. */
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
	background: #27425f;
	border-color: #27425f;
	color: #f3efe6;
}

.flatpickr-day.today {
	border-color: #27425f;
}

.flatpickr-day.today:hover {
	background: #27425f;
	border-color: #27425f;
	color: #f3efe6;
}

/* Įprastas dienos hover – švelnus, ramus. */
.flatpickr-day:hover {
	background: #ece7da;
	border-color: #ece7da;
}

/* Mėnesio / metų navigacijos rodyklės. */
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #27425f;
}

/* -------------------------------------------------------------------------
 * Spausdinimo antraštė (matoma tik print) ir PDF / print stiliai
 * ---------------------------------------------------------------------- */

.gp-plan__printhead {
	display: none;
}

@media print {
	/* Izoliuojam planą – paslepiam temos chrome ir viską aplinkui. */
	body * {
		visibility: hidden;
	}

	.gp-app,
	.gp-app * {
		visibility: visible;
	}

	.gp-app {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		background: #fff;
		color: #000;
	}

	/* Mygtukų ir kitų ne-plano blokų nespausdinam. */
	.gp-plan__actions,
	.gp-form-layout,
	.gp-login-gate,
	.gp-limit {
		display: none !important;
	}

	/* Reveal blokai visada matomi spausdinant. */
	.gp-reveal {
		opacity: 1 !important;
		transform: none !important;
	}

	/* Spausdinimo antraštė. */
	.gp-plan__printhead {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		border-bottom: 1px solid #000;
		padding-bottom: 10px;
		margin-bottom: 24px;
	}

	.gp-plan__brand {
		font-family: var( --gp-serif );
		font-size: 18px;
		font-style: italic;
	}

	.gp-plan__printdate {
		font-size: 11px;
		color: #444;
	}

	/* Taupom rašalą: foninius blokus paverčiam į rėmelius. */
	.gp-risks,
	.gp-usage-note {
		background: transparent !important;
	}

	.gp-truth {
		background: transparent !important;
		border-left: 2px solid #000;
	}

	/* Vengiam laužyti prasmingus blokus per puslapio kraštą. */
	.gp-phase,
	.gp-risk,
	.gp-milestone,
	.gp-truth,
	.gp-task,
	.gp-plan__summary {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	a {
		color: #000;
		text-decoration: none;
	}
}