/* Request's research publication: white space, Mincho typography and fine blue rules. */
:root{--navy:#001858;--blue:#295c93;--ink:#273349;--muted:#566477;--line:#c8d0de;--pale:#f7f9fc;--orange:#bd6b2c;--serif:"Noto Serif JP","游明朝",YuMincho,"Yu Mincho","Hiragino Mincho ProN",serif}
.site-header{border-bottom:1px solid #d4dbe5}
.corporate-masthead{max-width:1280px;margin:auto;padding:20px 40px 14px;display:flex;align-items:center;gap:38px}
.corporate-brand{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--serif);text-decoration:none;line-height:1.25;flex-shrink:0}
.corporate-brand>span{font-size:1.5rem;letter-spacing:.08em;font-weight:700}
.corporate-brand sup{position:relative;font-size:.55em;top:-.2em;line-height:0}
.corporate-brand small{font-size:.75rem;letter-spacing:.015em;font-weight:600;margin-top:5px;color:var(--muted)}
.corporate-purpose{display:flex;gap:13px;align-items:baseline;color:#677080;font-family:var(--serif);margin-left:auto;line-height:1.4}
.corporate-purpose strong{font-family:Georgia,"Times New Roman",serif;font-size:1.9rem;font-weight:700;letter-spacing:.015em}
.corporate-purpose span{font-size:.9375rem;letter-spacing:.13em}
.corporate-home{font-size:.8125rem;color:var(--muted);text-decoration:none;white-space:nowrap}
.corporate-home:hover{text-decoration:underline}
.header-inner{max-width:1280px;padding:15px 40px 16px;border-top:1px solid #e8ecf1;gap:32px}
.brand{font-family:var(--serif);font-size:1.5rem;letter-spacing:.1em;font-weight:600;gap:0}
.brand small{font-size:.75rem;letter-spacing:.02em;margin-top:4px}
.main-nav a{font-family:var(--serif);font-size:.9375rem;letter-spacing:.02em}
.main-nav a[aria-current=page]:after{bottom:-17px;height:2px;background:var(--navy)}
.contact-header{font-family:var(--serif);border-radius:0;border-color:var(--line);font-size:.9375rem;padding:9px 16px}
.page-shell{max-width:1200px;padding-top:38px}
.page-intro h1,.article-heading h1{font-weight:600}
.home-intro{align-items:center;gap:54px;margin-bottom:34px;padding-bottom:31px;border-bottom:1px solid var(--line)}
.library-title{flex:0 0 28%;position:relative}
.library-title .eyebrow{font-size:.8125rem;letter-spacing:.14em;margin-bottom:8px}
.library-title h1{font-size:2.75rem;line-height:1.4;letter-spacing:.16em;margin:0}
.library-purpose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;flex:1}
.library-purpose .purpose-statement{font-family:var(--serif);font-size:1.15rem;line-height:1.9;color:var(--navy);font-weight:500}
.library-purpose>p:last-child{font-size:1rem;line-height:1.95;color:var(--muted)}
.selector-heading{margin-bottom:18px;gap:24px}
.selector-heading h2{font-family:var(--serif);font-size:1.3rem;font-weight:500;line-height:1.7}
.selector-heading a{font-size:.875rem;white-space:nowrap}
.topic-nav{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.topic-nav .topic-choice{padding:17px 15px;border:0;border-right:1px solid #dde3eb;border-radius:0;background:#fff;gap:10px;min-height:124px}
.topic-nav .topic-choice:last-child{border-right:0}
.topic-nav .topic-choice:hover{background:var(--pale)}
.topic-nav .topic-choice.active{border:0;border-right:1px solid #dde3eb;padding:17px 15px;background:#f0f4f9}
.topic-nav .topic-choice.active:before{top:auto;bottom:-1px;left:0;right:0;width:auto;height:3px;background:var(--navy)}
.topic-symbol{color:var(--blue)}
.topic-label strong{font-family:var(--serif);font-weight:600;font-size:1rem;line-height:1.7}
.topic-label small{font-size:.8125rem;letter-spacing:.015em}
.work-results{margin-top:33px}
.featured{border:0;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);border-radius:0;background:#fff;padding:31px 0 35px;gap:46px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.featured.no-image{grid-template-columns:1fr}
.feature-kicker{font-family:var(--serif);font-weight:600;letter-spacing:.06em;margin-bottom:14px}
.featured h3{font-size:1.85rem;line-height:1.7;letter-spacing:.025em}
.featured p{font-size:1rem;line-height:2.05}
.feature-image img{border:0;border-radius:0}
.feature-image span{font-family:var(--serif);font-size:.8125rem;letter-spacing:.04em}
.button{border-radius:0;font-family:var(--serif);letter-spacing:.03em;font-weight:500;background:var(--navy);padding:12px 23px}
.section-line{margin-top:42px;margin-bottom:24px}
.section-line h2,.section-line h3{font-size:1.4rem;letter-spacing:.04em}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}
.knowledge-card{border:0;border-radius:0;background:#fff;min-width:0}
.knowledge-card:hover{border-color:transparent}
.reading-card{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:25px}
.card-figure{display:flex;align-items:center;justify-content:center;aspect-ratio:1.8;background:#fafbfd;border:1px solid #e4e8ef;margin-bottom:22px;overflow:hidden}
.card-figure img{width:100%;height:100%;object-fit:contain}
.card-content{padding:0;height:auto;flex:1}
.card-heading{justify-content:flex-start;gap:17px;margin-bottom:11px}
.pill{font-size:.875rem;font-family:var(--serif);font-weight:500;letter-spacing:.02em;color:var(--blue)}
.card-heading time{font-size:.8125rem;color:#647086}
.knowledge-card h3{font-size:1.4rem;line-height:1.75;letter-spacing:.01em;margin-bottom:12px}
.knowledge-card .card-summary{font-size:1rem;line-height:1.95;margin-bottom:18px}
.card-tail{border:0;padding-top:6px;justify-content:flex-start}
.card-link{font-family:var(--serif);font-size:.9375rem;font-weight:500;color:var(--blue)}
.concept-grid{gap:32px}
.concept-tile{border:0;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);border-radius:0;padding:27px 0 28px}
.concept-tile:hover{background:#fff;border-top-color:var(--orange)}
.concept-label{font-size:.875rem}
.concept-tile h2{font-size:1.7rem;font-weight:500;letter-spacing:.035em;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e3e7ed}
.concept-tile .concept-question{font-family:var(--serif);font-size:1.125rem;font-weight:500;line-height:1.9}
.concept-tile p{line-height:2}
.concept-tile small{font-family:var(--serif);font-weight:500}
.concept-note{border-left:2px solid var(--blue);background:var(--pale)}
.library-controls{border-radius:0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--pale)}
.library-controls input,.library-controls select{border-radius:0}
.library-list{gap:0}
.library-card{padding:28px 0;border-top:1px solid var(--line);gap:32px}
.library-card:last-child{border-bottom:1px solid var(--line)}
.library-thumbnail{flex-basis:210px;border-radius:0;border-color:#e3e7ed}
.library-card .card-tail{padding-top:6px;border:0;justify-content:space-between}
.article-shell{max-width:1200px}
.article-heading .pill{background:#fff;padding:0}
.article-heading h1{letter-spacing:.025em}
.article-heading .lede{font-family:var(--serif);font-size:1.125rem;line-height:2.1}
.questions{gap:0;border-top:1px solid var(--line)}
.questions li{background:#fff;padding:23px 0;border-bottom:1px solid var(--line);border-radius:0;gap:20px;font-family:var(--serif);font-size:1.0625rem;line-height:2}
.question-number{border-color:var(--blue);color:var(--blue)}
.source-panel{background:var(--pale);border-radius:0;border-left:0;border-right:0;border-bottom:0;border-top-width:2px}
.pdf-link,.pdf-type,.related-concepts a,.figure figcaption a{border-radius:0}
.source-panel h2,.article-section h2{font-family:var(--serif);font-weight:500}
.figure img{border-color:#e2e7ee}
.prose p{font-family:var(--serif)}
.consultation{max-width:1120px;margin:0 auto 48px;padding:36px 0 38px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:#fff;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:44px}
.consultation-visual{min-width:0;align-self:center}
.consultation-visual img{width:100%;height:auto;display:block}
.consultation h2{font-size:1.65rem;line-height:1.75;font-weight:500;letter-spacing:.03em;margin-bottom:16px}
.consultation-content{min-width:0}
.consultation p{font-size:1rem;line-height:1.95}
.consultation .eyebrow{font-size:.875rem;letter-spacing:.07em}
.consultation .consult-context{font-size:.9375rem}
.consult-actions{margin-top:24px;display:flex;flex-direction:row;align-items:center;gap:17px;flex-wrap:wrap;justify-content:flex-start}
.consult-actions .button{font-size:.9375rem;white-space:normal}
.consult-actions .text-link{font-size:.9375rem}
.consultation .consult-company{font-size:.8125rem;color:var(--muted);margin-top:19px;letter-spacing:.015em}
.site-footer{max-width:1200px;border-top:0;padding-top:0}
.site-footer>div>a:first-child{letter-spacing:.09em;font-size:1.4rem}
@media(max-width:1150px){
 .corporate-home{display:none}.corporate-masthead{gap:26px}.corporate-purpose{gap:12px}
 .topic-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-nav .topic-choice,.topic-nav .topic-choice.active{padding:16px;min-height:84px;border-bottom:1px solid #dde3eb}.topic-nav .topic-choice:nth-child(3n){border-right:0}.topic-nav .topic-choice:nth-child(n+4){border-bottom:0}.topic-nav .topic-choice.active:before{height:2px}
 .library-purpose{grid-template-columns:1fr;gap:10px}.desktop-break{display:none}.home-intro{gap:36px}.library-title{flex-basis:30%}
 .featured{gap:30px}.consultation{margin-left:40px;margin-right:40px;gap:34px}
}
@media(max-width:1000px){
 .header-inner{flex-wrap:wrap;row-gap:15px;padding-top:14px;padding-bottom:0}.main-nav{order:3;gap:32px;width:100%}.main-nav a{font-size:.9375rem;padding-bottom:14px}.main-nav a[aria-current=page]:after{bottom:0}.brand{font-size:1.5rem}.brand small{display:none}.contact-header{margin-left:auto}
 .corporate-masthead{padding-bottom:15px}.corporate-brand>span{font-size:1.375rem}.corporate-purpose strong{font-size:1.7rem}
 .concept-tile{padding:24px 0;column-gap:34px}.concept-tile h2{border:0;padding:0;margin:0}.concept-label{margin-bottom:12px}
 .consultation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.consultation h2{font-size:1.5rem}.consultation .consult-context{font-size:.875rem}.consult-actions{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:760px){
 .corporate-masthead{padding:18px 24px 15px;gap:20px}.corporate-brand>span{font-size:1.25rem}.corporate-purpose{flex-direction:column;align-items:flex-end;gap:2px}.corporate-purpose strong{font-size:1.6rem}.corporate-purpose span{font-size:.8125rem;letter-spacing:.06em}
 .header-inner{padding-left:24px;padding-right:24px;gap:14px}.main-nav{gap:28px}
 .page-shell{padding-top:29px}.home-intro{gap:26px;align-items:flex-start;margin-bottom:27px;padding-bottom:26px}.library-title{flex-basis:32%}.library-title h1{font-size:2.3rem;letter-spacing:.1em}.library-title .eyebrow{font-size:.8125rem;letter-spacing:.03em}.library-purpose .purpose-statement{font-size:1.0625rem}.library-purpose>p:last-child{font-size:.9375rem}.library-purpose{gap:9px}
 .selector-heading h2{font-size:1.15rem}.selector-heading{align-items:baseline;gap:16px}
 .topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-nav .topic-choice,.topic-nav .topic-choice.active{padding:15px 12px;min-height:80px;border-right:1px solid #dde3eb;border-bottom:1px solid #dde3eb}.topic-nav .topic-choice:nth-child(3n){border-right:1px solid #dde3eb}.topic-nav .topic-choice:nth-child(2n){border-right:0}.topic-nav .topic-choice:nth-child(n+4){border-bottom:1px solid #dde3eb}.topic-nav .topic-choice:nth-child(n+5){border-bottom:0}.topic-label strong{font-size:1rem}
 .featured{grid-template-columns:1fr;gap:27px;padding:26px 0 29px}.featured h3{font-size:1.65rem}.feature-image{max-width:560px}.card-grid{gap:28px 25px}.card-figure{aspect-ratio:1.6;margin-bottom:17px}.knowledge-card h3{font-size:1.3rem}.card-content{padding:0}.reading-card{padding-bottom:22px}
 .concept-tile{display:flex;padding:25px 0}.concept-tile h2{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
 .library-card{padding:25px 0}.library-controls{padding:20px}.article-heading .lede{font-size:1.0625rem}.questions li{padding:22px 0;gap:17px;font-size:1.0625rem}
 .consultation{margin:0 24px 35px;grid-template-columns:1fr;gap:24px;padding:32px 0}.consultation-content{grid-row:1}.consultation-visual{max-width:560px;margin:auto;grid-row:2}.consultation h2{font-size:1.55rem}.consultation h2 br{display:none}.consult-actions{flex-direction:row;align-items:center;gap:17px}.consultation .consult-context{font-size:.9375rem}.site-footer{padding-top:0}
}
@media(max-width:520px){
 .corporate-masthead{padding:16px 20px 14px;gap:13px}.corporate-brand>span{font-size:1.1875rem;letter-spacing:.05em}.corporate-brand small{font-size:.75rem;letter-spacing:0}.corporate-purpose strong{font-size:1.5rem}.corporate-purpose span{font-size:.75rem;letter-spacing:.02em}
 .header-inner{padding:13px 20px 0;row-gap:12px}.brand{font-size:1.375rem}.main-nav{justify-content:space-between;gap:12px}.main-nav a{font-size:.875rem;padding-bottom:12px}.contact-header{padding:8px 12px;font-size:.875rem;min-height:42px}
 .home-intro{gap:15px;display:block;margin-bottom:25px;padding-bottom:24px}.library-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:14px}.library-title .eyebrow{order:2;margin:0;font-size:.8125rem;letter-spacing:.015em}.library-title h1{font-size:2.25rem;letter-spacing:.12em;line-height:1.35}.library-purpose{display:block}.library-purpose .purpose-statement{font-size:1.125rem;line-height:1.85}.library-purpose>p:last-child{margin-top:10px;font-size:.9375rem;line-height:1.9}.purpose-statement br{display:none}
 .selector-heading{display:block;margin-bottom:13px}.selector-heading h2{font-size:1.1875rem;margin-bottom:5px}.selector-heading a{font-size:.875rem}.topic-nav .topic-choice,.topic-nav .topic-choice.active{padding:13px 10px;min-height:73px;gap:9px}.topic-label strong{font-size:.9375rem}.topic-label small{display:none}.topic-symbol{flex-basis:24px;width:24px}.topic-symbol svg{width:23px;height:23px}.work-results{margin-top:28px}.featured{padding:25px 0 28px}.featured h3{font-size:1.55rem;line-height:1.75}
 .card-grid{grid-template-columns:1fr;gap:29px}.card-figure{aspect-ratio:1.55;margin-bottom:18px}.knowledge-card h3{font-size:1.35rem}.card-heading{gap:14px}.card-content{padding:0}.card-tail{padding-top:0}.knowledge-card .card-summary{margin-bottom:14px;line-height:1.95}.section-line h2{font-size:1.3rem}.section-line{margin-top:33px}
 .library-card{padding:24px 0}.library-card .card-tail{align-items:flex-start;gap:8px}.library-controls{padding:18px}.questions li{font-size:1.0625rem;padding:21px 0;gap:15px}.source-panel{padding:23px}.consultation{margin:0 20px 30px;padding:29px 0}.consultation h2{font-size:1.45rem}.consult-actions{flex-direction:column;align-items:flex-start}.consult-actions .button{width:100%}.consultation-content .consult-actions{width:100%}.consultation .consult-company{font-size:.8125rem}.site-footer{padding-top:0}
}
@media(max-width:370px){.corporate-purpose span{display:none}.corporate-purpose strong{font-size:1.3rem}.corporate-brand>span{font-size:1.0625rem}.corporate-brand small{font-size:.75rem}.corporate-masthead{gap:10px}.library-title h1{font-size:2.05rem}.library-title .eyebrow{font-size:.75rem}.topic-nav .topic-choice,.topic-nav .topic-choice.active{padding:12px 8px;gap:6px}.topic-label strong{font-size:.875rem}.topic-symbol{width:22px;flex-basis:22px}}
@media(max-width:760px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0;padding-top:0;padding-bottom:0}
 .header-inner .brand{display:none}
 .main-nav{grid-column:1;order:0;width:auto;margin:0;gap:18px;justify-content:flex-start}
 .main-nav a{font-size:.875rem;min-height:50px;padding:10px 0;white-space:normal}
 .contact-header{grid-column:2;margin:0;min-height:44px;padding:8px;font-size:.875rem;border:0}
 .contact-long{display:none}.contact-short{display:inline}
}
@media(max-width:520px){.header-inner{column-gap:12px}.main-nav{gap:12px}.main-nav a{min-height:48px;font-size:.875rem}.contact-header{padding:8px 4px}}
.corporate-brand{min-width:0;flex-shrink:1}

/* Concrete work situations and reading reasons use the publication's quiet rules. */
.topic-choice{text-decoration:none}
.problem-entries{margin:0 0 36px}
.problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;border-top:1px solid var(--line)}
.problem-choice{display:flex;flex-direction:column;min-width:0;padding:25px 0;margin-right:0;border-bottom:1px solid var(--line);text-decoration:none}
.problem-choice:hover h3,.problem-choice:focus-visible h3{text-decoration:underline;text-underline-offset:.25em}
.problem-theme{font-size:.875rem;color:var(--blue);margin-bottom:8px}
.problem-choice h3{font-family:var(--serif);font-size:1.3125rem;font-weight:600;line-height:1.75;margin-bottom:12px}
.problem-action{font-size:.875rem;color:var(--blue);margin-top:0}
.problem-action span{margin-left:7px}
.reading-sequence{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.reading-sequence>li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.step-number{font-family:var(--serif);font-size:1.4rem;line-height:1.7;color:var(--blue);border-top:2px solid var(--blue);padding-top:8px;text-align:center;align-self:start;font-variant-numeric:tabular-nums}
.step-content{min-width:0;max-width:900px}
.step-role{font-size:.875rem;color:var(--blue);margin-bottom:8px}
.step-content h3{font-family:var(--serif);font-size:1.4rem;line-height:1.75;font-weight:600;margin-bottom:10px}
.step-content h3 a{text-decoration:none}
.step-content h3 a:hover{text-decoration:underline}
.step-reason{font-size:1rem;line-height:1.95;color:var(--ink);margin-bottom:10px}
.step-position{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-bottom:10px}
.guide-page .page-intro{max-width:920px}
.guide-page .section-line{margin-top:30px}
.guide-page .section-line small{flex-shrink:0;white-space:nowrap}
.guide-back{margin-top:30px}
.guide-context{margin-top:25px;max-width:920px}
.guide-context-link{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.0625rem;text-decoration:none}
.guide-context-link:hover{text-decoration:underline}
.guide-context-link small{display:block;font-family:var(--sans);font-size:.8125rem;color:var(--muted);margin-top:3px}
.consult-examples{list-style:none;margin:17px 0 0;padding:0;border-top:1px solid var(--line)}
.consult-examples li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid #e3e7ed;font-size:.9375rem;line-height:1.85}
.consult-examples strong{font-family:var(--serif);font-weight:500;color:var(--navy)}
.consult-examples span{color:var(--muted)}
@media(max-width:1000px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.problem-grid{column-gap:24px}.problem-choice{padding:22px 0}.problem-choice h3{font-size:1.125rem}.reading-sequence>li{gap:18px;grid-template-columns:38px minmax(0,1fr)}.step-content h3{font-size:1.25rem}.consult-examples li{grid-template-columns:108px minmax(0,1fr)}}
@media(max-width:600px){.problem-grid{grid-template-columns:1fr}.problem-choice h3{font-size:1.1875rem}}
@media(max-width:520px){.problem-choice{padding:20px 0}.problem-choice h3{margin-bottom:9px}.problem-entries{margin-bottom:28px}.reading-sequence>li{grid-template-columns:30px minmax(0,1fr);gap:15px;padding:23px 0}.step-number{font-size:1.125rem}.step-content h3{font-size:1.2rem}.step-role{font-size:.8125rem}.step-reason{font-size:.9375rem}.consult-examples li{grid-template-columns:1fr;gap:3px}}

/* Supporting work scenes stay beside the copy, with no text inside the image. */
.work-illustration{display:block;min-width:0;pointer-events:none;align-self:center}
.work-illustration img{width:100%;height:auto;object-fit:contain;background:#fff}
.problem-choice{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:24px;align-items:center}
.problem-copy{display:flex;flex-direction:column;min-width:0}
.problem-theme,.problem-action{display:block}
.problem-illustration{width:160px}
.guide-page .guide-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:34px;align-items:center;max-width:none}
.guide-intro-copy,.article-heading-copy{min-width:0}
.guide-illustration{width:210px}
.article-heading.has-scene{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;align-items:start}
.article-illustration{width:200px;margin-top:16px}

/* Original diagrams remain available in full on each reading page. */
.featured{grid-template-columns:minmax(0,1fr) 280px;gap:36px}
.feature-image img{max-height:190px;object-fit:contain}
.reading-card.has-image{display:grid;grid-template-columns:minmax(0,1fr) 112px;column-gap:20px;align-items:start}
.reading-card .card-content{grid-column:1;grid-row:1}
.reading-card .card-figure{grid-column:2;grid-row:1;width:112px;aspect-ratio:1.5;max-height:100px;margin:5px 0 0;background:#fff;border:0}
.library-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
.library-card.has-image{grid-template-columns:minmax(0,1fr) 160px}
.library-thumbnail{display:block;width:160px;border:0;background:#fff;margin-top:5px}
.library-thumbnail img{max-height:120px;object-fit:contain}
@media(max-width:1000px){
 .problem-choice{grid-template-columns:minmax(0,1fr) 128px;gap:18px}
 .problem-illustration{width:128px}
 .featured{grid-template-columns:minmax(0,1fr) 230px;gap:28px}
 .reading-card.has-image{grid-template-columns:minmax(0,1fr) 96px;column-gap:16px}
 .reading-card .card-figure{width:96px}
}
@media(max-width:760px){
 .problem-choice{grid-template-columns:minmax(0,1fr) 104px;gap:14px}
 .problem-illustration{width:104px}
 .guide-page .guide-intro{grid-template-columns:minmax(0,1fr) 150px;gap:22px}
 .guide-illustration{width:150px}
 .article-heading.has-scene{grid-template-columns:minmax(0,1fr) 145px;gap:22px}
 .article-illustration{width:145px}
 .featured{grid-template-columns:minmax(0,1fr) 175px;gap:22px}
 .feature-image{width:175px}
 .feature-image img{max-height:130px}
 .card-grid{grid-template-columns:1fr}
 .reading-card.has-image{grid-template-columns:minmax(0,1fr) 120px;column-gap:22px}
 .reading-card .card-figure{width:120px}
 .library-card.has-image{grid-template-columns:minmax(0,1fr) 110px;gap:22px}
 .library-thumbnail{width:110px}
}
@media(max-width:520px){
 .problem-choice{grid-template-columns:minmax(0,1fr) 112px;gap:14px}
 .problem-illustration{width:112px}
 .guide-page .guide-intro,.article-heading.has-scene{display:block}
 .guide-illustration,.article-illustration{width:140px;margin:12px 0 0 auto}
 .featured{grid-template-columns:minmax(0,1fr);gap:16px}
 .feature-image{width:160px;justify-self:end}
 .feature-image span{font-size:.8125rem;margin-top:5px}
 .reading-card.has-image{grid-template-columns:minmax(0,1fr) 90px;column-gap:16px}
 .reading-card .card-figure{width:90px}
 .library-card.has-image{grid-template-columns:minmax(0,1fr) 80px;gap:16px}
 .library-thumbnail{width:80px}
 .card-heading{gap:5px 12px}
 .knowledge-card h3{font-size:1.25rem}
}
@media(max-width:370px){
 .main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
 .main-nav a{line-height:1.5}
 .library-title{display:block}
 .library-title .eyebrow{margin-bottom:8px}
 .problem-choice{grid-template-columns:minmax(0,1fr) 90px;gap:12px}
 .problem-illustration{width:90px}
 .reading-card.has-image,.library-card.has-image{grid-template-columns:minmax(0,1fr)}
 .reading-card .card-figure,.library-thumbnail{grid-column:1;grid-row:2;justify-self:end;width:90px;margin-top:12px}
}