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; }
}
← All guidesUseful every day
Everyday Tech
Practical ideas for making connected life faster, clearer and less frustrating — from home networks to the devices already in your hands.
IZSCA / 03Technology for real life
Keep it useful
Make everyday technology feel calmer.
Articles for the settings, habits and small decisions that shape daily use.
01Loading guide
WordPress post feedArticle 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 ↗ 02Placeholder
Editorial frameworkClear explanations, useful trade-offs.
Use this card grid for the next group of practical articles.
See the framework ↗ 03Placeholder
More to comeNew research will land here.
A flexible space for future posts, comparisons and buying notes.
Explore IZSCA ↗ Small changes, real relief
The best technology often disappears into the background.
Understand the settings and routines that help devices work better for the people using them.
Keep moving
Find your next useful question.
Use the guide map above to move between explanations, decisions and everyday technology.