/* Interior page families · 27 October 2026
   Loaded only by interior pages. Homepage styles and their dependencies are frozen.
   Palette and type are inherited from design-system.css and fonts.css.
   Family 2 document; 4 guide; 5 workspace; 6 exercise/game;
   7 institutional/essay; 8 publications/media. Reader has its own small override. */
.idc-interior { --family-rule:var(--line); --reading-measure:74ch; }
.idc-interior :where(main,section,article,aside,div,figure){min-width:0}
.idc-interior .breadcrumbs{display:flex;align-items:baseline;gap:.65rem;font-size:.76rem;padding:1.25rem 0;margin:0;line-height:1.6;color:var(--muted)}
.idc-interior .breadcrumbs a{padding-block:.3rem;text-decoration:none}
.idc-interior .breadcrumbs a:hover{text-decoration:underline}
.idc-interior .breadcrumbs [aria-current]{color:var(--text)}
.idc-interior .page-heading{margin:0 0 2.75rem;border-bottom:1px solid var(--family-rule);padding:1.75rem 0 2.75rem}
.idc-interior .editorial-opening{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.85fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.idc-interior .opening-copy h1{font-size:clamp(2.6rem,4.6vw,4.25rem);line-height:1.08;max-width:22ch;margin-bottom:1.1rem;letter-spacing:-.035em}
.idc-interior .opening-copy .document-deck{font-size:1.06rem;max-width:56ch;color:var(--muted);margin:1.2rem 0 0}
.idc-interior .parallel-title{font-family:var(--deseret);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:400;line-height:1.65;letter-spacing:normal;text-transform:none;color:var(--accent);max-width:48ch;margin:.8rem 0 1.4rem;overflow-wrap:anywhere;font-synthesis:none}
.idc-interior .editorial-figure{margin:0;width:100%;align-self:center}
.idc-interior .editorial-figure img{display:block;width:100%;height:clamp(150px,21vw,285px);object-fit:contain;object-position:center;background:var(--soft)}
.idc-interior .editorial-figure.portrait img{height:300px;object-fit:contain}
.idc-interior .editorial-figure.cover img{height:325px;background:transparent}
.idc-interior .editorial-figure.wordform img{height:175px;padding:1rem;background:var(--surface)}
.idc-interior .editorial-figure.landscape img{height:auto;max-height:290px;object-fit:contain}
.idc-interior .editorial-figure figcaption,.idc-interior .document-figure figcaption{font:.76rem/1.55 var(--sans);color:var(--muted);padding-top:.85rem;max-width:60ch}
.idc-interior .editor-note{display:block;margin-top:.45rem;color:var(--accent);font-size:.74rem}
.idc-interior .editor-note:before{content:'Editorial note · ';font-weight:700}
/* Navigation directories: descriptive rows, not a wall of interchangeable tiles. */
.idc-interior .directory-list{display:block;counter-reset:directory;margin:1rem 0 2.5rem}
.idc-interior .directory-entry{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(0,1.6fr);gap:1.5rem 3.5rem;padding:1.65rem 0;border-top:1px solid var(--line);background:none;position:relative}
.idc-interior .directory-entry>h2,.idc-interior .directory-entry>h3{font:400 1.65rem/1.25 var(--serif);margin:0;max-width:25ch}
.idc-interior .directory-entry>h2 a,.idc-interior .directory-entry>h3 a{text-decoration:none}
.idc-interior .directory-entry>h2 a:hover,.idc-interior .directory-entry>h3 a:hover{text-decoration:underline}
.idc-interior .entry-copy{max-width:74ch}
.idc-interior .entry-copy p{margin-bottom:.5rem;color:var(--muted)}
.idc-interior .entry-copy ul{list-style:none;margin:0;padding:0}
.idc-interior .entry-copy li{padding:.6rem 0;border-bottom:1px solid var(--line)}
.idc-interior .entry-copy li:first-child{padding-top:0}
.idc-interior .entry-copy li:last-child{border-bottom:0}
.idc-interior .entry-copy li a{display:inline-block;padding:.25rem 0;text-decoration:none}
.idc-interior .entry-copy li a:hover{text-decoration:underline}
/* Remove ornamental boxes while retaining the containers and IDs used by tools. */
.idc-interior:not(.locked-game) .page-content .editorial-surface{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:1.4rem 0;margin-block:1.25rem}
.idc-interior:not(.locked-game) .page-content .editorial-surface.featured{border-top:0;padding-top:0}
.idc-interior .page-content>section{padding-block:2rem}
.idc-interior .page-content>section>p,.idc-interior .document-content section>p{max-width:var(--reading-measure)}
.idc-interior .page-content blockquote{background:none;border-left:2px solid var(--accent);padding:.2rem 0 .2rem 1.5rem;margin:1.75rem 0;max-width:72ch}
.idc-interior .page-content blockquote p{font:400 1.22rem/1.6 var(--serif);color:var(--ink)}
.idc-interior .page-content blockquote [lang=en-Dsrt]{font-family:var(--deseret)}
.idc-interior .page-content .source-note{color:var(--muted);font-size:.85rem}
.idc-interior .table-scroll{overflow-x:auto;overscroll-behavior-x:contain;width:100%;max-width:100%}
.idc-interior .table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.idc-interior .page-content table{width:100%}
.idc-interior .page-content pre{white-space:pre-wrap;overflow-wrap:anywhere}
.idc-interior .document-nav,.idc-interior .page-nav,.idc-interior .contents{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;background:transparent;border-block:1px solid var(--line);padding:.7rem 0;margin:0 0 2rem;font:.84rem/1.5 var(--sans)}
.idc-interior .document-nav a,.idc-interior .page-nav a,.idc-interior .contents a{min-height:44px;display:inline-flex;align-items:center}
.idc-interior .document-nav>span,.idc-interior .page-nav>span{display:inline-flex;align-items:center;color:var(--muted);font-size:.75rem}
/* 2 · Document introductions: art at the upper left, reading actions at the right. */
.page-family-2 .document-opening{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;padding:1.5rem 0 3.5rem}
.page-family-2 .document-art{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}
.page-family-2 .document-art:has(>figure:only-child){grid-template-columns:1fr;max-width:350px}
.page-family-2 .document-heading{grid-column:2;grid-row:1}
.page-family-2 .document-heading h1{font-size:clamp(2.45rem,4.3vw,4.1rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 1rem}
.page-family-2 .document-script{font-family:var(--deseret);font-size:1.4rem;line-height:1.65;color:var(--accent);margin:0 0 1.1rem}
.page-family-2 .document-deck{font:1.02rem/1.65 var(--sans);color:var(--muted);max-width:56ch}
.page-family-2 .document-figure{margin:0;width:100%}
.page-family-2 .document-figure img{width:100%;height:auto;max-height:340px;object-fit:contain;object-position:top;background:var(--soft)}
.page-family-2 .document-figure figcaption h3{font-size:1.2rem;margin-bottom:.4rem}
.page-family-2 .document-figure figcaption p{margin:0 0 .5rem}
.page-family-2 .document-access{border-top:1px solid var(--line);padding-top:1.4rem;margin-top:1.5rem}
.page-family-2 .document-access .reader-button{font:1rem/1.4 var(--sans);min-height:52px;padding:.8rem 1.5rem;width:100%;justify-content:space-between;background:var(--ink);color:var(--paper)}
.page-family-2 .document-access .reader-status{font:.78rem/1.5 var(--sans);color:var(--muted);margin:.55rem 0 1.2rem}
.page-family-2 .document-files{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem}
.page-family-2 .document-files>div{flex:1 1 175px}
.page-family-2 .document-files .file-button{font:.85rem/1.4 var(--sans);background:transparent;color:var(--ink);border:1px solid var(--line);padding:.6rem 1rem;min-height:44px;width:100%}
.page-family-2 .document-files .file-button:hover{background:var(--soft)}
.page-family-2 .document-access button:disabled{cursor:not-allowed;opacity:1;background:var(--soft);color:var(--muted);border:1px dashed #8b958b}
.page-family-2 .document-access .reader-button:disabled{background:#e2e6dc;color:#4d5b4f}
.page-family-2 .file-status{display:block;color:var(--muted);font:.73rem/1.5 var(--sans);margin-top:.35rem}
.page-family-2 .format-note{font:.76rem/1.6 var(--sans);color:var(--muted);margin:.8rem 0 0}
.page-family-2 .document-content{max-width:100%;padding-bottom:2rem}
.page-family-2 .document-content>section{display:flow-root;padding-block:2.2rem}
.page-family-2 .document-content h2{font-size:clamp(1.7rem,2.7vw,2.3rem);max-width:40ch}
.page-family-2 .document-content .context{max-width:var(--reading-measure)}
.page-family-2 .document-content .source-card{max-width:var(--reading-measure)}
.page-family-2 .sampa-note{background:var(--soft);font-size:.85rem;border-left:2px solid var(--accent);max-width:80ch}
.page-family-2 #contents{max-width:76ch;padding-block:2rem}
.page-family-2 .production-layout{display:block!important}
.page-family-2 .production-layout .document-prose{max-width:74ch}
.page-family-2 .related-grid{display:block}
.page-family-2 .related-grid>a{display:flex;gap:1rem;justify-content:space-between;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;padding:1rem 0}
/* 4 · Guides: numbered progression with roomy demonstrations. */
.page-family-4{--family-rule:var(--accent)}
.page-family-4 .section-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin:0 0 2.5rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
.page-family-4 .section-index a{display:flex;align-items:baseline;gap:.85rem;min-height:44px;padding:.6rem 0;text-decoration:none;border-top:1px solid var(--line);font-size:.9rem}
.page-family-4 .section-index a span{color:var(--accent);font-size:.7rem;padding-top:.2rem}
.page-family-4 .section-index a:hover{text-decoration:underline}
.page-family-4 .guide-section{position:relative;padding:2.5rem 0!important;border-top:1px solid var(--line)}
.page-family-4 .guide-section>h2:before{content:attr(data-step)}
.page-family-4 .guide-section:before{content:attr(data-step);display:block;font:.75rem/1.5 var(--sans);color:var(--accent);letter-spacing:.12em;margin-bottom:.65rem}
.page-family-4 .guide-section>h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.page-family-4 .page-content .practice-card{border-block:1px solid var(--line)!important;padding:1.5rem 0!important}
.page-family-4 .page-content .note,.page-family-4 .page-content .highlight{background:var(--soft);border-radius:0;border-left:2px solid var(--accent);padding:1.25rem}
/* 5 · Working areas: small specimen in the masthead; full width for the task. */
.page-family-5{--family-rule:var(--ink)}
.page-family-5 .compact-opening{grid-template-columns:minmax(0,1.5fr) minmax(210px,.6fr);padding-block:1.2rem 1.8rem;gap:2.5rem;margin-bottom:1.5rem}
.page-family-5 .compact-opening h1{font-size:clamp(2.3rem,4vw,3.5rem)}
.page-family-5 .compact-opening .editorial-figure img{height:135px}
.page-family-5 .compact-opening .parallel-title{font-size:1.1rem;margin-bottom:0}
.page-family-5 .page-content .typing-shell,.page-family-5 .page-content .lookup-box{border-radius:0;border:0;border-block:1px solid var(--line);box-shadow:none;background:var(--surface);padding:1.5rem 0}
.page-family-5 .page-content textarea{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.page-family-5 .page-content .font-record{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem 2rem;padding:2rem 0}
.page-family-5 .page-content .font-record>h2,.page-family-5 .page-content .font-record>h3{grid-column:1}
.page-family-5 .page-content .font-record>:not(h2):not(h3){grid-column:2}
.page-family-5 .page-content .font-record img{max-height:360px;object-fit:contain;object-position:left}
/* 6 · Exercises share the editorial frame. Games keep their scene and interaction CSS. */
.page-family-6:not(.locked-game){--family-rule:var(--accent)}
.page-family-6:not(.locked-game) .page-content .editorial-surface{padding-block:1.5rem}
.page-family-6:not(.locked-game) .page-content .typing-shell{box-shadow:none;border-radius:0;background:var(--surface)}
.page-family-6.locked-game .page-content{--cream:var(--paper);--pine:var(--ink);--rust:var(--accent)}
.page-family-6.locked-game .breadcrumbs{font-size:.72rem;padding-block:.7rem}
/* 7 · Essays and institution: prose with an image margin; profiles in readable rows. */
.page-family-7 .page-content .essay-section{max-width:86ch;margin-inline:auto;padding:2.3rem 0;border-bottom:1px solid var(--line)}
.page-family-7 .page-content .essay-section p{line-height:1.8}
.page-family-7 .page-content .portrait{width:185px;margin:0 0 1.5rem 2rem}
.page-family-7 .about-intro{padding:2rem 0 3rem}
.page-family-7 .about-intro .intro-prose{max-width:66ch;font-size:1.04rem;line-height:1.75}
.page-family-7 .about-intro .context-figure img{height:auto;max-height:280px;object-fit:contain}
.page-family-7 .about-intro .context-figure figcaption .dsrt{display:block;margin-top:.5rem}
.page-family-7 .about-page .essay-layout{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.6fr);gap:2rem 4rem;padding-block:3rem;border-bottom:1px solid var(--line)}
.page-family-7 .about-page .prose{max-width:74ch}
.page-family-7 .research-section{background:var(--soft);padding-block:3rem}
.page-family-7 .research-grid{display:block;margin-top:1.5rem}
.page-family-7 .research-item{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 3rem;padding:1.5rem 0;border-top:1px solid #bac4b4}
.page-family-7 .research-item>h3{grid-column:1;grid-row:1/5}
.page-family-7 .research-item>:not(h3){grid-column:2;max-width:72ch}
.page-family-7 .team-grid{display:block}
.page-family-7 .team-member{display:grid;grid-template-columns:180px minmax(0,1fr);gap:2rem;padding:2rem 0;border-top:1px solid var(--line);background:none}
.page-family-7 .team-member .team-photo{width:180px;height:190px;object-fit:cover;object-position:top}
.page-family-7 .profile-copy{max-width:68ch}
.page-family-7 .profile-copy h3{font-size:1.7rem;margin-bottom:.65rem}
.page-family-7 .profile-copy .name-reading{font-size:1.2rem;color:var(--accent)}
.page-family-7 #contact{padding-block:3rem;border-top:1px solid var(--line)}
.page-family-7 #contact .contact-card{background:transparent;border-left:2px solid var(--accent);padding:.3rem 0 .3rem 1.5rem}
.page-family-7 #contact .contact-card p{margin:.25rem 0}
/* 8 · Publications and media: bibliographic entries, not cards. */
.page-family-8{--family-rule:var(--accent)}
.page-family-8 .news-list,.page-family-8 .presentation-list{list-style:none;padding:0;margin:0;max-width:90ch}
.page-family-8 .news-list li,.page-family-8 .presentation-list li{padding:1.5rem 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent!important;box-shadow:none;line-height:1.8;margin:0}
.page-family-8 .news-list li strong,.page-family-8 .presentation-list li strong{font:400 1.3rem/1.5 var(--serif);color:var(--ink)}
.page-family-8 .publication-card{max-width:80ch;margin:0!important;border:0!important}
.page-family-8 .publication-card h3{font-size:2rem}
.page-family-8 .pub-authors{color:var(--accent)}
.page-family-8 .page-content>section{border-top:1px solid var(--line)}
/* Shared responsive behavior: preserve reading order and avoid shrinking the tools. */
@media(max-width:900px){
 .idc-interior .editorial-opening{grid-template-columns:minmax(0,1.3fr) minmax(200px,.8fr);gap:2rem}
 .page-family-2 .document-opening{grid-template-columns:minmax(220px,.75fr) minmax(0,1.2fr);gap:2rem}
 .page-family-2 .document-art{grid-template-columns:1fr}
 .page-family-2 .document-art:has(>figure+figure) .document-figure img{max-height:240px}
 .page-family-7 .research-item{grid-template-columns:180px minmax(0,1fr);gap:0 2rem}
 .page-family-7 .about-page .essay-layout{grid-template-columns:1fr;gap:.5rem}
 .idc-interior .directory-entry{gap:1.2rem 2rem}
}
@media(max-width:650px){
 .idc-interior .editorial-opening{display:flex;flex-direction:column;align-items:stretch;gap:1.7rem;padding-block:1rem 2rem;margin-bottom:1.5rem}
 .idc-interior .opening-copy h1{font-size:clamp(2.3rem,9vw,3.25rem)}
 .idc-interior .editorial-figure img{height:210px}
 .idc-interior .editorial-figure.portrait img{height:250px}
 .idc-interior .editorial-figure.wordform img{height:145px}
 .idc-interior .editorial-figure.cover img{height:275px;object-position:left}
 .idc-interior .directory-entry{grid-template-columns:1fr;gap:.8rem;padding:1.4rem 0}
 .idc-interior .directory-entry>h2,.idc-interior .directory-entry>h3{max-width:100%}
 .page-family-2 .document-opening{display:flex;flex-direction:column;padding:1rem 0 2rem;gap:2rem}
 .page-family-2 .document-heading{order:0;width:100%}
 .page-family-2 .document-art{order:1;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
 .page-family-2 .document-art:has(>figure:only-child){max-width:100%}
 .page-family-2 .document-art:has(>figure:only-child) .document-figure{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:1rem}
 .page-family-2 .document-figure figcaption{padding-top:.65rem}
 .page-family-2 .document-art:has(>figure:only-child) figcaption{padding-top:0}
 .page-family-2 .document-heading h1{font-size:clamp(2.25rem,8vw,3rem)}
 .page-family-2 .document-script{font-size:1.25rem}
 .page-family-2 .related-grid>a{align-items:flex-start;flex-wrap:wrap}
 .page-family-4 .section-index{grid-template-columns:1fr;gap:0}
 .page-family-5 .compact-opening .editorial-figure img{height:100px;object-position:left}
 .page-family-5 .page-content .font-record{display:block}
 .page-family-7 .research-item{display:block}
 .page-family-7 .team-member{grid-template-columns:100px minmax(0,1fr);gap:1.2rem}
 .page-family-7 .team-member .team-photo{width:100px;height:125px}
 .page-family-7 .profile-copy h3{font-size:1.4rem}
 .page-family-7 .profile-copy .name-reading{font-size:1rem}
 .page-family-7 .page-content .portrait{float:none;width:185px;margin:0 0 1.25rem}
 .idc-interior:not(.locked-game) .page-content .keyboard-row{flex-wrap:wrap;margin-left:0}
 .idc-interior .document-nav,.idc-interior .page-nav{gap:0 1rem}
 .idc-interior .document-nav>span,.idc-interior .page-nav>span{flex-basis:100%;min-height:30px}
}
@media(max-width:380px){
 .page-family-2 .document-art{grid-template-columns:1fr}
 .page-family-2 .document-art .document-figure{display:grid;grid-template-columns:100px minmax(0,1fr);gap:1rem}
 .page-family-2 .document-figure figcaption{padding-top:0}
 .page-family-7 .team-member{grid-template-columns:1fr}
 .idc-interior .breadcrumbs{font-size:.7rem;gap:.45rem}
}
@media(prefers-reduced-motion:reduce){.idc-interior{scroll-behavior:auto}}
@media print{
 .idc-interior .site-header,.idc-interior .site-footer,.idc-interior .section-index,.idc-interior .page-nav,.idc-interior .document-nav{display:none}
 .idc-interior .editorial-opening,.page-family-2 .document-opening{display:block}
 .idc-interior .editorial-figure,.page-family-2 .document-art{max-width:300px;margin-block:1rem}
 .idc-interior .editor-note{display:none}
 .idc-interior .wrap{width:100%}
}
.idc-interior .source-directory small,.idc-interior .map-family{display:block;font:.76rem/1.55 var(--sans);color:var(--muted);margin-top:.2rem}
.idc-interior .directory-intro{max-width:70ch;font-size:1.05rem;margin-bottom:2rem}
/* Page-specific tables remain functional; their scrolling is contained. */
.idc-interior .page-content .table-scroll table{min-width:560px}
/* Unframed image: complete, uncropped, natural proportions. */
.idc-interior figure.editorial-figure.unframed-figure {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.idc-interior figure.editorial-figure.unframed-figure > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}