/* Komikku identity on the retained Delta page components. */
body { background:#fffdfb; color:#55454a; }
a { color:#ad393a; } a:hover { color:#7a252e; }
.komikku-brand small { color:#ffb9a1; background:#48292a; border-color:#88473e; }
.desktop-links a:hover,.komikku-footer a:hover { color:#ffb197; }
.gb-container-b40b5542 { background-image:radial-gradient(ellipse at 80% 45%,#d85e3b29,transparent 55%),linear-gradient(#ffbba505 1px,transparent 1px),linear-gradient(90deg,#ffbba505 1px,transparent 1px); }
#home .gb-container-bbb0e597 { min-height:620px; padding-top:48px; padding-bottom:48px; }
#home .gb-container-1a040876 { display:flex; justify-content:center; align-items:center; }
#home .wp-block-image { margin:0; }
#home .wp-block-image img { display:block; width:auto!important; max-width:100%; height:490px; border:0; border-radius:19px; box-shadow:0 28px 80px #0006; }
#home h1 { font-size:49px; letter-spacing:-1.5px; }
.hero-action--primary,#download .download-live { background:linear-gradient(120deg,#f68b66,#e55555); border:1px solid #ffad8a; color:#241418; box-shadow:0 9px 30px #e76b4620; }
.hero-action--primary:hover,#download .download-live:hover { background:linear-gradient(120deg,#ff9e7c,#f46b64); color:#241418; }
.hero-action--primary .ui-icon { filter:brightness(.2); }
.hero-release { font-size:13px!important; margin-top:17px!important; color:#c7adaf!important; }
#how-it-works .gb-container-14cd6d94 img { width:240px!important; height:240px!important; border:0; box-shadow:14px 14px 0 #f4d5c6; }
#download { background:linear-gradient(120deg,#ffe1cf,#fff4e9); }
#download .download-title { color:#783c36; font-size:34px; font-weight:700; text-align:center; margin-bottom:22px; }
#download .download-note { color:#745853; }
#features .feature-icon { width:76px!important; height:76px; filter:sepia(.9) saturate(1.6) hue-rotate(310deg); }
.screenshot-carousel .screenshot-card { flex-basis:calc((100% - 48px)/3); background:#fbeee6; padding:22px; border:1px solid #f0d7ca; border-radius:14px; box-shadow:none; }
.screenshot-card img { height:440px; width:100%; aspect-ratio:auto; object-fit:contain; }
.screenshot-carousel { margin-top:32px; margin-bottom:48px; }
#screenshots { padding-bottom:28px; }
#screenshots h2 { text-align:center; font-size:32px; color:#593133; }
#screenshots .screen-intro { text-align:center; margin:0 auto 28px; padding:0 24px; }
.method-card { background:#fff7f2; border-color:#efd9ce; }
.method-card .step-visual { max-width:220px; margin:25px auto; }
.step-visual img { background:transparent; border-color:#e5c9bf; }
#reader-setup,#problems-and-fixes { background:#fff5ee; border:1px solid #f0d9d0; border-radius:12px; }
.requirements-table thead { background:#743c3b; color:#fff; }
.requirements-table th,.requirements-table td { border-color:#ecd9d0; }
.requirements-table tbody tr:nth-child(even) { background:#fff5ee; }
#faq .gb-container-505cad48 h3 { color:#753b38; background:#ffebe0!important; border-color:#e66f5a; }
#final-words { padding-bottom:70px; }
#mobile-menu { background:#291d22; }
.nav-toggle { background:#38262c; border-color:#694149; }
.utility-page h1,.utility-page h2 { color:#6e3636; }
.section-label { color:#a44640; }
@media(max-width:767px) {
 #home .gb-container-bbb0e597 { padding-top:42px; padding-bottom:42px; min-height:0; }
 #home h1 { font-size:38px; }
 #home .wp-block-image img { height:410px; max-width:100%; margin:0 auto; }
 .screenshot-carousel .screenshot-card { flex-basis:85%; padding:18px; }
 .screenshot-card img { height:430px; }
 #reader-setup,#problems-and-fixes { border-radius:0; border-left:0; border-right:0; }
}
#home a.hero-action--primary,#home a.hero-action--primary:visited { color:#2c171a; }
.screenshot-carousel .screenshot-card { flex-basis:calc((100% - 24px)/2); }
.requirements-table thead th { background:#743c3b; color:white; }
.requirements-table tbody th { background:#fff0e7; color:#7a3b38; }
@media(max-width:767px) { .screenshot-carousel .screenshot-card { flex-basis:85%; } }
.screenshot-card img { background:transparent; box-shadow:none; border:0; }
.carousel-controls .ui-icon { filter:sepia(.8) saturate(1.4) hue-rotate(310deg); }

.nav-toggle:hover,.nav-toggle:focus { background:#533136; border-color:#a45d54; }
#download .download-note { color:#74514b!important; }

/* Illustrated guide uses the established landing components. */
.guide-landing .landing-hero-grid { min-height:510px; }
.guide-landing .landing-hero-image img { display:block; height:450px; width:auto; max-width:100%; margin:auto; border:0; }
.guide-landing .landing-hero-image figure { max-width:280px; margin:auto; }
.guide-landing .landing-hero h1 { font-size:43px; line-height:1.2; }
.guide-summary { display:flex; align-items:center; gap:16px; color:#ffc2aa; font-size:14px; margin-top:25px; }
.guide-summary span:nth-child(odd) { border:1px solid #76504d; background:#36252a; padding:9px 15px; border-radius:7px; }
.guide-landing .landing-tint { background:#fff4ec; }
.guide-landing h2,.guide-landing h3 { color:#633334; }
.guide-step { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.7fr); gap:85px; align-items:center; }
.guide-step h2 { text-align:left; }
.guide-step .section-label { margin-left:0; }
.guide-visual { padding:22px; background:#f7e9e0; border:1px solid #ead1c5; border-radius:15px; margin:0; text-align:center; }
.guide-visual img { display:block; height:405px; width:auto; max-width:100%; object-fit:contain; margin:auto; border-radius:12px; }
.guide-step--reverse > div { order:2; }
.guide-step--reverse > figure { order:1; }
.guide-step--reverse { grid-template-columns:minmax(0,.7fr) minmax(0,1.35fr); }
.guide-help-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:30px; }
.guide-landing .landing-fix { background:#fffcf9; border-color:#e9d5cc; }
.guide-landing .landing-faq h3 { background:#ffede2; border-color:#ef775f; color:#713a38; }
.guide-landing .landing-final { background:#f8e9df; }
@media(max-width:767px) {
 .guide-landing .landing-hero-grid { min-height:0; }
 .guide-landing .landing-hero h1 { font-size:33px; }
 .guide-landing .landing-hero-image img { height:390px; }
 .guide-summary { justify-content:center; }
 .guide-step,.guide-step--reverse,.guide-help-grid { grid-template-columns:1fr; gap:28px; }
 .guide-step--reverse > div,.guide-step--reverse > figure { order:initial; }
 .guide-visual { max-width:280px; width:100%; box-sizing:border-box; margin:auto; }
 .guide-visual img { height:390px; }
}

.guide-landing .landing-hero .landing-hero-image { display:flex; justify-content:center; }
.guide-landing .landing-hero .landing-hero-image .landing-visual { margin:0 auto; }
/* Clear semantic steps, using the existing content typography. */
.instruction-list { padding-left:26px; margin:20px 0 24px; }
.instruction-list li { padding-left:7px; margin-bottom:12px; line-height:1.8; }
.instruction-list li::marker { color:#b34c42; font-weight:700; }
.guide-help-grid .instruction-list { font-size:16px; }
.guide-step h3 { font-size:21px; line-height:1.4; margin:26px 0 16px; }