/* Chapter 08: information architecture, not an image of a page. */
#information-architecture.ia-reference { --ia-unit:min(1vw,21.506px); position:relative; isolation:isolate; padding:0; color:#0d224d; background:radial-gradient(ellipse at 87% 15%,#eaf4ffbb,transparent 42%),linear-gradient(125deg,#f8fbff,#f4faff 66%,#f9fcff); }
#information-architecture .ia-shell { width:93%; max-width:2000px; margin-inline:auto; padding:calc(2.8 * var(--ia-unit)) 0 calc(2.2 * var(--ia-unit)); }
#information-architecture .ia-hero { display:grid; grid-template-columns:minmax(0,64fr) minmax(0,36fr); align-items:center; min-height:calc(18.4 * var(--ia-unit)); margin:0 calc(2.75 * var(--ia-unit)) calc(1.8 * var(--ia-unit)); }
#information-architecture .ia-copy { position:relative; z-index:2; min-width:0; }
#information-architecture .section-label { margin:0 0 calc(1.15 * var(--ia-unit)); color:#526d98; font-size:clamp(11px,calc(.85 * var(--ia-unit)),18px); line-height:1.7; letter-spacing:.11em; }
#information-architecture h2 { margin:0; max-width:none; font-size:clamp(30px,calc(2.74 * var(--ia-unit)),60px); font-weight:700; line-height:1.43; letter-spacing:-.025em; color:#07162e; text-wrap:initial; }
#information-architecture .ia-highlight { position:relative; display:inline-block; color:#1672f7; }
#information-architecture .ia-highlight::after { content:''; position:absolute; left:0; right:0; bottom:-.055em; height:3px; border-radius:50%; background:#2d84ff; transform:rotate(-1.8deg); }
#information-architecture .ia-intro { margin:calc(1.6 * var(--ia-unit)) 0 0; max-width:94%; color:#536d93; font-size:clamp(14px,calc(1.04 * var(--ia-unit)),22px); line-height:1.8; text-wrap:pretty; }
#information-architecture .ia-art { position:relative; align-self:stretch; min-width:0; min-height:calc(18 * var(--ia-unit)); margin-right:0; }
#information-architecture .ia-handnote { position:absolute; z-index:2; top:9%; left:-5%; margin:0; color:#637eaa; font-family:'Segoe Print','Comic Sans MS',cursive; font-size:clamp(15px,calc(1.65 * var(--ia-unit)),34px); line-height:1.55; letter-spacing:.025em; transform:rotate(-12deg); }
#information-architecture .ia-handnote svg { display:block; width:calc(13 * var(--ia-unit)); height:calc(4 * var(--ia-unit)); margin-top:calc(-.5 * var(--ia-unit)); }
#information-architecture .ia-art-glow { position:absolute; bottom:0; left:15%; width:80%; height:55%; border-radius:50%; background:linear-gradient(130deg,#cce3ff55,#ecf7ff00); transform:rotate(15deg); }
#information-architecture .ia-art-sheets { position:absolute; right:0; top:7%; width:62%; height:89%; }
#information-architecture .ia-art-sheets > i { position:absolute; display:block; width:73%; height:77%; border:1px solid #ffffffcf; border-radius:12px; transform:skewY(17deg); }
#information-architecture .ia-art-sheets > i:nth-child(1) { left:22%; top:0; background:linear-gradient(125deg,#d5e7ff,#b4d2ff77); }
#information-architecture .ia-art-sheets > i:nth-child(2) { left:12%; top:10%; background:linear-gradient(125deg,#cfe4ffaf,#a7cbfaac); }
#information-architecture .ia-art-sheets > i:nth-child(3) { left:-4%; top:19%; background:linear-gradient(125deg,#eaf4ffad,#e5f2ff57); }
#information-architecture .ia-art-sheets > i:nth-child(4) { left:11%; top:30%; background:linear-gradient(125deg,#fafdffe6,#dceeff66); }
#information-architecture .ia-art-card { position:absolute; top:44%; left:8%; display:flex; align-items:flex-start; gap:calc(.7 * var(--ia-unit)); padding:calc(1.7 * var(--ia-unit)) calc(1.1 * var(--ia-unit)); width:62%; color:#325d9b; background:linear-gradient(130deg,#fff,#f4faffeb); border-radius:10px; transform:skewY(17deg); box-shadow:0 10px 20px #c0d8f544; }
#information-architecture .ia-art-card > span:first-child { width:calc(2 * var(--ia-unit)); height:calc(2.3 * var(--ia-unit)); flex:0 0 auto; padding:calc(.3 * var(--ia-unit)); color:#609cff; background:#edf5ff; border-radius:5px; }
#information-architecture .ia-art-card > span:last-child { font-size:clamp(9px,calc(.7 * var(--ia-unit)),15px); line-height:1.65; }
#information-architecture .ia-art-card svg { width:100%; height:100%; }
#information-architecture .ia-paper-plane { position:absolute; width:calc(4.7 * var(--ia-unit)); height:calc(4.3 * var(--ia-unit)); left:28%; bottom:9%; }
#information-architecture .ia-panel { min-width:0; padding:calc(1.4 * var(--ia-unit)); border:1px solid #e7f0fa; border-radius:14px; background:#ffffffd4; }
#information-architecture .ia-panel + .ia-panel { margin-top:calc(1.05 * var(--ia-unit)); }
#information-architecture .ia-panel-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px 24px; margin-bottom:calc(1.1 * var(--ia-unit)); }
#information-architecture .ia-panel-head h3 { color:#0c2046; font-size:clamp(17px,calc(1.22 * var(--ia-unit)),27px); line-height:1.5; font-weight:700; letter-spacing:-.015em; text-wrap:initial; }
#information-architecture .ia-panel-head h3 > span { display:inline-block; margin-left:calc(.9 * var(--ia-unit)); color:#536d93; font-size:clamp(10px,calc(.77 * var(--ia-unit)),16px); font-weight:400; letter-spacing:.08em; vertical-align:middle; }
#information-architecture .ia-panel-head > p { margin:0; font-size:clamp(11px,calc(.83 * var(--ia-unit)),17px); color:#536d93; line-height:1.7; }
#information-architecture .ia-tiers { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:calc(1.2 * var(--ia-unit)); }
#information-architecture .ia-tier { position:relative; min-width:0; padding:calc(1.15 * var(--ia-unit)); border:1px solid #e0ebfb; border-radius:11px; }
#information-architecture .ia-tier:not(:last-child)::after { content:'→'; position:absolute; right:calc(-1.32 * var(--ia-unit)); top:48%; color:#3989ff; font-size:clamp(20px,calc(1.4 * var(--ia-unit)),30px); z-index:1; }
#information-architecture .ia-tier > header { display:flex; gap:calc(1 * var(--ia-unit)); align-items:flex-start; min-height:calc(4.9 * var(--ia-unit)); }
#information-architecture .ia-number { display:grid; place-items:center; flex:0 0 auto; width:calc(3.3 * var(--ia-unit)); height:calc(3.3 * var(--ia-unit)); border-radius:50%; color:#176deb; background:#eaf3ff; font-size:clamp(15px,calc(1.2 * var(--ia-unit)),26px); font-weight:500; line-height:1; }
#information-architecture .ia-tier h4 { color:#0c2046; font-size:clamp(13px,calc(1.02 * var(--ia-unit)),22px); font-weight:700; line-height:1.6; text-wrap:initial; }
#information-architecture .ia-tier h4 > span { display:inline-block; margin-left:.6em; color:#536d93; font-size:clamp(8px,calc(.62 * var(--ia-unit)),13px); letter-spacing:.075em; font-weight:400; }
#information-architecture .ia-tier header p { margin-top:3px; color:#536d93; font-size:clamp(11px,calc(.81 * var(--ia-unit)),17px); line-height:1.6; }
#information-architecture .ia-tier-nodes { display:grid; grid-template-columns:repeat(var(--ia-node-count),minmax(0,1fr)); gap:calc(.65 * var(--ia-unit)); margin-top:calc(1 * var(--ia-unit)); }
#information-architecture .ia-tier-nodes > li { min-width:0; text-align:center; }
#information-architecture .ia-node-icon { display:grid; place-items:center; width:100%; height:calc(3.25 * var(--ia-unit)); border-radius:9px; background:linear-gradient(130deg,#f1f7ff,#f7fbff); color:#619dff; }
#information-architecture .ia-node-icon svg { width:46%; max-width:27px; height:46%; }
#information-architecture .ia-tier-nodes li > span:nth-child(2) { display:flex; align-items:center; justify-content:center; min-height:2.8em; margin-top:6px; color:#173562; font-size:clamp(8px,calc(.6 * var(--ia-unit)),13px); font-weight:500; line-height:1.3; overflow-wrap:normal; }
#information-architecture .ia-mobile-break { display:none; }
#information-architecture .ia-tier-nodes li > span:nth-child(3) { display:block; margin-top:2px; color:#536d93; font-size:clamp(9px,calc(.7 * var(--ia-unit)),15px); line-height:1.5; }
#information-architecture .ia-modules { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:calc(2.1 * var(--ia-unit)); }
#information-architecture .ia-module { position:relative; min-width:0; padding:calc(.8 * var(--ia-unit)); border:1px solid #e1ecfc; border-radius:11px; }
#information-architecture .ia-module:not(:last-child)::after { content:'⇢'; position:absolute; right:calc(-1.85 * var(--ia-unit)); top:46%; color:#3888ff; font-size:clamp(22px,calc(1.6 * var(--ia-unit)),34px); line-height:1; }
#information-architecture .ia-module > header { display:flex; gap:calc(.9 * var(--ia-unit)); align-items:center; margin-bottom:calc(1 * var(--ia-unit)); }
#information-architecture .ia-module-icon { display:grid; place-items:center; width:calc(3.5 * var(--ia-unit)); height:calc(3.5 * var(--ia-unit)); flex:0 0 auto; border-radius:50%; color:#408bff; background:#edf5ff; }
#information-architecture .ia-module-icon svg { width:52%; height:52%; }
#information-architecture .ia-module h4 { min-width:0; font-size:clamp(12px,calc(.95 * var(--ia-unit)),20px); font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
#information-architecture .ia-module h4 > span { display:block; margin-top:2px; font-size:clamp(11px,calc(.88 * var(--ia-unit)),18px); font-weight:400; }
#information-architecture .ia-module > ul { display:grid; gap:calc(.38 * var(--ia-unit)); }
#information-architecture .ia-module > ul > li { display:flex; align-items:center; justify-content:space-between; gap:5px; min-height:calc(2.1 * var(--ia-unit)); padding:calc(.34 * var(--ia-unit)) calc(.7 * var(--ia-unit)); border:1px solid #e5eefb; border-radius:6px; color:#425f88; font-size:clamp(11px,calc(.84 * var(--ia-unit)),18px); line-height:1.5; }
#information-architecture .ia-module small { flex-shrink:0; color:#526d91; background:#edf3fc; font-size:clamp(8px,calc(.6 * var(--ia-unit)),12px); padding:1px 4px; border-radius:3px; }
#information-architecture .ia-map-note { margin:calc(.75 * var(--ia-unit)) 0 0; color:#536d93; font-size:clamp(10px,calc(.7 * var(--ia-unit)),15px); line-height:1.7; }
#information-architecture .ia-principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(1.3 * var(--ia-unit)); }
#information-architecture .ia-principle-grid > li { display:flex; align-items:flex-start; gap:calc(.9 * var(--ia-unit)); min-width:0; padding:calc(1 * var(--ia-unit)); border:1px solid #e2ecfa; border-radius:11px; }
#information-architecture .ia-principle-icon { display:grid; place-items:center; flex:0 0 auto; width:calc(4.2 * var(--ia-unit)); height:calc(4.2 * var(--ia-unit)); border-radius:50%; color:#3486ff; background:#eaf3ff; }
#information-architecture .ia-principle-icon svg { width:51%; height:51%; }
#information-architecture .ia-small-number { display:grid; place-items:center; flex:0 0 auto; width:calc(2.4 * var(--ia-unit)); height:calc(2.4 * var(--ia-unit)); margin-top:calc(.5 * var(--ia-unit)); border-radius:5px; color:#176deb; background:#edf5ff; font-size:clamp(13px,calc(1.03 * var(--ia-unit)),22px); line-height:1; }
#information-architecture .ia-principle-grid li > div { min-width:0; padding-top:calc(.4 * var(--ia-unit)); }
#information-architecture .ia-principle-grid h4 { font-size:clamp(13px,calc(1.04 * var(--ia-unit)),22px); font-weight:700; line-height:1.5; text-wrap:initial; }
#information-architecture .ia-principle-grid p { margin-top:calc(1.15 * var(--ia-unit)); color:#536d93; font-size:clamp(11px,calc(.85 * var(--ia-unit)),18px); line-height:1.8; }
#information-architecture .ia-principle-grid .ia-principle-en { margin-top:3px; font-size:clamp(8px,calc(.66 * var(--ia-unit)),14px); line-height:1.5; letter-spacing:.075em; }
#information-architecture .ia-journey-steps { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:calc(3.5 * var(--ia-unit)); }
#information-architecture .ia-journey-steps > li { position:relative; display:flex; gap:calc(.8 * var(--ia-unit)); align-items:center; min-width:0; padding:calc(.65 * var(--ia-unit)); border:1px solid #e3eefc; border-radius:12px; background:#f5faff; }
#information-architecture .ia-journey-steps > li:not(:last-child)::after { content:'⟶'; position:absolute; top:50%; right:calc(-2.75 * var(--ia-unit)); transform:translateY(-50%); color:#3989ff; font-size:clamp(22px,calc(1.8 * var(--ia-unit)),39px); line-height:1; }
#information-architecture .ia-journey-steps .ia-number { width:calc(3 * var(--ia-unit)); height:calc(3 * var(--ia-unit)); font-size:clamp(13px,calc(1.07 * var(--ia-unit)),23px); }
#information-architecture .ia-journey-steps h4 { font-size:clamp(10px,calc(.82 * var(--ia-unit)),18px); line-height:1.5; letter-spacing:.07em; font-weight:500; }
#information-architecture .ia-journey-steps p { margin-top:2px; color:#536d93; font-size:clamp(11px,calc(.84 * var(--ia-unit)),18px); line-height:1.5; }
#information-architecture .ia-takeaway { display:flex; gap:calc(1.5 * var(--ia-unit)); align-items:center; margin-top:calc(1.5 * var(--ia-unit)); }
#information-architecture .ia-quote { flex:0 0 auto; height:.7em; color:#a5caff; font:700 clamp(46px,calc(4.8 * var(--ia-unit)),100px)/1 Georgia,serif; }
#information-architecture .ia-takeaway p { margin:0; color:#173562; font-size:clamp(13px,calc(1 * var(--ia-unit)),21px); line-height:1.65; }
#information-architecture .ia-motto { display:flex; gap:calc(1 * var(--ia-unit)); align-items:center; margin-left:auto; color:#587198; font-size:clamp(9px,calc(.73 * var(--ia-unit)),15px); line-height:1.6; letter-spacing:.06em; }
#information-architecture .ia-motto::before { content:''; display:block; width:calc(2.1 * var(--ia-unit)); border-top:1px solid #a2b9dd; flex:0 0 auto; }
@media (max-width:1100px) {
 #information-architecture .ia-shell { width:93%; padding-block:36px 30px; }
 #information-architecture .ia-hero { grid-template-columns:minmax(0,68fr) minmax(0,32fr); margin-inline:0; margin-bottom:30px; }
 #information-architecture h2 { font-size:clamp(27px,3vw,33px); }
 #information-architecture .ia-intro { font-size:14px; max-width:98%; margin-top:20px; }
 #information-architecture .ia-art { min-height:240px; margin-right:0; }
 #information-architecture .ia-handnote { font-size:17px; left:-4%; top:6%; }
 #information-architecture .ia-art-sheets { top:34%; height:65%; width:78%; }
 #information-architecture .ia-paper-plane { left:4%; bottom:6%; width:48px; height:44px; }
 #information-architecture .ia-panel { padding:18px; }
 #information-architecture .ia-panel + .ia-panel { margin-top:16px; }
 #information-architecture .ia-panel-head { margin-bottom:17px; }
 #information-architecture .ia-tiers { grid-template-columns:1fr; gap:22px; }
 #information-architecture .ia-tier { padding:18px; }
 #information-architecture .ia-tier:not(:last-child)::after { content:'↓'; right:50%; top:auto; bottom:-23px; }
 #information-architecture .ia-tier > header { min-height:0; gap:14px; }
 #information-architecture .ia-number { width:44px; height:44px; font-size:18px; }
 #information-architecture .ia-tier h4 { font-size:17px; }
 #information-architecture .ia-tier h4 > span { font-size:10px; }
 #information-architecture .ia-tier header p { font-size:13px; }
 #information-architecture .ia-tier-nodes { margin-top:20px; gap:18px; }
 #information-architecture .ia-node-icon { height:55px; }
 #information-architecture .ia-tier-nodes li > span:nth-child(2) { font-size:12px; min-height:2.6em; }
 #information-architecture .ia-tier-nodes li > span:nth-child(3) { font-size:13px; }
 #information-architecture .ia-modules { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 28px; }
 #information-architecture .ia-module { padding:15px; }
 #information-architecture .ia-module:nth-child(3)::after { display:none; }
 #information-architecture .ia-module:not(:last-child)::after { right:-25px; font-size:24px; }
 #information-architecture .ia-module > header { gap:13px; margin-bottom:16px; }
 #information-architecture .ia-module-icon { width:45px; height:45px; }
 #information-architecture .ia-module h4 { font-size:15px; }
 #information-architecture .ia-module h4 > span { font-size:13px; }
 #information-architecture .ia-module > ul { gap:6px; }
 #information-architecture .ia-module > ul > li { min-height:32px; padding:6px 9px; font-size:13px; }
 #information-architecture .ia-module small { font-size:10px; }
 #information-architecture .ia-map-note { margin-top:12px; font-size:11px; }
 #information-architecture .ia-principle-grid { gap:12px; }
 #information-architecture .ia-principle-grid > li { display:grid; grid-template-columns:42px 1fr; gap:10px; padding:16px; }
 #information-architecture .ia-principle-icon { width:42px; height:42px; }
 #information-architecture .ia-small-number { align-self:center; width:30px; height:30px; margin:0; font-size:16px; }
 #information-architecture .ia-principle-grid li > div { grid-column:1/-1; padding:0; }
 #information-architecture .ia-principle-grid h4 { font-size:15px; }
 #information-architecture .ia-principle-grid p { margin-top:14px; font-size:12px; }
 #information-architecture .ia-principle-grid .ia-principle-en { font-size:9px; }
 #information-architecture .ia-journey-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 35px; }
 #information-architecture .ia-journey-steps > li { padding:12px; gap:12px; }
 #information-architecture .ia-journey-steps .ia-number { width:38px; height:38px; font-size:16px; }
 #information-architecture .ia-journey-steps h4 { font-size:12px; }
 #information-architecture .ia-journey-steps p { font-size:13px; }
 #information-architecture .ia-journey-steps > li:not(:last-child)::after { right:-29px; font-size:25px; }
 #information-architecture .ia-journey-steps > li:nth-child(3)::after { display:none; }
 #information-architecture .ia-takeaway { gap:18px; margin-top:23px; }
 #information-architecture .ia-takeaway p { font-size:14px; }
 #information-architecture .ia-motto { max-width:200px; font-size:10px; }
 #information-architecture .ia-desktop-break { display:none; }
}
@media (max-width:720px) {
 #information-architecture .ia-shell { width:90%; padding-block:30px; }
 #information-architecture .ia-hero { display:block; }
 #information-architecture h2 { font-size:clamp(25px,4.3vw,31px); }
 #information-architecture .section-label { margin-bottom:18px; font-size:10px; }
 #information-architecture .ia-intro { font-size:15px; margin-top:22px; }
 #information-architecture .ia-art { width:100%; height:220px; min-height:0; margin:14px 0 24px; }
 #information-architecture .ia-handnote { left:9%; top:21%; font-size:20px; }
 #information-architecture .ia-handnote svg { width:160px; height:45px; }
 #information-architecture .ia-art-sheets { width:38%; height:87%; right:5%; top:7%; }
 #information-architecture .ia-art-card { padding:20px 12px; gap:9px; }
 #information-architecture .ia-art-card > span:first-child { width:24px; height:28px; padding:4px; }
 #information-architecture .ia-art-card > span:last-child { font-size:10px; }
 #information-architecture .ia-paper-plane { left:44%; bottom:6%; }
 #information-architecture .ia-panel { padding:17px; border-radius:12px; }
 #information-architecture .ia-panel-head { gap:8px; }
 #information-architecture .ia-panel-head h3 { font-size:17px; }
 #information-architecture .ia-panel-head h3 > span { margin-left:10px; font-size:9px; }
 #information-architecture .ia-panel-head > p { font-size:12px; }
 #information-architecture .ia-tier { padding:14px; }
 #information-architecture .ia-tier h4 { font-size:16px; }
 #information-architecture .ia-tier h4 > span { display:block; margin-left:0; font-size:9px; }
 #information-architecture .ia-tier-nodes { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 12px; }
 #information-architecture .ia-node-icon { height:49px; }
 #information-architecture .ia-tier-nodes li > span:nth-child(2) { font-size:11px; min-height:2.6em; }
 #information-architecture .ia-tier-nodes li > span:nth-child(3) { font-size:12px; }
 #information-architecture .ia-modules { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 22px; }
 #information-architecture .ia-module { padding:12px; }
 #information-architecture .ia-module:nth-child(3)::after { display:block; }
 #information-architecture .ia-module:nth-child(even)::after { display:none; }
 #information-architecture .ia-module:not(:last-child)::after { right:-21px; font-size:21px; }
 #information-architecture .ia-module > header { gap:9px; }
 #information-architecture .ia-module-icon { width:34px; height:34px; }
 #information-architecture .ia-module h4 { font-size:13px; }
 #information-architecture .ia-module h4 > span { font-size:12px; }
 #information-architecture .ia-module > ul > li { font-size:12px; padding:6px; }
 #information-architecture .ia-module small { font-size:9px; padding-inline:2px; }
 #information-architecture .ia-principle-grid { grid-template-columns:1fr; }
 #information-architecture .ia-principle-grid > li { display:flex; gap:12px; padding:17px; }
 #information-architecture .ia-small-number { align-self:flex-start; flex:0 0 27px; margin-top:7px; }
 #information-architecture .ia-principle-grid li > div { flex:1; padding-top:4px; }
 #information-architecture .ia-principle-grid p { font-size:13px; margin-top:13px; }
 #information-architecture .ia-journey-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 26px; }
 #information-architecture .ia-journey-steps > li { padding:10px; gap:10px; }
 #information-architecture .ia-journey-steps > li:nth-child(3)::after { display:block; }
 #information-architecture .ia-journey-steps > li:nth-child(even)::after { display:none; }
 #information-architecture .ia-journey-steps > li:not(:last-child)::after { right:-23px; font-size:22px; }
 #information-architecture .ia-journey-steps .ia-number { width:31px; height:31px; font-size:14px; }
 #information-architecture .ia-journey-steps h4 { font-size:10px; }
 #information-architecture .ia-journey-steps p { font-size:12px; }
 #information-architecture .ia-takeaway { align-items:flex-start; flex-wrap:wrap; gap:10px; }
 #information-architecture .ia-quote { width:32px; font-size:49px; }
 #information-architecture .ia-takeaway p { flex:1; font-size:14px; }
 #information-architecture .ia-takeaway p br { display:none; }
 #information-architecture .ia-motto { max-width:none; width:100%; margin-left:42px; font-size:9px; }
}
@media (max-width:480px) {
 #information-architecture .ia-mobile-break { display:block; }
}
@media (max-width:390px) {
 #information-architecture h2 { font-size:25px; }
 #information-architecture .ia-panel { padding:14px; }
 #information-architecture .ia-panel-head h3 > span { display:block; margin:4px 0 0; }
 #information-architecture .ia-art { height:200px; }
 #information-architecture .ia-handnote { left:0; font-size:17px; }
 #information-architecture .ia-art-sheets { width:43%; right:0; height:87%; }
 #information-architecture .ia-art-card { width:70%; padding:16px 8px; }
 #information-architecture .ia-art-card > span:last-child { font-size:9px; }
 #information-architecture .ia-art-card > span:first-child { width:18px; height:23px; }
 #information-architecture .ia-tier > header { gap:10px; }
 #information-architecture .ia-number { width:36px; height:36px; font-size:16px; }
 #information-architecture .ia-tier-nodes { gap:15px 9px; }
 #information-architecture .ia-tier-nodes li > span:nth-child(2) { font-size:10px; }
 #information-architecture .ia-modules { grid-template-columns:1fr; gap:13px; }
 #information-architecture .ia-module > header { gap:13px; margin-bottom:12px; }
 #information-architecture .ia-module-icon { width:40px; height:40px; }
 #information-architecture .ia-module h4 { font-size:16px; }
 #information-architecture .ia-module > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #information-architecture .ia-module::after { display:none!important; }
 #information-architecture .ia-principle-grid > li { display:grid; grid-template-columns:42px 1fr; }
 #information-architecture .ia-principle-grid li > div { grid-column:1/-1; }
 #information-architecture .ia-small-number { width:29px; }
 #information-architecture .ia-journey-steps > li { flex-direction:column; align-items:flex-start; }
}