VionixAI Demo Blog Site
.vx-chronicle-demo {
–paper: #f6f2e8;
–ink: #111;
–muted: #6f6a61;
–line: #d8d0bf;
–red: #c8202f;
–gold: #c99b36;
–soft: #fffaf0;
width: 100vw;
margin-left: calc(50% – 50vw);
background: var(–paper);
color: var(–ink);
font-family: Georgia, “Times New Roman”, serif;
}
.vx-chronicle-demo * { box-sizing: border-box; }
.vx-chronicle-demo a { color: inherit; text-decoration: none; }
.vx-chronicle-inner { width: min(1180px, calc(100% – 32px)); margin: 0 auto; }
.vx-chronicle-top { background: #101010; color: #f8f3e7; font-family: Arial, sans-serif; font-size: 12px; }
.vx-chronicle-top .vx-chronicle-inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: center; min-height: 38px; }
.vx-top-center { border: 1px solid #5b5548; border-radius: 999px; padding: 5px 12px; color: #f1dfb7; }
.vx-top-right { text-align: right; }
.vx-masthead { padding: 26px 0 14px; text-align: center; border-bottom: 1px solid var(–line); }
.vx-masthead h1 { margin: 0; font-size: clamp(52px, 9vw, 116px); line-height: .86; letter-spacing: -.05em; font-weight: 900; }
.vx-masthead p { margin: 10px 0 0; font: 700 12px/1.2 Arial, sans-serif; letter-spacing: .28em; }
.vx-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(–line); font: 700 12px Arial, sans-serif; text-transform: uppercase; }
.vx-toolbar button, .vx-toolbar a { border: 1px solid #111; background: transparent; border-radius: 999px; padding: 8px 12px; font: 700 12px Arial, sans-serif; }
.vx-toolbar .vx-subscribe { background: #111; color: #fff; }
.vx-toolbar-menu { display: flex; gap: 8px; flex-wrap: wrap; }
.vx-toolbar-actions { display: flex; gap: 8px; align-items: center; }
.vx-nav { display: flex; gap: 22px; overflow: auto; padding: 11px 0; border-bottom: 3px double #111; font: 700 13px Arial, sans-serif; text-transform: uppercase; white-space: nowrap; }
.vx-live { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(–line); font-family: Arial, sans-serif; }
.vx-live strong { background: var(–red); color: #fff; border-radius: 4px; padding: 5px 8px; font-size: 12px; }
.vx-live span { font-size: 13px; color: #352f25; }
.vx-live a { margin-left: auto; font-weight: 700; }
.vx-ad { height: 92px; margin: 18px 0; border: 1px dashed #b9ad95; border-radius: 10px; display: grid; place-items: center; color: #8c8069; font: 700 12px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; background: rgba(255, 255, 255, .34); }
.vx-front { display: grid; grid-template-columns: minmax(0, 1.52fr) minmax(280px, .9fr) minmax(260px, .72fr); gap: 22px; align-items: start; }
.vx-lead { border-right: 1px solid var(–line); padding-right: 22px; }
.vx-kicker { display: inline-block; margin: 0 0 10px; color: var(–red); font: 800 12px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.vx-lead img, .vx-stack img, .vx-card img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; background: #ddd; }
.vx-lead h2 { margin: 14px 0 10px; font-size: clamp(34px, 4.4vw, 62px); line-height: .95; letter-spacing: -.03em; }
.vx-lead p { margin: 0; color: #403a30; font-size: 17px; line-height: 1.55; }
.vx-byline { margin-top: 12px; color: var(–muted); font: 700 12px Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.vx-stack { display: grid; gap: 18px; }
.vx-stack article { border-bottom: 1px solid var(–line); padding-bottom: 16px; }
.vx-stack h3 { font-size: 24px; line-height: 1.05; margin: 9px 0 7px; }
.vx-stack p, .vx-card p { margin: 0; color: #50493d; font-size: 14px; line-height: 1.55; }
.vx-latest { border: 1px solid #111; background: #fffdf6; }
.vx-latest h3 { margin: 0; padding: 12px 14px; background: #111; color: #fff; font: 800 14px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.vx-latest ol { list-style: none; margin: 0; padding: 0; }
.vx-latest li { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 13px 14px; border-bottom: 1px solid var(–line); font-size: 15px; line-height: 1.28; }
.vx-latest li:last-child { border-bottom: 0; }
.vx-latest b { font: 900 22px/1 Georgia, serif; color: var(–red); }
.vx-section-title { display: flex; align-items: center; gap: 14px; margin: 28px 0 15px; font: 900 28px/1 Georgia, serif; }
.vx-section-title:after { content: “”; height: 1px; background: #111; flex: 1; }
.vx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding-bottom: 32px; }
.vx-card { border-top: 4px solid #111; padding-top: 10px; }
.vx-card h3 { font-size: 20px; line-height: 1.12; margin: 9px 0 7px; }
.vx-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; padding: 24px 0 38px; border-top: 1px solid var(–line); }
.vx-opinion { background: #111; color: #fff; padding: 22px; border-radius: 0; }
.vx-opinion h2 { margin: 0 0 10px; font-size: 34px; }
.vx-opinion p { margin: 0; color: #e8dfcf; line-height: 1.65; }
.vx-newsletter { border: 1px solid #111; padding: 22px; background: #fffaf0; }
.vx-newsletter h2 { margin: 0 0 8px; font-size: 30px; }
.vx-newsletter p { margin: 0 0 14px; color: #463f33; }
.vx-newsletter a { display: inline-block; background: var(–red); color: #fff; padding: 10px 14px; border-radius: 999px; font: 800 12px Arial, sans-serif; text-transform: uppercase; }
@media(max-width:900px){
.vx-chronicle-top .vx-chronicle-inner { grid-template-columns: 1fr; text-align: center; padding: 8px 0; }
.vx-top-right { text-align: center; }
.vx-front { grid-template-columns: 1fr; }
.vx-lead { border-right: 0; padding-right: 0; }
.vx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vx-bottom { grid-template-columns: 1fr; }
.vx-toolbar { align-items: flex-start; }
.vx-toolbar, .vx-toolbar-actions { flex-wrap: wrap; }
.vx-masthead h1 { font-size: 56px; }
}
@media(max-width:560px){
.vx-chronicle-inner { width: min(100% – 22px, 1180px); }
.vx-grid { grid-template-columns: 1fr; }
.vx-nav { gap: 16px; }
.vx-lead h2 { font-size: 38px; }
.vx-stack h3 { font-size: 22px; }
.vx-masthead h1 { font-size: 44px; }
.vx-toolbar-menu { width: 100%; }
}
Trending
Politics
Worklife
Business
Humanity
Technology
Business
Humanity
Business
Humanity
Technology
Health
Opinion
Wednesday, June 24, 2026 · Today’s sections
Global edition
Dhaka · London · New York · Sign in
The Chronicle
INDEPENDENT GLOBAL JOURNALISM
LIVEMarkets react as leaders meet for late-night talks; climate funds and technology rules dominate the agenda.Follow live
Leaderboard Ad Slot
Trending
US and Iran Hold New Round of Talks in Switzerland
Diplomats returned to the table as officials searched for a practical framework that could ease tensions and reopen guarded channels between the two capitals.
Politics
Coalition leaders face pressure over new economic package
Lawmakers are weighing a revised plan after regional governors asked for clearer protections.
Worklife
Remote work reshapes parenting for a generation
Families are rebuilding routines around flexible schedules, school pickups and new pressure points.
Across the newsroom
Business
Global shipping companies adjust to new trade corridor rules
Executives say capacity is improving, but insurance costs remain volatile.
Humanity
Aid groups warn that local access remains the decisive factor
Relief leaders say logistics gains matter only when communities can receive support safely.
Technology
New AI tools push editors to rethink verification workflows
Newsrooms are building stricter review layers around generative research and imagery.
Across the newsroom
Business
Global shipping companies adjust to new trade corridor rules
Executives say capacity is improving, but insurance costs remain volatile.
Humanity
Aid groups warn that local access remains the decisive factor
Relief leaders say logistics gains matter only when communities can receive support safely.
Across the newsroom
Business
Global shipping companies adjust to new trade corridor rules
Executives say capacity is improving, but insurance costs remain volatile.
Humanity
Aid groups warn that local access remains the decisive factor
Relief leaders say logistics gains matter only when communities can receive support safely.
Technology
New AI tools push editors to rethink verification workflows
Newsrooms are building stricter review layers around generative research and imagery.
Health
Hospitals test faster triage systems for crowded emergency rooms
Early trials show shorter wait times when nurses get better pre-arrival information.
The future of public trust will be built in the details
Readers are not asking for louder headlines. They are asking for evidence, context and a newsroom that respects their time.
Briefing in your inbox
Start the day with the most important stories, analysis and global context from The Chronicle newsroom.
Sign up now