/*
Theme Name: AFK
Theme URI: https://afk.nami.space
Author: Nami Okuzono
Description: An ongoing travel journal — open tabs abroad.
Version: 1.1.2
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: afk
*/

/* Colors are shared by theme.json, front end and Site Editor. */
:root {
 --afk-paper:#f7f4fc; --afk-surface:#fff; --afk-ink:#1a1520;
 --afk-soft:#625771; --afk-line:#ddd4f0; --afk-lavender:#e4d9f5;
 --afk-blue:#0f52ba; --afk-yellow:#fff7c2; --afk-mint:#d8f3e8;
 --afk-coral:#ffd9d0; --afk-shadow:#b09fd4; --afk-bar:#201a2c;
 --afk-dots:rgb(26 21 32 / 5%); --afk-note-ink:#1a1520;
 color-scheme:light;
}
@media (prefers-color-scheme: dark) {
 :root {
  --afk-paper:#14111a; --afk-surface:#1e1a28; --afk-ink:#ece8f4;
  --afk-soft:#bbb0cc; --afk-line:#4d415e; --afk-lavender:#30253f;
  --afk-blue:#a8c6ff; --afk-yellow:#f3d97a; --afk-mint:#c8e5cf;
  --afk-coral:#f5c2b8; --afk-shadow:#5e477e; --afk-bar:#30263f;
  --afk-dots:rgb(236 232 244 / 4%); color-scheme:dark;
 }
}
* {box-sizing:border-box}
body {background:var(--afk-paper);color:var(--afk-ink);background-image:radial-gradient(var(--afk-dots) .7px,transparent .7px);background-size:5px 5px}
.wp-site-blocks {padding:0}
.wp-site-blocks > * {margin-block-start:0}
p,h1,h2,h3,h4,li {overflow-wrap:anywhere}
img,video {max-width:100%;height:auto}
a {color:var(--afk-blue);text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover {text-decoration-thickness:2px}
:focus-visible {outline:3px solid var(--afk-blue);outline-offset:4px}
::selection {background:var(--afk-lavender);color:var(--afk-ink)}
.afk-kicker,.afk-tagline,.afk-meta,.afk-footer-meta,.afk-header-note,.afk-note-link,.afk-pagination,.afk-window-bar,.afk-subscribe-placeholder {font-family:var(--wp--preset--font-family--ui);font-size:.75rem;line-height:1.7}
.afk-kicker {letter-spacing:.12em;color:var(--afk-soft);font-size:.7rem}
.afk-site-header {background:var(--afk-paper)}
.afk-masthead {min-height:68px;border-bottom:1px solid var(--afk-ink);gap:1rem;padding-block:14px}
.afk-brand {gap:18px}
.afk-wordmark {font-family:var(--wp--preset--font-family--display);font-size:2rem;font-weight:600;line-height:1;margin:0;letter-spacing:-.04em}
.afk-wordmark a {color:var(--afk-ink);text-decoration:none}
.afk-wordmark a::after {content:"";display:inline-block;width:2px;height:.65em;background:currentColor;margin-left:8px;vertical-align:-.02em;animation:afk-caret-blink 1.1s step-end infinite}
@keyframes afk-caret-blink {
 0%,100% {opacity:1}
 50% {opacity:0}
}
.afk-tagline,.afk-header-note {margin:0;color:var(--afk-soft);font-size:.65rem}
.afk-header-note a {color:var(--afk-ink)}
.afk-navigation {font-family:var(--wp--preset--font-family--ui);font-size:.72rem;padding-block:15px;--wp--style--block-gap:1.7rem}
.afk-navigation .wp-block-navigation-item__content {padding:4px 0;border-bottom:1px dotted var(--afk-soft);color:var(--afk-ink)}
.afk-navigation .wp-block-navigation-item__content:hover,.afk-navigation .current-menu-item .wp-block-navigation-item__content {background:var(--afk-lavender);text-decoration:none;border-bottom:1px solid var(--afk-ink)}
.afk-main {padding-block:35px 70px;min-height:50vh}
.afk-hero {gap:4rem;align-items:center;padding-block:16px 62px;margin-bottom:0}
.afk-display {font-family:var(--wp--preset--font-family--display);font-size:clamp(3.6rem,7.2vw,6.3rem);font-weight:500;line-height:.91;letter-spacing:-.055em;color:var(--afk-ink);margin-block:20px 24px;text-transform:lowercase}
@supports (-webkit-text-stroke:1px black) {
 .afk-display {color:var(--afk-paper);-webkit-text-stroke:1.5px var(--afk-ink);text-shadow:3px 3px 0 var(--afk-shadow)}
}
.afk-intro-copy {font-size:1.08rem;line-height:1.7;max-width:36em;color:var(--afk-soft);margin-top:26px}
.afk-sticky {position:relative;background:var(--afk-coral);color:var(--afk-note-ink);border:1.5px solid #1a1520;padding:28px;box-shadow:4px 5px 0 #1a1520}
.afk-sticky::before {content:"";position:absolute;top:-10px;left:calc(50% - 28px);width:56px;height:19px;transform:rotate(-4deg);background:rgb(255 255 255 / 65%);border:1px solid rgb(26 21 32 / 25%);box-shadow:1px 2px 0 rgb(26 21 32 / 10%)}
.afk-sticky .afk-kicker {color:#4c4055}
.afk-sticky h2 {font-family:var(--wp--preset--font-family--editorial);font-style:italic;font-size:1.7rem;font-weight:400;line-height:1.3}
.afk-sticky p {font-size:.95rem;line-height:1.7}
.afk-sticky .afk-kicker,.afk-sticky .afk-note-link {font-size:.68rem}
.afk-sticky a {color:#1a1520}
.afk-hero-note {transform:rotate(2deg);margin:18px 4px 0 0}
.afk-section-heading {margin-block:0 16px!important;gap:1rem}
.afk-section-heading h2,.afk-section-heading p {font-family:var(--wp--preset--font-family--ui);font-size:.7rem;color:var(--afk-soft);font-weight:400;margin:0;letter-spacing:.04em}
.afk-window {background:var(--afk-surface);border:2px solid var(--afk-ink);border-radius:9px 9px 0 0;box-shadow:5px 5px 0 var(--afk-shadow);overflow:visible}
.afk-journal-window {position:relative}
.afk-window-bar {position:relative;background:var(--afk-bar);color:#f3eefb;padding:10px 76px;border-radius:6px 6px 0 0;text-align:center;border-bottom:1px solid var(--afk-ink);min-height:39px}
.afk-window-bar p {font-size:.65rem;letter-spacing:.05em;margin:0;line-height:1.7}
.afk-window-bar::before {content:"";width:9px;height:9px;border-radius:50%;background:#ed6b65;position:absolute;left:17px;top:15px;box-shadow:17px 0 0 #edca5a,34px 0 0 #8cbf81}
.afk-tabs {background:var(--afk-lavender);border-bottom:1px solid var(--afk-ink);margin:0!important;padding:9px 12px 0;overflow-x:auto}
.afk-tabs ul {list-style:none;display:flex;gap:4px;flex-wrap:nowrap;padding:0;margin:0;white-space:nowrap}
.afk-tabs li {margin:0}
.afk-tabs a {display:block;padding:9px 17px 11px;border:1px solid transparent;border-bottom:0;border-radius:7px 7px 0 0;font-family:var(--wp--preset--font-family--ui);font-size:.68rem;color:var(--afk-soft);text-transform:lowercase;text-decoration:none}
.afk-tabs a::before {content:"";display:inline-block;width:6px;height:6px;border:1px solid currentColor;margin-right:9px}
.afk-tabs a:hover,.afk-tabs .current-cat a {background:var(--afk-surface);color:var(--afk-ink);border-color:var(--afk-ink)}
.afk-tabs .current-cat a::before {background:var(--afk-blue);border-color:var(--afk-blue)}
.afk-post-list {margin:0!important}
.afk-post-list .wp-block-post-template {padding:0;margin:0;counter-reset:entries}
.afk-post-list .wp-block-post {margin:0!important;counter-increment:entries}
.afk-post-row {position:relative;padding:35px 56px 33px 100px;border-bottom:1px solid var(--afk-line)}
.afk-post-row::before {content:counter(entries,decimal-leading-zero);position:absolute;left:30px;top:38px;font-family:var(--wp--preset--font-family--ui);font-size:.68rem;color:var(--afk-soft)}
.afk-post-row .wp-block-post-title {font-family:var(--wp--preset--font-family--editorial);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.3;margin:12px 0}
.afk-post-row .wp-block-post-title a {color:var(--afk-ink);text-decoration:none}
.afk-post-row .wp-block-post-title a:hover {color:var(--afk-blue);text-decoration:underline}
.afk-post-row .wp-block-post-excerpt {max-width:44rem;font-size:1rem;color:var(--afk-soft);margin:12px 0 0}
.afk-post-row .wp-block-post-excerpt__excerpt {margin:0}
.afk-post-row .wp-block-post-excerpt__more-text {margin:14px 0 0}
.afk-post-row .wp-block-post-excerpt__more-link {font-family:var(--wp--preset--font-family--ui);font-size:.7rem;color:var(--afk-ink)}
.afk-list-image {max-width:420px;margin-block:20px}
.afk-list-image img {border:1px solid var(--afk-line);border-radius:2px}
.afk-meta {gap:18px!important;margin:0!important;color:var(--afk-soft);font-size:.65rem;text-transform:lowercase}
.afk-meta a {color:var(--afk-soft)}
.afk-meta .wp-block-post-date {font-size:.65rem}
.afk-pagination {padding:22px 30px;margin:0!important}
.afk-pagination:empty {display:none}
.afk-empty {padding:30px}
.afk-page-heading {padding-block:10px 34px}
.afk-page-heading .afk-display {font-size:clamp(3.5rem,7vw,5.5rem)}
.afk-window .afk-page-content {padding:clamp(24px,4vw,48px);padding-inline:clamp(24px,4vw,48px)!important;margin:0!important}
.afk-page-content > .alignwide {max-width:none}
.afk-page-content > p.has-large-font-size {font-family:var(--wp--preset--font-family--editorial);font-size:clamp(1.5rem,3vw,1.8rem);line-height:1.4}
.wp-block-post-content p {letter-spacing:.3px}
.afk-about-columns {gap:clamp(26px,4vw,48px)!important;align-items:flex-start}
.afk-about-columns h2 {font-size:clamp(1.7rem,3vw,2.2rem);font-weight:400;line-height:1.25;margin-block:16px 22px!important}
.afk-about-columns p {line-height:1.85}
.afk-about-columns .afk-sticky {background:var(--afk-yellow);transform:rotate(1deg);padding:25px;margin-block:18px}
.afk-about-columns .afk-sticky h2 {font-size:1.65rem}
.afk-about-columns .afk-sticky p {font-size:.94rem;line-height:1.75}
.afk-about-columns .afk-sticky .afk-kicker {font-size:.68rem}
.afk-about-links {font-family:var(--wp--preset--font-family--ui);font-size:.75rem;border-top:1px solid var(--afk-line);padding-top:20px;margin-top:28px}
#afk-currently,#currently {scroll-margin-top:24px}
.afk-places-list {list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.afk-places-list li {margin:0;padding:22px;background:var(--afk-paper);border:1px solid var(--afk-line);font-family:var(--wp--preset--font-family--ui);font-size:.8rem}
.afk-places-list a {color:var(--afk-ink);text-transform:lowercase}
.afk-places-list a::after {content:" ↗"}
.afk-article {padding-top:44px}
.afk-article-inner {padding:clamp(24px,5vw,64px);margin:0!important}
.afk-article-title {font-family:var(--wp--preset--font-family--editorial);font-size:clamp(2.1rem,4vw,3.2rem);font-weight:400;line-height:1.18;margin-block:20px 36px!important}
.wp-block-post-content {overflow-wrap:anywhere}
.afk-article .wp-block-post-content {font-size:1rem;line-height:1.9}
.wp-block-post-content h2,.wp-block-post-content h3,.wp-block-post-content h4 {margin-top:2em;line-height:1.3}
.wp-block-post-content h2 {font-size:1.8rem}
.wp-block-post-content h3 {font-size:1.4rem}
.wp-block-post-content h4 {font-size:1.15rem}
.wp-block-post-content img,.afk-framed-media img {max-width:100%;height:auto;border:1px solid var(--afk-line);border-radius:3px}
.wp-block-post-content figure {max-width:100%;margin-inline:0}
.wp-block-post-content figure img {display:block}
.wp-block-post-content > img {display:block}
.wp-block-post-content figcaption,.wp-element-caption {font-family:var(--wp--preset--font-family--ui);font-size:.72rem;line-height:1.7;color:var(--afk-soft);text-align:left;margin-top:10px}
.wp-block-post-content figure.wp-block-gallery {gap:16px}
.wp-block-post-content blockquote {border-left:3px solid var(--afk-shadow);padding-left:24px;margin-inline:0;font-family:var(--wp--preset--font-family--editorial);font-style:italic}
.wp-block-post-content pre {overflow:auto;padding:20px;background:var(--afk-paper);border:1px solid var(--afk-line);font-family:var(--wp--preset--font-family--ui);font-size:.85rem}
.wp-block-post-content code {overflow-wrap:anywhere}
.wp-block-post-content .wp-block-table {overflow-x:auto}
.wp-block-post-content table {border-collapse:collapse;max-width:100%;font-size:.95rem}
.wp-block-post-content > table {display:block;overflow-x:auto}
.wp-block-post-content th,.wp-block-post-content td {padding:12px;border:1px solid var(--afk-line)}
.wp-block-post-content iframe {width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border:0}
.afk-post-nav {border-top:1px solid var(--afk-line);padding-top:24px;margin-top:40px!important;font-family:var(--wp--preset--font-family--ui);font-size:.7rem;gap:24px}
.afk-site-footer {padding-block:0 30px}
.afk-subscribe {position:relative;padding:36px 42px;border:1.5px solid #1a1520;background:var(--afk-mint);color:#1a1520;box-shadow:4px 4px 0 #1a1520;margin-bottom:40px!important}
.afk-subscribe::after {content:"↗";font-family:var(--wp--preset--font-family--display);font-size:4rem;position:absolute;right:34px;top:26px;color:#466657;pointer-events:none}
.afk-subscribe > * {max-width:680px;margin-left:0!important}
.afk-subscribe .afk-kicker {color:#43574d}
.afk-subscribe h2 {font-family:var(--wp--preset--font-family--editorial);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;padding-right:34px;margin-block:12px}
.afk-subscribe p {font-size:1rem}
.afk-subscribe a {color:#1a1520}
.afk-subscribe .afk-subscribe-placeholder {font-size:.72rem;max-width:36rem;color:#43574d;margin-top:22px}
.afk-subscribe input {border:1px solid #1a1520;border-radius:0;padding:12px;min-height:44px;background:#fff;color:#1a1520;max-width:100%}
.afk-subscribe button {background:#1a1520;color:#fff;border:1px solid #1a1520;border-radius:0;min-height:44px;font-family:var(--wp--preset--font-family--ui);padding:10px 20px}
.afk-footer-meta {border-top:1px solid var(--afk-line);padding-top:22px;color:var(--afk-soft);font-size:.65rem;gap:10px}
.afk-footer-meta a {color:var(--afk-ink)}
.afk-footer-meta p {margin:0}
.afk-footer-meta span {font-family:var(--wp--preset--font-family--ui)}
.wp-block-search__input {background:var(--afk-surface);color:var(--afk-ink);border:1px solid var(--afk-line)}
.wp-block-button__link {border-radius:0}
@media (max-width:781px) {
 .afk-hero {gap:24px;padding-bottom:44px}
 .afk-hero > .wp-block-column:first-child {flex-basis:100%!important}
 .afk-hero-note {max-width:430px;margin:10px 4px 6px}
 .afk-about-columns .afk-sticky {transform:none}
 .afk-post-row {padding:28px 28px 28px 70px}
 .afk-post-row::before {left:23px;top:30px}
}
@media (max-width:480px) {
 .afk-masthead {gap:10px;min-height:60px}
 .afk-header-note {display:none}
 .afk-brand {gap:12px}
 .afk-navigation {justify-content:flex-start!important;padding-block:12px}
 .afk-main {padding-block:20px 44px}
 .afk-display {font-size:3.8rem}
 .afk-hero {padding-top:10px}
 .afk-intro-copy {font-size:1rem}
 .afk-section-heading p {display:none}
 .afk-post-row {padding:25px 20px}
 .afk-post-row::before {display:none}
 .afk-window-bar {padding-inline:68px 15px;text-align:right}
 .afk-tabs {padding-inline:4px}
 .afk-tabs a {padding-inline:12px}
 .afk-subscribe {padding:26px 22px}
 .afk-subscribe::after {display:none}
 .afk-subscribe h2 {padding-right:0}
 .afk-places-list {grid-template-columns:1fr}
 .afk-window .afk-page-content {padding:23px 20px;padding-inline:20px!important}
 .afk-article-inner {padding:26px 20px}
 .afk-window {box-shadow:3px 3px 0 var(--afk-shadow)}
 .afk-pagination {padding:20px}
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}