/*
 Theme Name:   AKTutor Child
 Theme URI:    https://aktutor.com
 Description:  GeneratePress child theme for AKTutor: free AKTU notes, syllabus, PYQ papers, circulars and student calculators. Adds resource post types, branch/semester filters, block patterns and a Premium link-out to web.aktutor.com.
 Author:       Abhishek (Akhand Pratap Pandey)
 Author URI:   https://aktutor.com
 Template:     generatepress
 Version:      1.4.4
 Requires at least: 6.3
 Requires PHP: 7.4
 Text Domain:  aktutor
*/

/* ==========================================================================
   1. Tokens
   Colours mirror the GeneratePress global colours set in inc/setup.php,
   so the block editor palette and this file always agree.
   ========================================================================== */
:root {
	--akt-ink: #14213D;        /* text, footer, premium */
	--akt-ink-soft: #46557A;   /* secondary text */
	--akt-ink-faint: #8A95B2;  /* hints, placeholders */
	--akt-line: #DCE1EE;       /* borders, rules */
	--akt-paper: #F4F6FB;      /* page background */
	--akt-white: #FFFFFF;
	--akt-blue: #2446C7;       /* links, buttons */
	--akt-blue-deep: #16288A;  /* hero */
	--akt-blue-tint: #E8EDFC;  /* subject-code label, hovers */
	--akt-marker: #FFD23F;     /* highlighter: selected semester, Premium, "New" */
	--akt-margin-red: #E2566B; /* answer-sheet margin line in the hero */
	--akt-good: #0F7A55;
	--akt-warn: #9A5B00;

	--akt-font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
	--akt-font-body: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

	--akt-wrap: 1180px;
	--akt-gutter: clamp(1.1rem, 4vw, 2rem);
	--akt-section: clamp(3rem, 7vw, 5.5rem);
	--akt-radius-sm: 6px;
	--akt-radius: 10px;
	--akt-radius-lg: 18px;
	--akt-edge: max(var(--akt-gutter), calc((100% - var(--akt-wrap)) / 2));
}

/* ==========================================================================
   2. Base type
   ========================================================================== */
body,
button,
input,
select,
textarea {
	font-family: var(--akt-font-body);
}

body {
	background: var(--akt-paper);
	color: var(--akt-ink);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	font-variant-numeric: tabular-nums;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.main-title,
.akt-font-display {
	font-family: var(--akt-font-display);
	color: var(--akt-ink);
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.15;
	text-wrap: balance;
}

h1, .entry-title { font-size: clamp(2rem, 4.2vw, 3rem); font-weight: 800; letter-spacing: -0.025em; }
h2 { font-size: clamp(1.5rem, 2.8vw, 2.125rem); }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.0625rem; }

p { text-wrap: pretty; }

