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; }
}
← Back to home The IZSCA guide library
Guides A practical library of clear explanations, buying frameworks and everyday technology notes. Start with a question, then follow the details that matter.
IZSCA / G All published guides
Home Guides Understand Buying Smarter Everyday Tech About Browse the library
Useful context, in one place. Explore the latest articles across Understand, Buying Smarter and Everyday Tech.
01 Loading guide
WordPress post feed Article cards will appear here. This area is connected to the site’s native Posts feed and will update as new guides are published.
Browse all guides ↗ 02 Placeholder
Editorial framework Clear explanations, useful trade-offs. Use this card grid for the next group of practical articles.
See the framework ↗ 03 Placeholder
More to come New research will land here. A flexible space for future posts, comparisons and buying notes.
Explore IZSCA ↗ A calmer way to choose
Good decisions start with better questions. Use the guide library to understand the language, see the trade-offs and decide with more confidence.
Keep moving
Find your next useful question. Use the guide map above to move between explanations, decisions and everyday technology.