/* Read the three perspectives without an extra opening action. */
.ace-day-reading{border-block:1px solid var(--ace-rule);padding:30px 0;margin:24px 0 34px;scroll-margin-top:25px}
.ace-reading-header{margin-bottom:25px}
.ace-reading-header .ace-kicker{margin-bottom:8px}
.ace-reading-header h2{font-size:clamp(25px,2.7vw,33px);line-height:1.7;margin:0 0 12px}
.ace-reading-header>p:last-child{font-size:18px;line-height:1.9;margin:0}
.ace-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ace-reading-card{border-top:3px solid #9aaec1;padding:20px 14px 16px;min-width:0;display:flex;flex-direction:column}
.ace-reading-sensemaking{border-top-color:#a7a2ad}.ace-reading-judgment{border-top-color:#bda88b}
.ace-reading-name{font-size:17px;line-height:1.8;min-height:3.6em;margin:0 0 7px;color:#455a73}
.ace-reading-card h4{font-size:24px;line-height:1.7;margin:0 0 18px;min-height:3.4em}
.ace-reading-figure{margin:0 auto 14px;max-width:360px;width:100%}
.ace-practice-diagram{width:100%;height:auto;display:block;overflow:visible}
.ace-practice-diagram text{font-family:var(--serif)}
.ace-practice-diagram .ace-diagram-note{fill:#42546c}
.ace-practice-diagram .ace-diagram-environment{fill:#fff;stroke-dasharray:5 4}
.ace-practice-diagram .ace-diagram-return{stroke-dasharray:5 3}
.ace-reading-role{font-size:18px;line-height:1.9;margin:0 0 22px;flex:1}
.ace-reading-links{border-top:1px solid var(--ace-rule);padding-top:13px}
.ace-reading-links>p{font-size:16px;line-height:1.8;color:var(--ace-muted);margin:0 0 6px}
.ace-reading-links nav{display:flex;gap:3px 14px;flex-wrap:wrap}
.ace-reading-links nav a,.ace-reading-more{font-size:16px;line-height:1.8;padding:7px 0;text-underline-offset:5px}
.ace-reading-more{display:inline-block;margin-top:8px}
.ace-reading-connection{font-size:18px;line-height:1.95;margin:22px 0 0;border-left:3px solid #adbed0;padding-left:18px;max-width:1000px!important}
.ace-all-habits .ace-scene-copy>.ace-emotion-visible{font-size:20px;line-height:1.9;color:#435671;padding:0;border:0;margin:5px 0 16px}

/* One role-specific moment introduces the three questions before the day-wide analysis. */
.ace-reading-frame {
  display: grid;
  grid-template-columns: minmax(90px, 144px) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  margin: 0 0 16px;
}
.ace-reading-frame-art { width: 100%; max-width: 144px; }
.ace-reading-frame-label { margin: 0 0 4px; font-size: 16px; color: var(--ace-muted); line-height: 1.8; }
.ace-reading-frame-message { margin: 0 0 5px; color: var(--ace-ink); font-size: clamp(20px, 2vw, 24px); line-height: 1.75; }
.ace-reading-frame-context { margin: 0; font-size: 17px; line-height: 1.85; }
.ace-reading-frame-questions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-block: 1px solid var(--ace-rule);
  margin: 0;
}
.ace-reading-frame-questions > div { padding: 14px 18px; border-left: 1px solid var(--ace-rule); }
.ace-reading-frame-questions > div:first-child { padding-left: 0; border-left: 0; }
.ace-reading-frame-questions > div:last-child { padding-right: 0; }
.ace-reading-frame-questions dt { margin: 0 0 5px; color: var(--ace-muted); font-size: 16px; line-height: 1.8; }
.ace-reading-frame-questions dd { margin: 0; color: var(--ace-ink); font-size: 18px; line-height: 1.85; }
.ace-reading-role-title { margin: 25px 0 14px; font-size: 23px; line-height: 1.7; }

@media(max-width:1000px){
 .ace-reading-grid{grid-template-columns:1fr;gap:25px}
 .ace-reading-card{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);column-gap:28px;padding:20px 16px}
 .ace-reading-name,.ace-reading-card h4{grid-column:1/-1;min-height:0}
 .ace-reading-name{margin-bottom:5px}.ace-reading-card h4{margin-bottom:18px}
 .ace-reading-figure{grid-column:1;grid-row:3/5;margin:0}
 .ace-reading-role{grid-column:2;grid-row:3;align-self:end;margin-bottom:20px}
 .ace-reading-links{grid-column:2;grid-row:4;align-self:start}
}
@media(max-width:680px){
 .ace-day-reading{padding-block:23px;margin-block:18px 26px}
 .ace-reading-header h2{font-size:26px}
 .ace-reading-header>p:last-child{font-size:18px}.ace-reading-header br{display:none}
 .ace-reading-card{display:flex;padding:18px 8px 16px}
 .ace-reading-name{font-size:17px}.ace-reading-card h4{font-size:24px;margin-bottom:15px;min-height:0}
 .ace-reading-figure{margin:0 auto 15px;max-width:330px}
 .ace-reading-role{margin-bottom:18px}.ace-reading-links nav{gap:3px 18px}
 .ace-reading-connection{font-size:18px;padding-left:13px}
 .ace-all-habits .ace-scene-copy>.ace-emotion-visible{font-size:19px;margin-bottom:12px}
}
@media (max-width: 680px) {
  .ace-reading-header { margin-bottom: 16px; }
  .ace-reading-frame {
    grid-template-columns: minmax(0, 1fr) 80px;
    align-items: start;
    gap: 10px;
    margin-bottom: 10px;
  }
  .ace-reading-frame-art { grid-column: 2; grid-row: 1; }
  .ace-reading-frame-copy { grid-column: 1; grid-row: 1; }
  .ace-reading-frame-label { font-size: 16px; }
  .ace-reading-frame-message { font-size: 20px; }
  .ace-reading-frame-questions { grid-template-columns: minmax(0, 1fr); }
  .ace-reading-frame-questions > div,
  .ace-reading-frame-questions > div:first-child,
  .ace-reading-frame-questions > div:last-child { padding: 9px 0; border-left: 0; }
  .ace-reading-frame-questions > div + div { border-top: 1px solid var(--ace-rule); }
  .ace-reading-frame-questions dt { margin-bottom: 2px; }
  .ace-reading-role-title { margin-top: 20px; font-size: 22px; }
}
@media print{
 .ace-day-reading{break-inside:auto}.ace-reading-grid{display:block}
 .ace-reading-card{display:block;break-inside:avoid;margin-bottom:24px}
 .ace-reading-card h4,.ace-reading-name{min-height:0}
 .ace-reading-figure{max-width:260px}.ace-reading-links{display:none}
}


/* Three views of the same work connect in both directions and return from response. */
.ace-reading-related .ace-reading-header{margin-bottom:18px}
.ace-reading-related .ace-reading-header>p:last-child{font-size:18px;line-height:1.85;max-width:50em}
.ace-reading-case{margin:0 0 22px;padding:12px 0 15px;border-block:1px solid #bdcad7}
.ace-reading-case-label{font-size:16px;line-height:1.7;color:#4b617a;margin:0 0 4px}
.ace-reading-case .ace-reading-role-title{font-size:clamp(20px,2vw,25px);line-height:1.7;margin:0;font-weight:500}
.ace-reading-related .ace-reading-grid{gap:38px;align-items:stretch}
.ace-reading-related .ace-reading-card{position:relative;padding:16px 6px 12px}
.ace-reading-related .ace-reading-card+.ace-reading-card::before{position:absolute;content:'⇄';left:-33px;top:116px;color:#657d95;font-size:27px;line-height:1;width:28px;text-align:center}
.ace-reading-related .ace-reading-name{min-height:0;margin:0 0 8px;font-size:17px;line-height:1.8}
.ace-reading-related .ace-reading-card h4{min-height:3.4em;font-size:23px;line-height:1.65;margin:0 0 12px}
.ace-reading-scene{margin:0 auto 16px;width:100%;max-width:320px}
.ace-reading-scene-window{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden}
.ace-reading-scene-window>img{position:absolute;display:block;top:0;left:calc(-100% * var(--ace-lens-panel));width:300%;max-width:none;height:100%;object-fit:cover}
.ace-reading-example{font-size:18px;line-height:1.85;margin:0 0 14px;flex:1;overflow-wrap:anywhere}
.ace-reading-structure{margin:0 0 16px;font-size:16px;line-height:1.8}
.ace-reading-structure>summary{cursor:pointer;padding:6px 0;color:#355473}
.ace-reading-structure .ace-reading-figure{margin:12px auto;max-width:320px}
.ace-reading-structure .ace-reading-role{font-size:17px;line-height:1.85;margin:0 0 8px}
.ace-reading-structure>summary:focus-visible{outline:3px solid #9b6a31;outline-offset:3px}
.ace-reading-return{margin:20px 0 0;border-block:1px solid #b8c9d7;padding:14px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:center}
.ace-reading-return p{margin:0;font-size:17px;line-height:1.8;min-width:0}
.ace-reading-return p:first-child strong{display:block;font-weight:600;color:#153957}
.ace-reading-return p:first-child>span{display:block;color:#425b74;margin-top:4px}
.ace-reading-return p:last-child{display:flex;gap:12px;align-items:center;color:#153957}
.ace-reading-return p:last-child strong{font-weight:500}
.ace-reading-return-arrow{font-size:30px;line-height:1;flex:none;color:#73899e}
@media(max-width:1000px){
 .ace-reading-related .ace-reading-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 .ace-reading-related .ace-reading-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 24px;padding:17px 10px}
 .ace-reading-related .ace-reading-card+.ace-reading-card::before{content:'⇅';top:-34px;left:calc(50% - 14px);font-size:26px}
 .ace-reading-related .ace-reading-name,.ace-reading-related .ace-reading-card h4{grid-column:1/-1;min-height:0}
 .ace-reading-scene{grid-column:1;grid-row:3/6;align-self:start;margin:0 auto;max-width:300px}
 .ace-reading-example{grid-column:2;grid-row:3;margin-bottom:12px}
 .ace-reading-structure{grid-column:2;grid-row:4}
 .ace-reading-related .ace-reading-links{grid-column:2;grid-row:5}
 .ace-reading-structure .ace-reading-figure{display:block;grid-column:auto;grid-row:auto;margin:12px auto}
 .ace-reading-structure .ace-reading-role{grid-column:auto;grid-row:auto;align-self:auto}
}
@media(max-width:680px){
 .ace-reading-related .ace-reading-header>p:last-child{font-size:17px}
 .ace-reading-case{margin-bottom:18px;padding:10px 0 12px}
 .ace-reading-case .ace-reading-role-title{font-size:21px;line-height:1.75}
 .ace-reading-related .ace-reading-card{display:flex;padding:15px 4px 12px}
 .ace-reading-related .ace-reading-card h4{font-size:24px;min-height:0;line-height:1.65;margin-bottom:12px}
 .ace-reading-related .ace-reading-name{font-size:17px}
 .ace-reading-scene{margin:0 auto 14px;max-width:300px}
 .ace-reading-example{font-size:18px;line-height:1.85;margin-bottom:12px}
 .ace-reading-structure{margin-bottom:12px}
 .ace-reading-return{grid-template-columns:minmax(0,1fr);gap:12px;padding:13px 0}
 .ace-reading-return p:last-child{padding-top:11px;border-top:1px solid #d3dce4}
}
@media print{
 .ace-reading-related .ace-reading-card{display:block}
 .ace-reading-related .ace-reading-card+.ace-reading-card::before{display:none}
 .ace-reading-related .ace-reading-name,.ace-reading-related .ace-reading-card h4{min-height:0}
 .ace-reading-scene{max-width:210px}
 .ace-reading-return{display:block}
 .ace-reading-return p+p{margin-top:10px}
}

.ace-lens-heading-phrase{display:inline-block;max-width:100%}