a { color: var(--akt-blue); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { color: var(--akt-blue-deep); }

.entry-content > p,
.akt-archive-head__intro,
.akt-section__lead { max-width: 68ch; }

:focus-visible {
	outline: 3px solid var(--akt-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

::selection { background: var(--akt-marker); color: var(--akt-ink); }

.akt-icon { flex: none; vertical-align: middle; }

/* ==========================================================================
   3. Buttons and form fields
   ========================================================================== */
.akt-btn,
.wp-block-button.akt-button-marker .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 46px;
	padding: 0.65rem 1.2rem;
	border: 1.5px solid transparent;
	border-radius: 8px;
	font-family: var(--akt-font-body);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.akt-btn--solid,
button.akt-btn--solid { background: var(--akt-blue); color: var(--akt-white); }
.akt-btn--solid:hover,
.akt-btn--solid:focus { background: var(--akt-blue-deep); color: var(--akt-white); }

.akt-btn--ghost { background: transparent; color: var(--akt-blue); border-color: var(--akt-line); }
.akt-btn--ghost:hover { border-color: var(--akt-blue); color: var(--akt-blue-deep); background: var(--akt-blue-tint); }

.akt-btn--marker,
.wp-block-button.akt-button-marker .wp-block-button__link { background: var(--akt-marker); color: var(--akt-ink); }
.akt-btn--marker:hover,
.wp-block-button.akt-button-marker .wp-block-button__link:hover { background: #FFC300; color: var(--akt-ink); }

.akt-btn--sm { min-height: 38px; padding: 0.45rem 0.9rem; font-size: 0.9375rem; }
.akt-btn--lg { min-height: 54px; padding: 0.85rem 1.5rem; font-size: 1.0625rem; }

.akt-select,
.akt-filters input[type="search"],
.akt-calc input,
.akt-calc select {
	width: 100%;
	min-height: 46px;
	padding: 0.55rem 0.8rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 8px;
	background-color: var(--akt-white);
	color: var(--akt-ink);
	font-size: 1rem;
}

.akt-select,
.akt-calc select {
	appearance: none;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2346557A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.8rem center;
}

.akt-select:focus,
.akt-filters input:focus,
.akt-calc input:focus,
.akt-calc select:focus {
	border-color: var(--akt-blue);
	outline: 3px solid var(--akt-blue-tint);
	outline-offset: 0;
}

::placeholder { color: var(--akt-ink-faint); opacity: 1; }

/* ==========================================================================
   4. Top bar, header, navigation
   ========================================================================== */
.akt-topbar {
	background: var(--akt-ink);
	color: #D5DBEA;
	font-size: 0.875rem;
}

.akt-topbar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem 0.75rem;
	max-width: var(--akt-wrap);
	margin: 0 auto;
	padding: 0.55rem var(--akt-gutter);
	text-align: center;
}

.akt-topbar .akt-icon { color: var(--akt-marker); }
.akt-topbar a { color: var(--akt-marker); font-weight: 600; }
.akt-topbar a:hover { color: var(--akt-white); }

.site-header {
	background: var(--akt-white);
	border-bottom: 1px solid var(--akt-line);
}

.main-title {
	font-size: 1.6rem;
	font-weight: 800;
	letter-spacing: -0.03em;
}

.main-title a,
.main-title a:hover { color: var(--akt-ink); }

.site-description { color: var(--akt-ink-soft); font-size: 0.875rem; }

.main-navigation,
.main-navigation ul ul { background: var(--akt-white); }

.main-navigation .main-nav ul li a {
	color: var(--akt-ink);
	font-weight: 600;
	font-size: 0.9875rem;
}

.main-navigation .main-nav ul li:not(.akt-menu-premium):hover > a,
.main-navigation .main-nav ul li:not(.akt-menu-premium)[class*="current-menu-"] > a {
	color: var(--akt-blue);
	background: transparent;
	box-shadow: inset 0 -3px 0 var(--akt-blue);
}

/* Premium menu button.
   The link keeps GeneratePress's own height and line-height (so its text sits on
   the same line as the other items); the yellow pill is drawn behind it and
   centred vertically, whatever menu height is set in Customize. */
.main-navigation .main-nav ul li.akt-menu-premium > a {
	position: relative;
	z-index: 0;
	margin-left: 0.5rem;
	background: transparent;
	color: var(--akt-ink);
}

.main-navigation .main-nav ul li.akt-menu-premium > a::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 0;
	right: 0;
	height: 42px;
	transform: translateY(-50%);
	border-radius: 8px;
	background: var(--akt-marker);
	transition: background-color 0.15s ease;
}

.main-navigation .main-nav ul li.akt-menu-premium > a:hover,
.main-navigation .main-nav ul li.akt-menu-premium > a:focus { background: transparent; color: var(--akt-ink); }
.main-navigation .main-nav ul li.akt-menu-premium > a:hover::before,
.main-navigation .main-nav ul li.akt-menu-premium > a:focus::before { background: #FFC300; }

/* Mobile menu (GeneratePress's toggled list): a full-width yellow row. */
@media (max-width: 768px) {
	.main-navigation .main-nav ul li.akt-menu-premium > a { margin-left: 0; }
	.main-navigation .main-nav ul li.akt-menu-premium > a::before { top: 0; height: 100%; transform: none; border-radius: 0; }
}

/* Header search (replaces GeneratePress's navigation search) */
/* Fill the full menu-row height and centre the icon in it, so it lines up with
   the menu text however GeneratePress aligns its menu-bar area. */
.main-navigation .menu-bar-items { align-self: stretch; display: flex; align-items: center; }
.main-navigation .menu-bar-item.akt-search-item { align-self: stretch; display: flex; align-items: center; line-height: 1; }
.main-navigation .main-nav ul li.akt-search-li { display: flex; align-items: center; }
@media (max-width: 768px) { .main-navigation .main-nav ul li.akt-search-li { padding: 0.5rem 1rem; } }

.akt-search-toggle {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-left: 0.25rem;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--akt-ink);
	cursor: pointer;
}

.akt-search-toggle:hover,
.akt-search-toggle[aria-expanded="true"] { background: var(--akt-blue-tint); color: var(--akt-blue); }

/* Safety net: never show a stray GeneratePress search field. */
.main-navigation .navigation-search:not(.nav-search-active) { display: none !important; }

.akt-search {
	background: var(--akt-white);
	border-bottom: 1px solid var(--akt-line);
	box-shadow: 0 12px 24px -18px rgba(20, 33, 61, 0.45);
}

.akt-search[hidden] { display: none; }

.akt-search__form {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.6rem;
	max-width: var(--akt-wrap);
	margin: 0 auto;
	padding: 0.9rem var(--akt-gutter);
}

.akt-search__form > .akt-icon {
	position: absolute;
	left: calc(var(--akt-gutter) + 0.85rem);
	color: var(--akt-ink-faint);
	pointer-events: none;
}

.akt-search__form input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 50px;
	padding: 0.6rem 0.9rem 0.6rem 2.75rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 8px;
	background: var(--akt-paper);
	color: var(--akt-ink);
	font-size: 1.0625rem;
}

.akt-search__form input[type="search"]:focus {
	border-color: var(--akt-blue);
	background: var(--akt-white);
	outline: 3px solid var(--akt-blue-tint);
	outline-offset: 0;
}

.akt-search__form input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.akt-search__form .akt-btn { min-height: 50px; }

.akt-search__close {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--akt-ink-soft);
	cursor: pointer;
	border-radius: 8px;
}

.akt-search__close:hover { background: var(--akt-paper); color: var(--akt-ink); }

@media (max-width: 600px) {
	.akt-search__form .akt-btn { display: none; } /* The keyboard's Go/Search key submits. */
}

/* Breadcrumbs */
.akt-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
	color: var(--akt-ink-soft);
}

.akt-crumbs li + li::before {
	content: "/";
	margin-right: 0.25rem;
	color: var(--akt-ink-faint);
}

.akt-crumbs a { color: var(--akt-ink-soft); text-decoration: none; }
.akt-crumbs a:hover { color: var(--akt-blue); text-decoration: underline; }
.akt-crumbs [aria-current] { color: var(--akt-ink); max-width: 36ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ==========================================================================
   5. Full-width pages built from patterns (Home, Student Tools)
   ========================================================================== */
.full-width-content .site-content,
.full-width-content .inside-article,
.full-width-content.one-container .site-content { padding: 0; }

.full-width-content .entry-content > .alignfull,
.full-width-content .entry-content > .akt-section { margin-top: 0; margin-bottom: 0; }

.full-width-content .entry-content { margin-top: 0; }

.akt-section {
	padding: var(--akt-section) var(--akt-edge);
	background: var(--akt-white);
}

.akt-updates,
.akt-latest { background: var(--akt-paper); }

.akt-section__title { margin-bottom: 0.5rem; }
.akt-section__lead { color: var(--akt-ink-soft); margin-bottom: 2rem; }
.akt-section .wp-block-heading.akt-section__title + .wp-block-shortcode,
.akt-section__title + .akt-cards,
.akt-section__title + .akt-list { margin-top: 1.5rem; }

.akt-more { margin-top: 1.25rem; font-weight: 600; }

/* --- Hero: the page an exam copy is written on --------------------------- */
.akt-hero {
	position: relative;
	padding: clamp(3rem, 8vw, 6rem) var(--akt-edge) clamp(3.5rem, 8vw, 6.5rem);
	background-color: var(--akt-blue-deep);
	background-image:
		linear-gradient(90deg, transparent calc(var(--akt-edge) - 22px), rgba(226, 86, 107, 0.55) calc(var(--akt-edge) - 22px), rgba(226, 86, 107, 0.55) calc(var(--akt-edge) - 20px), transparent calc(var(--akt-edge) - 20px)),
		repeating-linear-gradient(180deg, transparent 0, transparent 35px, rgba(255, 255, 255, 0.07) 35px, rgba(255, 255, 255, 0.07) 36px);
	color: #DCE3FA;
	overflow: hidden;
}

.akt-hero__cols { gap: clamp(2rem, 5vw, 4.5rem); align-items: center; margin: 0; }

.akt-hero .akt-hero__title {
	color: var(--akt-white);
	font-size: clamp(2.35rem, 5.6vw, 4.25rem);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.035em;
	margin-bottom: 1.25rem;
	max-width: 13ch;
}

.akt-hero__lead {
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
	max-width: 44ch;
	color: #DCE3FA;
}

.akt-hero__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	margin-top: 1.75rem;
	font-weight: 600;
}

