body.page { overflow-x: hidden; }
#izsca-page, #izsca-page * { box-sizing: border-box; }
#izsca-page {
–iz-navy: #152238;
–iz-cream: #f7f2ea;
–iz-paper: #fffdf8;
–iz-teal: #2c7a7b;
–iz-orange: #e59658;
–iz-line: rgba(21,34,56,.16);
–iz-muted: #66717d;
–iz-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
–iz-serif: “Iowan Old Style”, “Palatino Linotype”, “Book Antiqua”, Georgia, serif;
background: var(–iz-cream);
color: var(–iz-navy);
font-family: var(–iz-sans);
line-height: 1.55;
margin-left: 0;
max-width: 100vw;
overflow: hidden;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
}
#izsca-page h1, #izsca-page h2, #izsca-page h3, #izsca-page p { margin: 0; }
#izsca-page h1, #izsca-page h2 { font-family: var(–iz-serif); font-weight: 500; letter-spacing: -.055em; }
#izsca-page h3 { font-weight: 700; letter-spacing: -.03em; }
#izsca-page a { color: inherit; text-decoration: none; }
#izsca-page .izp-container { margin-inline: auto; width: min(1120px, calc(100% – 48px)); }
#izsca-page .izp-hero {
background: radial-gradient(circle at 78% 20%, rgba(44,122,123,.36), transparent 28%), radial-gradient(circle at 88% 88%, rgba(229,150,88,.18), transparent 25%), var(–iz-navy);
color: var(–iz-cream);
overflow: hidden;
padding: clamp(74px, 10vw, 138px) 0 64px;
position: relative;
}
#izsca-page .izp-hero:before {
border: 1px solid rgba(247,242,234,.15);
border-radius: 50%;
content: “”;
height: min(48vw, 620px);
position: absolute;
right: -13vw;
top: -17vw;
width: min(48vw, 620px);
}
#izsca-page .izp-back {
color: rgba(247,242,234,.66);
display: inline-flex;
font-size: .76rem;
letter-spacing: .12em;
margin-bottom: 42px;
text-transform: uppercase;
}
#izsca-page .izp-kicker {
color: var(–iz-orange);
font-size: .75rem;
font-weight: 700;
letter-spacing: .16em;
margin-bottom: 18px;
text-transform: uppercase;
}
#izsca-page .izp-hero h1 {
font-size: clamp(3.2rem, 7.5vw, 7rem);
line-height: .91;
max-width: 900px;
position: relative;
z-index: 1;
}
#izsca-page .izp-hero__intro {
color: rgba(247,242,234,.76);
font-size: clamp(1rem, 1.8vw, 1.22rem);
line-height: 1.55;
margin-top: 30px;
max-width: 600px;
position: relative;
z-index: 1;
}
#izsca-page .izp-hero-meta {
border-top: 1px solid rgba(247,242,234,.2);
color: rgba(247,242,234,.66);
display: flex;
flex-wrap: wrap;
font-size: .72rem;
gap: 12px 34px;
letter-spacing: .12em;
margin-top: 64px;
padding-top: 17px;
position: relative;
text-transform: uppercase;
z-index: 1;
}
#izsca-page .izp-chip-nav {
background: var(–iz-paper);
border-bottom: 1px solid var(–iz-line);
display: flex;
gap: 9px;
overflow-x: auto;
padding: 14px max(24px, calc((100vw – 1120px) / 2));
scrollbar-width: none;
}
#izsca-page .izp-chip-nav::-webkit-scrollbar { display: none; }
#izsca-page .izp-chip {
border: 1px solid var(–iz-line);
border-radius: 999px;
color: var(–iz-muted);
flex: 0 0 auto;
font-size: .76rem;
font-weight: 700;
letter-spacing: .03em;
padding: 10px 15px;
transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}
#izsca-page .izp-chip:hover, #izsca-page .izp-chip.is-active {
background: var(–iz-teal);
border-color: var(–iz-teal);
color: var(–iz-paper);
}
#izsca-page .izp-section { padding: clamp(72px, 9vw, 124px) 0; }
#izsca-page .izp-section–paper { background: var(–iz-paper); }
#izsca-page .izp-section-head {
align-items: end;
border-bottom: 1px solid var(–iz-line);
display: flex;
gap: 28px;
justify-content: space-between;
margin-bottom: 42px;
padding-bottom: 20px;
}
#izsca-page .izp-section-kicker {
color: var(–iz-teal);
font-size: .75rem;
font-weight: 700;
letter-spacing: .15em;
margin-bottom: 14px;
text-transform: uppercase;
}
#izsca-page .izp-section h2 { font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .96; }
#izsca-page .izp-section-note { color: var(–iz-muted); font-size: .88rem; max-width: 270px; }
#izsca-page .izp-post-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
#izsca-page .izp-post-card {
background: var(–iz-cream);
border: 1px solid var(–iz-line);
display: flex;
flex-direction: column;
min-height: 350px;
overflow: hidden;
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
#izsca-page .izp-post-card:hover {
border-color: var(–iz-teal);
box-shadow: 0 18px 36px rgba(21,34,56,.1);
transform: translateY(-5px);
}
#izsca-page .izp-post-visual {
align-items: flex-start;
background: linear-gradient(135deg, rgba(44,122,123,.88), rgba(21,34,56,.34)), repeating-linear-gradient(135deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
display: flex;
height: 122px;
justify-content: space-between;
padding: 18px;
position: relative;
}
#izsca-page .izp-post-card:nth-child(2n) .izp-post-visual {
background: linear-gradient(135deg, rgba(229,150,88,.9), rgba(21,34,56,.34)), repeating-linear-gradient(45deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
}
#izsca-page .izp-post-card:nth-child(3n) .izp-post-visual {
background: linear-gradient(135deg, rgba(21,34,56,.94), rgba(44,122,123,.52)), repeating-linear-gradient(135deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
}
#izsca-page .izp-post-visual:after {
border: 1px solid rgba(247,242,234,.36);
border-radius: 50%;
content: “”;
height: 88px;
position: absolute;
right: 19px;
top: 17px;
width: 88px;
}
#izsca-page .izp-post-number { color: var(–iz-paper); font-family: var(–iz-serif); font-size: 2rem; line-height: 1; position: relative; z-index: 1; }
#izsca-page .izp-post-kind { color: rgba(247,242,234,.78); font-size: .66rem; letter-spacing: .13em; position: relative; text-transform: uppercase; z-index: 1; }
#izsca-page .izp-post-body { display: flex; flex: 1; flex-direction: column; padding: 21px 21px 19px; }
#izsca-page .izp-post-meta { color: var(–iz-teal); font-size: .68rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
#izsca-page .izp-post-card h3 { font-family: var(–iz-serif); font-size: clamp(1.45rem, 2.5vw, 1.95rem); line-height: 1; margin-top: 14px; }
#izsca-page .izp-post-card p { color: var(–iz-muted); font-size: .88rem; margin-top: 13px; }
#izsca-page .izp-post-link {
color: var(–iz-teal);
font-size: .75rem;
font-weight: 700;
letter-spacing: .05em;
margin-top: auto;
padding-top: 24px;
text-transform: uppercase;
}
#izsca-page .izp-callout {
background: var(–iz-navy);
color: var(–iz-cream);
padding: clamp(62px, 8vw, 100px) 0;
}
#izsca-page .izp-callout-grid { align-items: end; display: grid; gap: 34px; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); }
#izsca-page .izp-callout .izp-section-kicker { color: var(–iz-orange); }
#izsca-page .izp-callout h2 { font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: .95; }
#izsca-page .izp-callout p { color: rgba(247,242,234,.7); font-size: .95rem; margin-top: 20px; max-width: 520px; }
#izsca-page .izp-callout-note { border-left: 1px solid rgba(247,242,234,.24); color: rgba(247,242,234,.72); font-size: .9rem; padding-left: 22px; }
#izsca-page .izp-button {
background: var(–iz-orange);
border-radius: 999px;
color: var(–iz-navy);
display: inline-flex;
font-size: .78rem;
font-weight: 800;
gap: 9px;
margin-top: 22px;
padding: 13px 18px;
}
#izsca-page .izp-about-panel { background: var(–iz-paper); }
#izsca-page .izp-about-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
#izsca-page .izp-about-card { border-top: 2px solid var(–iz-teal); padding: 21px 10px 0 0; }
#izsca-page .izp-about-card:nth-child(2) { border-top-color: var(–iz-orange); }
#izsca-page .izp-about-card:nth-child(3) { border-top-color: var(–iz-navy); }
#izsca-page .izp-about-card h3 { font-family: var(–iz-serif); font-size: 2rem; font-weight: 500; margin-top: 55px; }
#izsca-page .izp-about-card p { color: var(–iz-muted); font-size: .92rem; margin-top: 13px; }
#izsca-page .izp-rich-copy { color: var(–iz-muted); font-size: 1.03rem; max-width: 700px; }
#izsca-page .izp-rich-copy p + p { margin-top: 18px; }
#izsca-page .izp-list { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 35px; }
#izsca-page .izp-list-item { border-top: 1px solid var(–iz-line); padding-top: 17px; }
#izsca-page .izp-list-item strong { display: block; font-family: var(–iz-serif); font-size: 1.35rem; font-weight: 500; margin-bottom: 7px; }
#izsca-page .izp-list-item span { color: var(–iz-muted); font-size: .9rem; }
@media (max-width: 850px) {
#izsca-page .izp-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#izsca-page .izp-callout-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
#izsca-page .izp-container { width: min(100% – 32px, 1120px); }
#izsca-page .izp-hero { padding-top: 62px; }
#izsca-page .izp-hero h1 { font-size: clamp(3.1rem, 15vw, 5.1rem); }
#izsca-page .izp-chip-nav { padding-inline: 16px; }
#izsca-page .izp-section-head { align-items: flex-start; flex-direction: column; }
#izsca-page .izp-post-grid, #izsca-page .izp-about-grid, #izsca-page .izp-list { grid-template-columns: 1fr; }
#izsca-page .izp-post-card { min-height: 325px; }
#izsca-page .izp-about-card h3 { margin-top: 38px; }
#izsca-page .izp-callout-note { border-left: 0; border-top: 1px solid rgba(247,242,234,.24); padding-left: 0; padding-top: 20px; }
}
Understand before you buy
Understand
Complex specifications and technology concepts, translated into the practical questions that matter before you make a choice.
Clarity first
Make the small print easier to use.
Articles in this category unpack the language behind everyday products and technology.
Article cards will appear here.
This area is connected to the site’s native Posts feed and will update as new guides are published.
Clear explanations, useful trade-offs.
Use this card grid for the next group of practical articles.
New research will land here.
A flexible space for future posts, comparisons and buying notes.
Start with context
The number is only useful when you know what it changes.
Learn what standards, specifications and features actually mean in daily use — without the sales gloss.
Read the explanation first, then compare the products.
Keep moving
Find your next useful question.
Use the guide map above to move between explanations, decisions and everyday technology.