/* v2RayTun identity on the retained Delta page components. */
body { background:#fbfcfe; color:#464c55; }
a { color:#5a6069; } a:hover { color:#3e444d; }
.v2raytun-brand small { color:#c2c8d1; background:#33363b; border-color:#545a63; }
.desktop-links a:hover,.v2raytun-footer a:hover { color:#bcc2cb; }
.gb-container-b40b5542 { background-image:radial-gradient(ellipse at 80% 45%,#757b8429,transparent 55%),linear-gradient(#c4cad305 1px,transparent 1px),linear-gradient(90deg,#c4cad305 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 #0a020766; }
#home h1 { font-size:49px; letter-spacing:-1.5px; }
.hero-action--primary,#download .download-live { background:linear-gradient(120deg,#9ca2ab,#7f858e); border:1px solid #b7bdc6; color:#1a1d22; box-shadow:0 9px 30px #82889120; }
.hero-action--primary:hover,#download .download-live:hover { background:linear-gradient(120deg,#adb3bc,#90969f); color:#1a1d22; }
.hero-action--primary .ui-icon { filter:brightness(.2); }
.hero-release { font-size:13px!important; margin-top:17px!important; color:#b0b6bf!important; }
#how-it-works .gb-container-14cd6d94 img { width:240px!important; height:240px!important; border:0; box-shadow:14px 14px 0 #d4dae3; }
#download { background:linear-gradient(120deg,#e3e4e6,#f2f3f5); }
#download .download-title { color:#484e57; font-size:34px; font-weight:700; text-align:center; margin-bottom:22px; }
#download .download-note { color:#5a6069; }
#features .feature-icon { width:76px!important; height:76px; filter:grayscale(1); }
.screenshot-carousel .screenshot-card { flex-basis:calc((100% - 48px)/3); background:#eeeff1; padding:22px; border:1px solid #d5dbe4; 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:#393f48; }
#screenshots .screen-intro { text-align:center; margin:0 auto 28px; padding:0 24px; }
.method-card { background:#f6f7f9; border-color:#d7dde6; }
.method-card .step-visual { max-width:220px; margin:25px auto; }
.step-visual img { background:transparent; border-color:#c9cfd8; }
#reader-setup,#problems-and-fixes { background:#f4f5f7; border:1px solid #d8dee7; border-radius:12px; }
.requirements-table thead { background:#484e57; color:#fdfeff; }
.requirements-table th,.requirements-table td { border-color:#d6dce5; }
.requirements-table tbody tr:nth-child(even) { background:#f4f5f7; }
#faq .gb-container-505cad48 h3 { color:#474d56; background:#ecedef!important; border-color:#8a9099; }
#final-words { padding-bottom:70px; }
#mobile-menu { background:#22252a; }
.nav-toggle { background:#2d3035; border-color:#4b515a; }
.utility-page h1,.utility-page h2 { color:#434952; }
.section-label { color:#5d636c; }
@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:#1e2126; }
.screenshot-carousel .screenshot-card { flex-basis:calc((100% - 24px)/2); }
.requirements-table thead th { background:#484e57; color:white; }
.requirements-table tbody th { background:#f0f1f3; color:#494f58; }
@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:grayscale(1); }

.nav-toggle:hover,.nav-toggle:focus { background:#383e47; border-color:#6c727b; }
#download .download-note { color:#555b64!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:#c8ced7; font-size:14px; margin-top:25px; }
.guide-summary span:nth-child(odd) { border:1px solid #565c65; background:#2b2e33; padding:9px 15px; border-radius:7px; }
.guide-landing .landing-tint { background:#f3f4f6; }
.guide-landing h2,.guide-landing h3 { color:#3d434c; }
.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:#e9eaec; border:1px solid #cfd5de; 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:#fafbfd; border-color:#d3d9e2; }
.guide-landing .landing-faq h3 { background:#edeef0; border-color:#9197a0; color:#464c55; }
.guide-landing .landing-final { background:#e9eaec; }
@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:#656b74; 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; }

/* Monochrome identity, keeping the Komikku component layout intact. */
#home a.hero-action--primary,#home a.hero-action--primary:visited,#download .download-live { background:linear-gradient(120deg,#f3f5f7,#bcc5cf);border-color:#edf1f5;color:#171b21;box-shadow:0 9px 30px #0002; }
#home a.hero-action--primary:hover,#download .download-live:hover { background:#fff;color:#111; }
#home .wp-block-image img {box-shadow:none; background:transparent;}
#how-it-works .gb-container-14cd6d94 img {border-radius:28px;box-shadow:14px 14px 0 #dfe3e8;}
#download {border-color:#d9dfe6;}
.v2raytun-brand small {background:#30353d;color:#e1e7ef;border-color:#505966;}
.contact-form button:disabled {background:#d6dbe1;color:#4b5563;cursor:not-allowed;opacity:1;}
#features .feature-icon,.carousel-controls .ui-icon {filter:grayscale(1);}
.guide-visual {overflow:hidden;}
.guide-visual img {box-shadow:none;background:transparent;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid #526c8d;outline-offset:4px;}