.akt-hero__links a { color: var(--akt-white); text-decoration: underline; text-decoration-color: rgba(255, 210, 63, 0.7); text-decoration-thickness: 2px; }
.akt-hero__links a:hover { color: var(--akt-marker); }
.akt-hero :focus-visible { outline-color: var(--akt-marker); }

/* --- Finder slip --------------------------------------------------------- */
.akt-finder {
	display: grid;
	gap: 1.25rem;
	padding: clamp(1.25rem, 3vw, 1.75rem);
	background: var(--akt-white);
	border-radius: var(--akt-radius-lg);
	box-shadow: 0 24px 60px -24px rgba(5, 12, 50, 0.65);
	color: var(--akt-ink);
}

.akt-finder fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }

.akt-finder legend,
.akt-finder__branch > span {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 700;
	font-size: 0.9375rem;
	color: var(--akt-ink);
}

.akt-finder input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.akt-finder__types { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.akt-finder__types legend { width: 100%; }

.akt-finder__types label span {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 0.9rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 999px;
	font-weight: 600;
	cursor: pointer;
}

.akt-finder__types input:checked + span {
	border-color: var(--akt-blue);
	background: var(--akt-blue);
	color: var(--akt-white);
}

.akt-finder__sem-row {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 0.4rem;
}

.akt-finder__sems label span {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	border: 1.5px solid var(--akt-line);
	border-radius: var(--akt-radius);
	font-family: var(--akt-font-display);
	font-weight: 700;
	font-size: 1.4rem;
	cursor: pointer;
	transition: background-color 0.12s ease, border-color 0.12s ease;
}

.akt-finder__sems label:hover span { border-color: var(--akt-blue); }

.akt-finder__sems input:checked + span {
	background: var(--akt-marker);
	border-color: var(--akt-ink);
	color: var(--akt-ink);
}

.akt-finder input:focus-visible + span { outline: 3px solid var(--akt-blue); outline-offset: 2px; }
.akt-finder button { width: 100%; }

@media (max-width: 420px) {
	.akt-finder__sem-row { grid-template-columns: repeat(4, 1fr); }
}

/* Classic themes (GeneratePress) wrap group blocks in an inner container.
   Let grid/flex layouts see the real children. */
.akt-index__row > .wp-block-group__inner-container,
.akt-tools__grid > .wp-block-group__inner-container,
.akt-tool > .wp-block-group__inner-container { display: contents; }

/* --- Resource index (ruled rows, not cards) ------------------------------ */
.akt-index__row {
	display: grid;
	grid-template-columns: 56px 1fr auto;
	grid-template-areas: "icon title count" "icon text count";
	column-gap: 1.25rem;
	align-items: center;
	padding: 1.35rem 0;
	border-top: 1px solid var(--akt-line);
}

.akt-index__row:last-child { border-bottom: 1px solid var(--akt-line); }
.akt-index__row > * { margin: 0 !important; }

.akt-index__icon {
	grid-area: icon;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: var(--akt-radius);
	background: var(--akt-blue-tint);
	color: var(--akt-blue);
}

.akt-index__title { grid-area: title; font-size: 1.375rem; }
.akt-index__title a { color: var(--akt-ink); text-decoration: none; }
.akt-index__title a::after { content: ""; position: absolute; inset: 0; } /* whole row clickable */
.akt-index__row { position: relative; }
.akt-index__row:hover .akt-index__title a { color: var(--akt-blue); text-decoration: underline; }
.akt-index__text { grid-area: text; color: var(--akt-ink-soft); }

.akt-index__count {
	grid-area: count;
	font-family: var(--akt-font-display);
	font-weight: 700;
	font-size: 1.125rem;
	color: var(--akt-ink-soft);
	white-space: nowrap;
}

@media (max-width: 600px) {
	.akt-index__row {
		grid-template-columns: 44px 1fr;
		grid-template-areas: "icon title" "icon text" ". count";
		row-gap: 0.25rem;
	}
	.akt-index__icon { width: 44px; height: 44px; }
	.akt-index__count { font-size: 0.9375rem; }
}

/* --- Tools strip --------------------------------------------------------- */
.akt-tools__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 1.75rem;
	border-top: 1px solid var(--akt-line);
}

.akt-tool {
	position: relative;
	padding: 1.5rem 1.25rem 1.5rem 0;
}

.akt-tool + .akt-tool { padding-left: 1.25rem; border-left: 1px solid var(--akt-line); }
.akt-tool > * { margin: 0 0 0.5rem !important; }
.akt-tool__icon { display: inline-grid; color: var(--akt-blue); }
.akt-tool__title { font-size: 1.125rem; }
.akt-tool__title a { color: var(--akt-ink); text-decoration: none; }
.akt-tool__title a::after { content: ""; position: absolute; inset: 0; }
.akt-tool:hover .akt-tool__title a { color: var(--akt-blue); text-decoration: underline; }
.akt-tool p { color: var(--akt-ink-soft); font-size: 0.9375rem; }

@media (max-width: 900px) {
	.akt-tools__grid { grid-template-columns: repeat(2, 1fr); }
	.akt-tool:nth-child(3) { padding-left: 0; border-left: 0; }
	.akt-tool:nth-child(n+3) { border-top: 1px solid var(--akt-line); }
}

@media (max-width: 480px) {
	.akt-tools__grid { grid-template-columns: 1fr; }
	.akt-tool, .akt-tool + .akt-tool { padding-left: 0; border-left: 0; }
	.akt-tool + .akt-tool { border-top: 1px solid var(--akt-line); }
}

/* --- Premium band -------------------------------------------------------- */
.akt-band {
	padding: var(--akt-section) var(--akt-edge);
	background: var(--akt-ink);
	color: #C9D1E6;
}

.akt-band__cols { gap: 2.5rem; margin: 0; }
.akt-band .akt-band__title { color: var(--akt-white); max-width: 22ch; }
.akt-band__text { max-width: 58ch; }
.akt-band__action { text-align: left; }
.akt-band__small { margin-top: 0.85rem; font-size: 0.9375rem; }
.akt-band a:not(.wp-block-button__link) { color: var(--akt-marker); }
.akt-band :focus-visible { outline-color: var(--akt-marker); }

