/*
Theme Name: Journey of Ink Reader
Description: Assembler child theme preserving Journey of Ink's design with continuous article reading. No plugins or external script dependencies.
Template: assembler
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: journey-ink-reader
License: GPL-2.0-or-later
*/
.no-underline a { text-decoration: none; } button:focus-visible, .wp-block-button__link:focus-visible { outline: 2px solid var(--wp--preset--color--theme-4); outline-offset: 2px; } button[disabled], .wp-block-button__link[disabled], .wp-block-button__link:disabled { opacity: 0.5; cursor: not-allowed; } .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill { border-color: color-mix(in srgb, currentColor 30%, transparent); border-radius: 0; } .wp-block-woocommerce-product-review-form .comment-reply-title { font-weight: unset; }
/* Journey of Ink — native block-theme refresh, 27 October 2026 */
body { background:#f4f3ef; color:#252622; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.wp-site-blocks { padding-top:0; padding-bottom:0; }
.wp-site-blocks > * { margin-block-start:0; }
h1,h2,h3,h4,.wp-block-site-title { font-family:inherit; letter-spacing:-.035em; line-height:1.2; }
a { text-underline-offset:4px; }
.joi-header a,.joi-footer a { text-decoration:none; }
.joi-header a:hover,.joi-footer a:hover { text-decoration:underline; }
.joi-header .wp-block-site-title { margin:0; }
.joi-header .wp-block-site-tagline { margin-top:8px; }
.wp-block-navigation a { padding:12px 0; }
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close { min-width:44px; min-height:44px; }
.wp-block-navigation__responsive-container.is-menu-open { padding:32px; }
a:focus-visible,button:focus-visible { outline:2px solid #80613d; outline-offset:4px; }
.wp-block-post-title { font-size:clamp(30px,4vw,48px); font-weight:500; margin-top:24px; margin-bottom:28px; }
.wp-block-post-content { font-size:17px; line-height:1.85; overflow-wrap:break-word; }
.wp-block-post-content p { text-align:left; }
.wp-block-post-featured-image img { width:100%; height:auto; }
.wp-block-post-content img { max-width:100%; }
.home .joi-main > .wp-block-post-title { display:none; }
.home .wp-block-post-content { max-width:1120px; }
.home .joi-main > .wp-block-post-featured-image { margin-bottom:0; }
.home .wp-block-post-content > .wp-block-cover { padding:clamp(12px,3vw,32px); background-size:cover; margin-top:0; }
.home .wp-block-cover__inner-container { max-width:780px; background:rgba(255,255,255,.97); color:#252622; padding:clamp(24px,4vw,48px); }
.home .wp-block-cover__inner-container p { color:#252622 !important; font-size:17px; line-height:1.85; text-align:left; }
.home .wp-block-cover__inner-container p:last-child { font-size:13px; margin-bottom:0; }
.home .wp-block-cover__inner-container a { color:#51432e; }
.home .wp-block-jetpack-layout-grid { display:block; padding:0; margin:0; }
.home .wp-block-jetpack-layout-grid-column { padding:0; min-width:0; }
.home .wp-block-post-content > .wp-block-group { padding:40px clamp(22px,4vw,48px); background:#fff; color:#252622; margin-top:0; }
.home .wp-block-post-content > .wp-block-group:last-child { padding:0; }
.home .wp-block-heading { font-size:28px; margin:0 0 28px; }
.home .wpnbha > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.home .wpnbha article { width:auto !important; margin:0 !important; padding:20px 0 0; border-top:2px solid #252622; }
.home .wpnbha .entry-title { font-size:22px; line-height:1.3; font-weight:500; margin:0 0 16px; }
.home .wpnbha p { font-size:15px; line-height:1.7; }
.home .wpnbha .entry-meta { font-size:12px; color:#666860; }
.joi-footer .wp-block-social-links a { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; }
@media(max-width:780px) { .wp-block-post-content { font-size:16px; line-height:1.8; } .joi-header .wp-block-site-tagline { max-width:340px; } }
@media(max-width:600px) { .joi-header { padding:24px 20px !important; } .joi-header > .wp-block-group { flex-wrap:nowrap; gap:16px; align-items:center; } .joi-header .wp-block-site-title { font-size:25px !important; } .joi-header .wp-block-site-tagline { font-size:12px !important; max-width:250px; } .joi-main { padding:20px 14px 32px !important; } .home .wp-block-cover__inner-container p { font-size:16px; line-height:1.8; } .home .wpnbha > div { grid-template-columns:1fr; gap:28px; } .home .wpnbha .entry-title { font-size:23px; } }

.joi-archive .wp-block-post-template > li > .wp-block-group { height:100%; box-sizing:border-box; }
@media (min-width:601px) and (max-width:1000px) { .joi-archive .wp-block-post-template { grid-template-columns:repeat(2,minmax(0,1fr)); } .home .wpnbha > div { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .joi-archive .wp-block-post-template { grid-template-columns:1fr; } .joi-archive > .wp-block-group > h1 { font-size:36px !important; } .joi-archive .wp-block-search { max-width:100%; } }

/* Replace the old homepage preview cards with the full article reader. */
.home .wp-block-post-content > .wp-block-group:has(.wpnbha) { display:none; }
.joi-reader { width:100%; margin-top:48px; }
.joi-reader > .joi-reader-heading { font-size:28px; margin-bottom:32px; }
.joi-story { border-top:1px solid #d9d9d1; padding-top:36px; margin:0 0 48px; }
.single .joi-reader { margin-top:0; }
.single .joi-reader > .joi-story:first-child { border-top:0; padding-top:0; }
.joi-story-title { font-size:clamp(28px,4vw,44px); font-weight:500; line-height:1.2; margin:0 0 16px; }
.joi-story-title a { text-decoration:none; }
.joi-story-date { color:#666860; font-size:13px; margin:0 0 28px; }
.joi-story-content { font-size:17px; line-height:1.85; overflow-wrap:break-word; }
.joi-story-content p { text-align:left; }
.joi-story-content img { max-width:100%; height:auto; }
.joi-story-featured { margin:0 0 28px; }
.joi-reader-more { border-top:1px solid #d9d9d1; padding:28px 0; min-height:110px; }
.joi-reader-status { font-size:14px; color:#666860; }
.joi-reader-retry { margin-top:16px; padding:12px 20px; }
.joi-reader-more[hidden],.joi-reader-retry[hidden] { display:none; }
html.joi-reader-page { overflow-anchor:none; }
.joi-story-slot { display:flow-root; overflow-anchor:none; }
.joi-story-slot[data-state="unloaded"],.joi-story-slot[data-state="loading"],.joi-story-slot[data-state="error"] { box-sizing:border-box; border-top:1px solid #d9d9d1; }
.joi-story-placeholder { position:sticky; top:24px; padding:20px; background:#eeede7; color:#4c4d46; font-size:14px; line-height:1.6; }
.joi-story-placeholder p { margin:0 0 12px; }
.joi-story-placeholder button { margin:0 16px 0 0; padding:8px 14px; }
@media(max-width:600px) { .joi-story-content { font-size:16px; line-height:1.8; } .joi-reader { margin-top:32px; } .joi-story { padding-top:28px; margin-bottom:32px; } }