/* --- FAQ ----------------------------------------------------------------- */
.akt-faq .akt-section__title { margin-bottom: 1.25rem; }

.akt-faq__item {
	max-width: 780px;
	border-top: 1px solid var(--akt-line);
	margin: 0 !important;
}

.akt-faq__item:last-of-type { border-bottom: 1px solid var(--akt-line); }

.akt-faq__item summary {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.1rem 0;
	font-weight: 600;
	font-size: 1.0625rem;
	cursor: pointer;
	list-style: none;
}

.akt-faq__item summary::-webkit-details-marker { display: none; }
.akt-faq__item summary::after { content: "+"; font-size: 1.4rem; line-height: 1; color: var(--akt-blue); }
.akt-faq__item[open] summary::after { content: "–"; }
.akt-faq__item p { color: var(--akt-ink-soft); padding-bottom: 1.1rem; margin: 0; max-width: 64ch; }

/* --- Inner page header --------------------------------------------------- */
.akt-pagehead {
	padding: clamp(2.5rem, 6vw, 4rem) var(--akt-edge) 2rem;
	background: var(--akt-white);
	border-bottom: 1px solid var(--akt-line);
}

.akt-pagehead h1 { margin-bottom: 0.5rem; }
.akt-pagehead p { color: var(--akt-ink-soft); max-width: 60ch; }

.akt-jump { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.25rem; }

.akt-jump a {
	padding: 0.4rem 0.85rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 999px;
	font-weight: 600;
	font-size: 0.9375rem;
	text-decoration: none;
}

.akt-jump a:hover { border-color: var(--akt-blue); background: var(--akt-blue-tint); }

/* ==========================================================================
   6. Resource lists and cards (shortcodes)
   ========================================================================== */
.akt-labels {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0.45rem 0 0;
}

.akt-label {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.55rem;
	border-radius: var(--akt-radius-sm);
	background: var(--akt-paper);
	border: 1px solid var(--akt-line);
	color: var(--akt-ink-soft);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.5;
}

.akt-label--code { background: var(--akt-blue-tint); border-color: transparent; color: var(--akt-blue-deep); font-weight: 700; letter-spacing: 0.02em; }
.akt-label--date { color: var(--akt-ink); font-weight: 600; }
.akt-label--new { background: var(--akt-marker); border-color: transparent; color: var(--akt-ink); font-weight: 700; }

/* List */
.akt-list { margin: 0; padding: 0; list-style: none; }

.akt-list__item {
	display: grid;
	grid-template-columns: 40px 1fr auto;
	gap: 0.9rem;
	align-items: start;
	padding: 0.95rem 0;
	border-bottom: 1px solid var(--akt-line);
}

.akt-list__item:first-child { border-top: 1px solid var(--akt-line); }

.akt-list__icon {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--akt-radius-sm);
	background: var(--akt-blue-tint);
	color: var(--akt-blue);
}

.akt-list__title { font-weight: 600; color: var(--akt-ink); text-decoration: none; line-height: 1.35; }
.akt-list__title:hover { color: var(--akt-blue); text-decoration: underline; }

.akt-list__dl {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1.5px solid var(--akt-line);
	color: var(--akt-blue);
}

.akt-list__dl:hover { background: var(--akt-blue); border-color: var(--akt-blue); color: var(--akt-white); }

/* Cards */
.akt-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: 1rem;
	margin-bottom: 2.5rem;
}

.akt-rcard {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1.2rem 1.25rem;
	background: var(--akt-white);
	border: 1px solid var(--akt-line);
	border-radius: var(--akt-radius);
}

.akt-rcard:hover { border-color: var(--akt-blue); }

.akt-rcard__type {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	color: var(--akt-blue);
	font-size: 0.875rem;
	font-weight: 600;
}

.akt-rcard__title { font-size: 1.125rem; margin: 0; }
.akt-rcard__title a { color: var(--akt-ink); text-decoration: none; }
.akt-rcard__title a::after { content: ""; position: absolute; inset: 0; }
.akt-rcard:hover .akt-rcard__title a { color: var(--akt-blue); }

.akt-rcard__dl {
	position: relative; /* above the stretched title link */
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: auto;
	padding-top: 0.75rem;
	font-weight: 600;
	text-decoration: none;
	align-self: flex-start;
}

.akt-empty { color: var(--akt-ink-soft); padding: 1.25rem; border: 1.5px dashed var(--akt-line); border-radius: var(--akt-radius); }

/* Branches */
.akt-branches {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr));
	gap: 0.5rem;
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.akt-branches a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0.8rem 0.95rem;
	border: 1px solid var(--akt-line);
	border-radius: var(--akt-radius);
	background: var(--akt-white);
	text-decoration: none;
	color: var(--akt-ink);
	line-height: 1.3;
}

.akt-branches a:hover { border-color: var(--akt-blue); background: var(--akt-blue-tint); }
.akt-branches strong { font-weight: 600; font-size: 0.9875rem; }
.akt-branches span { color: var(--akt-ink-soft); font-size: 0.8125rem; margin-top: 0.2rem; }

/* ==========================================================================
   7. Resource archives (/notes/, /pyq/ ...)
   ========================================================================== */
.akt-archive .site-main { margin: 0; }

.akt-archive-head { margin-bottom: 1.75rem; }

.akt-archive-head__title { display: flex; align-items: center; gap: 0.85rem; }
.akt-archive-head__title h1 { margin: 0; }

.akt-archive-head__icon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: var(--akt-radius);
	background: var(--akt-blue);
	color: var(--akt-white);
}

.akt-archive-head__intro { margin: 0.75rem 0 1.25rem; color: var(--akt-ink-soft); }
.akt-archive-head__count { margin: 1rem 0 0; font-weight: 600; color: var(--akt-ink-soft); font-size: 0.9375rem; }

.akt-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	padding: 0.85rem;
	background: var(--akt-white);
	border: 1px solid var(--akt-line);
	border-radius: var(--akt-radius);
}

.akt-filters__search {
	position: relative;
	flex: 1 1 260px;
}

.akt-filters__search .akt-icon {
	position: absolute;
	left: 0.8rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--akt-ink-faint);
}

.akt-filters__search input[type="search"] { padding-left: 2.4rem; }
.akt-filters__select { flex: 1 1 170px; }
.akt-filters__clear { font-weight: 600; font-size: 0.9375rem; }

@media (max-width: 600px) {
	.akt-filters__select { flex-basis: calc(50% - 0.3rem); }
	.akt-filters .akt-btn { flex: 1 1 100%; }
}

/* Card grid built from GeneratePress articles */
.akt-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
	gap: 1rem;
}

.akt-grid > article { margin: 0 !important; }

.akt-grid > article > .inside-article {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1.25rem 1.3rem !important;
	background: var(--akt-white);
	border: 1px solid var(--akt-line);
	border-radius: var(--akt-radius);
}

.akt-grid > article:hover > .inside-article { border-color: var(--akt-blue); }
.akt-grid .post-image,
.akt-grid .entry-meta,
.akt-grid footer.entry-meta { display: none; }

.akt-grid .entry-header { margin: 0; }
.akt-grid .entry-title { font-size: 1.125rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; margin: 0; }
.akt-grid .entry-title a { color: var(--akt-ink); text-decoration: none; }
.akt-grid .entry-title a:hover { color: var(--akt-blue); text-decoration: underline; }
.akt-grid .entry-summary { margin: 0.65rem 0 0; color: var(--akt-ink-soft); font-size: 0.9375rem; }
.akt-grid .entry-summary p { margin: 0; }

.akt-card-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	margin-top: auto;
	padding-top: 1rem;
}

.akt-card-foot__more { font-weight: 600; font-size: 0.9375rem; }
.akt-card-foot__count { margin-left: auto; color: var(--akt-ink-faint); font-size: 0.8125rem; }

.akt-archive .paging-navigation,
.akt-archive .nav-links { margin-top: 2rem; }

/* Empty state */
.akt-empty-state .inside-article {
	padding: 2rem !important;
	background: var(--akt-white);
	border: 1.5px dashed var(--akt-line);
	border-radius: var(--akt-radius);
}

.akt-empty-state h2 { font-size: 1.5rem; }
.akt-empty-state p { color: var(--akt-ink-soft); max-width: 60ch; }
.akt-empty-state__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }

/* ==========================================================================
   8. Single resource
   ========================================================================== */
.akt-single .inside-article { max-width: 860px; margin-inline: auto; }
.akt-single .entry-title { margin-bottom: 0.25rem; }
.akt-single .akt-labels { margin-bottom: 1.5rem; }

.akt-panel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	margin: 0 0 2rem;
	padding: 1.25rem 1.35rem;
	background: var(--akt-paper);
	border: 1px solid var(--akt-line);
	border-left: 4px solid var(--akt-blue);
	border-radius: var(--akt-radius);
}

.akt-panel__file { display: flex; align-items: center; gap: 0.9rem; }
.akt-panel__file .akt-icon { color: var(--akt-blue); }
.akt-panel__file strong { display: block; font-size: 1.0625rem; }
.akt-panel__file span { color: var(--akt-ink-soft); font-size: 0.875rem; }
.akt-panel__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }

@media (max-width: 600px) {
	.akt-panel__actions, .akt-panel__actions .akt-btn { width: 100%; }
}

.akt-preview {
	margin: 2rem 0;
	border: 1px solid var(--akt-line);
	border-radius: var(--akt-radius);
	background: var(--akt-white);
}

.akt-preview summary {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.9rem 1.1rem;
	font-weight: 600;
	cursor: pointer;
	color: var(--akt-blue);
}

.akt-preview iframe { display: block; width: 100%; height: 80vh; border: 0; border-top: 1px solid var(--akt-line); }

@media (max-width: 768px) {
	/* Phone browsers download uploaded PDFs instead of previewing them; Drive's viewer works everywhere. */
	.akt-preview:not(.akt-preview--drive) { display: none; }
	.akt-preview iframe { height: 75vh; }
}

.akt-related { margin-top: 3rem; }
.akt-related h2 { font-size: 1.375rem; margin-bottom: 1rem; }

/* Premium box (single pages, [akt_premium]) */
.akt-premium {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	margin: 2.5rem 0;
	padding: clamp(1.5rem, 3vw, 2rem);
	background: var(--akt-ink);
	border-radius: var(--akt-radius-lg);
	color: #C9D1E6;
}

.akt-premium__text { flex: 1 1 360px; }

.akt-premium__kicker {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 0.35rem;
	color: var(--akt-marker);
	font-weight: 700;
	font-size: 0.9375rem;
}

.akt-premium h2 { color: var(--akt-white); font-size: clamp(1.3rem, 2.4vw, 1.625rem); margin: 0 0 0.85rem; }
.akt-premium ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.35rem; }
.akt-premium li { display: flex; gap: 0.5rem; align-items: center; }
.akt-premium li .akt-icon { color: var(--akt-marker); }
.akt-premium :focus-visible { outline-color: var(--akt-marker); }

/* ==========================================================================
   9. Calculators
   ========================================================================== */
.akt-tools-page {
	max-width: 880px;
	margin: 0 auto;
	padding: 2.5rem var(--akt-gutter) var(--akt-section);
	display: grid;
	gap: 2rem;
}

.akt-tools-stack { display: grid; gap: 2rem; }

.akt-calc {
	padding: clamp(1.25rem, 3vw, 2rem);
	background: var(--akt-white);
	border: 1px solid var(--akt-line);
	border-radius: var(--akt-radius-lg);
	scroll-margin-top: 1.5rem;
}

.akt-calc__head { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; }

.akt-calc__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: var(--akt-radius);
	background: var(--akt-blue-tint);
	color: var(--akt-blue);
}

.akt-calc__head h2 { font-size: 1.5rem; margin: 0 0 0.2rem; }
.akt-calc__head p { margin: 0; color: var(--akt-ink-soft); }

.akt-calc__rows { display: grid; gap: 0.5rem; }

.akt-calc__programme,
.akt-calc__admission { margin-bottom: 1rem; }
.akt-calc__opts { display: grid; grid-template-columns: 2fr 1fr; gap: 0.75rem; }
.akt-calc__opts .akt-calc__programme,
.akt-calc__opts .akt-calc__admission { margin-bottom: 0.75rem; }
.akt-calc [hidden] { display: none !important; }

.akt-calc label.akt-calc__check {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	margin: 0 0 1rem;
	font-weight: 500;
	color: var(--akt-ink-soft);
	line-height: 1.45;
}

.akt-calc label.akt-calc__check input { width: 20px; min-height: 20px; height: 20px; margin-top: 1px; flex: none; accent-color: var(--akt-blue); }

.akt-calc__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.akt-calc__pair fieldset { display: grid; gap: 0.6rem; margin: 0; padding: 1rem; border: 1px solid var(--akt-line); border-radius: var(--akt-radius); }
.akt-calc__pair legend { padding: 0 0.35rem; font-weight: 700; }

.akt-calc__note { flex-basis: 100%; margin: 0; font-size: 0.9375rem; color: var(--akt-ink-soft); }
.akt-stat--wide { flex-basis: 100%; }
.akt-stat--wide span { max-width: none; }
.akt-stat .akt-stat__text { font-size: 1.35rem; }
.akt-calc__help td:nth-child(2) { font-variant-numeric: tabular-nums; }
.akt-btn:disabled { opacity: 0.45; cursor: not-allowed; }

@media (max-width: 600px) {
	.akt-calc__opts,
	.akt-calc__pair { grid-template-columns: 1fr; }
}

.akt-calc__row {
	display: grid;
	grid-template-columns: 1fr 7.5rem 10rem 2.75rem;
	gap: 0.5rem;
	align-items: center;
}

.akt-calc__row--sem { grid-template-columns: 4.5rem 1fr 1fr 2.75rem; }
.akt-calc__sem { font-weight: 700; color: var(--akt-ink-soft); font-size: 0.9375rem; }

.akt-calc__remove {
	display: grid;
	place-items: center;
	width: 2.75rem;
	height: 46px;
	padding: 0;
	border: 1.5px solid transparent;
	border-radius: 8px;
	background: transparent;
	color: var(--akt-ink-faint);
	cursor: pointer;
}

.akt-calc__remove:hover { color: #B42318; border-color: var(--akt-line); background: transparent; }

@media (max-width: 600px) {
	.akt-calc__row { grid-template-columns: 1fr 1fr 2.75rem; }
	.akt-calc__row > input[type="text"] { grid-column: 1 / -1; }
	.akt-calc__row--sem { grid-template-columns: 3.75rem 1fr 1fr 2.75rem; }
	.akt-calc__row + .akt-calc__row { padding-top: 0.5rem; border-top: 1px dashed var(--akt-line); }
}

.akt-calc__bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.6rem;
	margin-top: 1rem;
}

.akt-calc__single { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.75rem; }
.akt-calc__single label { flex: 1 1 220px; }

.akt-calc__grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }

@media (max-width: 600px) {
	.akt-calc__grid3 { grid-template-columns: 1fr 1fr; }
	.akt-calc__grid3 label:last-child { grid-column: 1 / -1; }
}

.akt-calc label { display: grid; gap: 0.35rem; font-weight: 600; font-size: 0.9375rem; }

.akt-calc__result { display: none; }

.akt-calc__result.is-visible {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 2rem;
	margin-top: 1.25rem;
	padding: 1.1rem 1.25rem;
	border-radius: var(--akt-radius);
	background: var(--akt-paper);
	border-left: 4px solid var(--akt-blue);
	animation: akt-result 0.25s ease-out;
}

.akt-calc__result.is-good { border-left-color: var(--akt-good); }
.akt-calc__result.is-warn { border-left-color: var(--akt-marker); color: var(--akt-ink); }

.akt-stat { display: grid; }
.akt-stat strong { font-family: var(--akt-font-display); font-size: 2rem; line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; }
.akt-stat span { color: var(--akt-ink-soft); font-size: 0.875rem; max-width: 22ch; }

@keyframes akt-result {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: none; }
}

.akt-calc__help { margin-top: 1.25rem; font-size: 0.9375rem; color: var(--akt-ink-soft); }
.akt-calc__help summary { cursor: pointer; font-weight: 600; color: var(--akt-blue); }
.akt-calc__help table { margin: 0.75rem 0; border-collapse: collapse; width: 100%; max-width: 560px; }
.akt-calc__help th,
.akt-calc__help td { padding: 0.35rem 0.6rem; border-bottom: 1px solid var(--akt-line); text-align: left; }

/* ==========================================================================
   9b. Updates (blog)
   ========================================================================== */

/* Shared bits */
.akt-kicker {
	display: inline-block;
	color: var(--akt-blue);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}

a.akt-kicker:hover { text-decoration: underline; }

.akt-pmeta { color: var(--akt-ink-soft); font-size: 0.875rem; }

/* Post cards */
.akt-pcard { position: relative; display: flex; flex-direction: column; min-width: 0; }

.akt-pcard__media {
	overflow: hidden;
	border-radius: var(--akt-radius);
	background: var(--akt-blue-tint);
}

.akt-pcard__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.akt-pcard:hover .akt-pcard__media img { transform: scale(1.03); }

.akt-pcard__ph {
	display: grid;
	place-items: center;
	aspect-ratio: 16 / 9;
	color: var(--akt-blue);
	background:
		repeating-linear-gradient(180deg, transparent 0, transparent 17px, rgba(36, 70, 199, 0.08) 17px, rgba(36, 70, 199, 0.08) 18px),
		var(--akt-blue-tint);
}

.akt-pcard__body { display: flex; flex-direction: column; gap: 0.35rem; padding-top: 0.85rem; }
.akt-pcard__title { margin: 0; font-size: 1.1875rem; line-height: 1.3; letter-spacing: -0.01em; }
.akt-pcard__title a { color: var(--akt-ink); text-decoration: none; }
.akt-pcard__title a::after { content: ""; position: absolute; inset: 0; }
.akt-pcard:hover .akt-pcard__title a { color: var(--akt-blue); text-decoration: underline; text-decoration-thickness: 1px; }
.akt-pcard a.akt-kicker { position: relative; z-index: 1; }

.akt-pcard__excerpt {
	margin: 0.1rem 0 0.15rem;
	color: var(--akt-ink-soft);
	font-size: 0.9375rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Lead story: image beside text */
.akt-pcard--lead {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(1.25rem, 3vw, 2.25rem);
	align-items: center;
}

.akt-pcard--lead .akt-pcard__media { border-radius: var(--akt-radius-lg); }
.akt-pcard--lead .akt-pcard__body { padding-top: 0; gap: 0.6rem; }
.akt-pcard--lead .akt-pcard__title { font-size: clamp(1.5rem, 2.8vw, 2.125rem); line-height: 1.12; letter-spacing: -0.025em; font-weight: 800; }
.akt-pcard--lead .akt-pcard__excerpt { font-size: 1.0625rem; -webkit-line-clamp: 4; }

/* Row: small thumbnail beside the headline */
.akt-pcard--row {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	gap: 0.9rem;
	align-items: start;
}

.akt-pcard--row .akt-pcard__media img,
.akt-pcard--row .akt-pcard__ph { aspect-ratio: 4 / 3; }
.akt-pcard--row .akt-pcard__media { border-radius: var(--akt-radius-sm); }
.akt-pcard--row .akt-pcard__body { padding-top: 0; gap: 0.2rem; }
.akt-pcard--row .akt-pcard__title { font-size: 1rem; }
.akt-pcard--row .akt-kicker { font-size: 0.75rem; }
.akt-pcard--row .akt-pmeta { font-size: 0.8125rem; }

@media (max-width: 760px) {
	.akt-pcard--lead { grid-template-columns: 1fr; gap: 0.9rem; }
	.akt-pcard--row { grid-template-columns: 88px minmax(0, 1fr); }
}

/* Grids */
.akt-pgrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: 2rem 1.5rem;
}

.akt-pgrid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 900px) { .akt-pgrid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .akt-pgrid--3 { grid-template-columns: 1fr; } }

/* Updates page */
.akt-posts-page .site-main > article,
.akt-posts-page .site-main > .paging-navigation,
.akt-posts-page .site-main > .page-header { display: none; } /* Safety net if GeneratePress prints its own loop. */

.akt-posts-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
	margin-top: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--akt-line);
}

.akt-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }

.akt-chips a {
	padding: 0.4rem 0.9rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 999px;
	background: var(--akt-white);
	color: var(--akt-ink);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
}

.akt-chips a:hover { border-color: var(--akt-blue); color: var(--akt-blue); }
.akt-chips a[aria-current="page"] { background: var(--akt-ink); border-color: var(--akt-ink); color: var(--akt-white); }

.akt-posts-search { position: relative; flex: 0 1 280px; }
.akt-posts-search .akt-icon { position: absolute; left: 0.8rem; top: 50%; transform: translateY(-50%); color: var(--akt-ink-faint); }

.akt-posts-search input[type="search"] {
	width: 100%;
	min-height: 42px;
	padding: 0.45rem 0.8rem 0.45rem 2.4rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 999px;
	background: var(--akt-white);
	font-size: 0.9375rem;
}

.akt-posts-search input[type="search"]:focus { border-color: var(--akt-blue); outline: 3px solid var(--akt-blue-tint); outline-offset: 0; }

@media (max-width: 600px) {
	.akt-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--akt-gutter)); padding: 0 var(--akt-gutter) 0.25rem; scrollbar-width: none; }
	.akt-chips a { flex: none; }
	.akt-posts-search { flex-basis: 100%; }
}

.akt-posts-lead { margin: 2rem 0 2.75rem; padding-bottom: 2.75rem; border-bottom: 1px solid var(--akt-line); }
.akt-posts-page .akt-pgrid { margin-top: 2rem; }

.akt-pagination { margin-top: 3rem; }
.akt-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: center; }

.akt-pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 0.85rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 8px;
	color: var(--akt-ink);
	font-weight: 600;
	text-decoration: none;
}

.akt-pagination .page-numbers.current { background: var(--akt-ink); border-color: var(--akt-ink); color: var(--akt-white); }
.akt-pagination a.page-numbers:hover { border-color: var(--akt-blue); color: var(--akt-blue); }

/* Free-resources strip (after posts and on Updates) */
.akt-rstrip { margin-top: 3.5rem; padding: 1.5rem; background: var(--akt-paper); border-radius: var(--akt-radius-lg); }
.akt-rstrip h2 { font-size: 1.125rem; margin: 0 0 1rem; }
.akt-rstrip__links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.5rem; }

.akt-rstrip__links a {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.85rem 0.9rem;
	background: var(--akt-white);
	border: 1px solid var(--akt-line);
	border-radius: var(--akt-radius);
	color: var(--akt-ink);
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1.25;
	text-decoration: none;
}

.akt-rstrip__links a .akt-icon { color: var(--akt-blue); }
.akt-rstrip__links a:hover { border-color: var(--akt-blue); color: var(--akt-blue); }

@media (max-width: 900px) { .akt-rstrip__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Home: latest updates */
.akt-home-posts { background: var(--akt-white); }

.akt-home-posts__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 2rem;
}

.akt-home-posts__head .akt-section__lead { margin: 0; }

.akt-home-posts__grid {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: start;
}

.akt-home-posts__lead .akt-pcard--lead { grid-template-columns: 1fr; gap: 1rem; }
.akt-home-posts__lead .akt-pcard--lead .akt-pcard__title { font-size: clamp(1.4rem, 2.4vw, 1.875rem); }

.akt-home-posts__list { display: grid; }
.akt-home-posts__list .akt-pcard { padding: 1.1rem 0; border-top: 1px solid var(--akt-line); }
.akt-home-posts__list .akt-pcard:first-child { padding-top: 0; border-top: 0; }

@media (max-width: 860px) { .akt-home-posts__grid { grid-template-columns: 1fr; } }

/* Compact "Latest updates" suggestion */
.akt-suggest { margin-top: 3rem; padding-top: 1.75rem; border-top: 2px solid var(--akt-ink); }

.akt-suggest__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-bottom: 1.25rem;
}

.akt-suggest__head h2 { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 1.25rem; }
.akt-suggest__head h2 .akt-icon { color: var(--akt-blue); }
.akt-suggest__head a { display: inline-flex; align-items: center; gap: 0.3rem; font-weight: 600; text-decoration: none; }
.akt-suggest__head a:hover { text-decoration: underline; }

.akt-suggest__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }

@media (max-width: 900px) {
	.akt-suggest__list { grid-template-columns: 1fr; gap: 1rem; }
}

.akt-suggest-wrap:empty { display: none; }
.full-width-content .akt-suggest-wrap { max-width: var(--akt-wrap); margin: 0 auto; padding: 0 var(--akt-gutter) var(--akt-section); }
.full-width-content .akt-suggest-wrap .akt-suggest { margin-top: 0; }
.akt-tools-page + .akt-suggest-wrap { padding-top: 0; }

/* Single post: comfortable reading column */
.akt-post-single .inside-article { max-width: 760px; margin-inline: auto; }
.akt-post-single .entry-header .entry-meta,
.akt-post-single footer.entry-meta { display: none; } /* Replaced by .akt-post-meta. */
.akt-post-single .entry-title { font-size: clamp(2rem, 4.4vw, 2.875rem); line-height: 1.1; margin-bottom: 0.75rem; }

.akt-post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 1rem;
	margin-bottom: 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--akt-line);
}

.akt-pmeta--updated { color: var(--akt-good); font-weight: 600; }

.akt-post-single .featured-image img,
.akt-post-single .post-image img { border-radius: var(--akt-radius-lg); }

.akt-post-single .entry-content { font-size: 1.125rem; line-height: 1.75; }
.akt-post-single .entry-content > * + * { margin-top: 1.25em; }
.akt-post-single .entry-content h2 { font-size: 1.625rem; margin-top: 2em; }
.akt-post-single .entry-content h3 { font-size: 1.3125rem; margin-top: 1.75em; }
.akt-post-single .entry-content img { border-radius: var(--akt-radius); }
.akt-post-single .entry-content blockquote { margin-left: 0; padding: 0.25rem 0 0.25rem 1.25rem; border-left: 4px solid var(--akt-marker); color: var(--akt-ink); font-size: 1.1875rem; }
.akt-post-single .entry-content table { width: 100%; border-collapse: collapse; font-size: 1rem; }
.akt-post-single .entry-content th,
.akt-post-single .entry-content td { padding: 0.55rem 0.75rem; border-bottom: 1px solid var(--akt-line); text-align: left; }

/* Share bar */
.akt-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 2.5rem 0 0;
	padding: 1rem 0;
	border-top: 1px solid var(--akt-line);
	border-bottom: 1px solid var(--akt-line);
}

.akt-share__label { margin-right: auto; font-weight: 700; }

.akt-share__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 42px;
	padding: 0.45rem 0.9rem;
	border: 1.5px solid var(--akt-line);
	border-radius: 999px;
	background: var(--akt-white);
	color: var(--akt-ink);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.akt-share__btn:hover { border-color: var(--akt-ink); color: var(--akt-ink); }
.akt-share__btn--wa .akt-icon { color: #128C7E; }
.akt-share__btn--tg .akt-icon { color: #229ED9; }
.akt-share__btn.is-copied { border-color: var(--akt-good); color: var(--akt-good); }

@media (max-width: 520px) { .akt-share__label { flex-basis: 100%; } }

.akt-related-posts { margin-top: 3rem; }
.akt-related-posts h2 { font-size: 1.375rem; margin-bottom: 1.25rem; }

/* Wider than the reading column, so related cards and the strip get room. */
@media (min-width: 900px) {
	.akt-post-single .akt-related-posts,
	.akt-post-single .akt-rstrip { margin-inline: calc((760px - min(1100px, 100vw - 4rem)) / 2); }
}

/* ==========================================================================
   10. Footer
   ========================================================================== */
.akt-footer {
	background: var(--akt-ink);
	color: #B8C1D9;
	padding: clamp(2.5rem, 6vw, 4rem) var(--akt-gutter) 1.5rem;
	font-size: 0.9375rem;
}

.akt-footer__inner {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: 2rem;
	max-width: var(--akt-wrap);
	margin: 0 auto;
}

.akt-footer__logo {
	font-family: var(--akt-font-display);
	font-size: 1.6rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--akt-white);
	text-decoration: none;
}

.akt-footer__logo:hover { color: var(--akt-marker); }
.akt-footer__brand p { margin: 0.6rem 0 1rem; max-width: 36ch; }

.akt-footer h2 {
	color: var(--akt-white);
	font-size: 1rem;
	font-family: var(--akt-font-body);
	letter-spacing: 0;
	margin-bottom: 0.75rem;
}

.akt-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.45rem; }
.akt-footer a { color: #DCE3FA; text-decoration: none; }
.akt-footer a:hover { color: var(--akt-marker); text-decoration: underline; }
.akt-footer :focus-visible { outline-color: var(--akt-marker); }

.akt-footer__social { display: flex !important; gap: 0.35rem !important; }
.akt-footer__social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.18); }
.akt-footer__social a:hover { border-color: var(--akt-marker); }

.akt-footer__premium p { margin: 0 0 1rem; }
.akt-footer .akt-btn--marker { color: var(--akt-ink); }
.akt-footer .akt-btn--marker:hover { color: var(--akt-ink); text-decoration: none; }

.akt-footer__note {
	max-width: var(--akt-wrap);
	margin: 2.5rem auto 0;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	font-size: 0.8125rem;
	color: #8E9AB8;
}

@media (max-width: 900px) {
	.akt-footer__inner { grid-template-columns: 1fr 1fr; }
	.akt-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
	.akt-footer__inner { grid-template-columns: 1fr; }
}

.site-info {
	background: #0D1730;
	color: #8E9AB8;
	font-size: 0.8125rem;
}

.site-info a { color: #B8C1D9; }

/* ==========================================================================
   11. Mobile bottom navigation
   ========================================================================== */
.akt-bottom-nav { display: none; }

@media (max-width: 768px) {
	.akt-bottom-nav {
		display: block;
		position: fixed;
		inset: auto 0 0 0;
		z-index: 90;
		background: var(--akt-white);
		border-top: 1px solid var(--akt-line);
		padding-bottom: env(safe-area-inset-bottom, 0);
	}

	.akt-bottom-nav ul {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.akt-bottom-nav a {
		display: grid;
		justify-items: center;
		gap: 0.15rem;
		padding: 0.5rem 0.25rem 0.45rem;
		color: var(--akt-ink-soft);
		font-size: 0.72rem;
		font-weight: 600;
		text-decoration: none;
	}

	.akt-bottom-nav a[aria-current="page"] { color: var(--akt-blue); box-shadow: inset 0 3px 0 var(--akt-blue); }

	body { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0)); }
	.generate-back-to-top { bottom: calc(74px + env(safe-area-inset-bottom, 0)) !important; }
}

/* ==========================================================================
   12. Utilities, accessibility, editor
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Block editor: sections span the canvas so patterns preview like the front end. */
.editor-styles-wrapper .akt-section,
.editor-styles-wrapper .akt-hero,
.editor-styles-wrapper .akt-band,
.editor-styles-wrapper .akt-pagehead { margin-top: 0; margin-bottom: 0; }

@media print {
	.akt-topbar, .akt-bottom-nav, .akt-filters, .akt-premium, .akt-band, .akt-footer, .site-header, .main-navigation { display: none !important; }
	body { background: #fff; padding: 0; }
}