/* Compact, explicit disclosure: all original note text stays available. */
.privacy-opening.compact-note{margin:0 0 20px}
.privacy-opening.compact-note>details{margin:0;border:1px solid #cbd7e7;border-radius:16px;background:#f3f6fb;overflow:clip}
.privacy-opening.compact-note>details>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:18px 20px;align-items:center}
.compact-note summary h2{margin:0;color:#354d70;font:600 27px/1.15 "Barlow Condensed",sans-serif;letter-spacing:0}
.compact-note .note-preview{grid-column:1/-1;color:#53637a;font:400 15px/1.5 Barlow,sans-serif;max-width:76ch}
.compact-note .note-action{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#354f74;font:600 13px/1.2 Barlow,sans-serif}
.compact-note .privacy-toggle{flex-basis:24px;width:24px;height:24px}
.compact-note .privacy-toggle:before,.compact-note .privacy-toggle:after{left:6px;top:10px;width:12px;height:3px}
.compact-note .note-hide,.compact-note details[open] .note-read{display:none}
.compact-note details[open] .note-hide{display:inline}
.compact-note .note-origin{padding:24px;border-top:1px solid #d7dfe9}
.compact-note .note-origin h3{margin:0 0 16px;font:600 27px/1.2 "Barlow Condensed",sans-serif;color:#354d70}
.compact-note .note-origin p{font:400 17px/1.7 Barlow,sans-serif;color:#35445b;margin:0 0 1em;max-width:78ch}
.compact-note .note-close{display:block;max-width:calc(100% - 40px);margin:0 20px 20px;padding:12px 16px;border:1px solid #a9bdd7;border-radius:9px;background:#e4edf8;color:#354f74;font:600 15px/1.4 Barlow,sans-serif;cursor:pointer}
.compact-note .note-close:focus-visible{outline:3px solid #426c9b;outline-offset:3px}
@media(max-width:760px){
 .privacy-opening.compact-note>details>summary{padding:14px;gap:7px 10px}
 .compact-note summary h2{font-size:23px}
 .compact-note .note-preview{font-size:14px;line-height:1.45}
 .compact-note .note-action{font-size:12px;gap:6px}
 .compact-note .note-origin{padding:18px}
 .letter #personal-intro.hero{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px 14px;padding:18px;margin-bottom:14px;align-items:start}
 .letter #personal-intro .hero-copy{display:contents}
 .letter #personal-intro h1{grid-column:1;grid-row:1;margin:0;font-size:38px;line-height:1.02;letter-spacing:-.9px}
 .letter #personal-intro h1 .longer-title{font-size:.6em;line-height:1.12;margin-top:8px}
 .letter #personal-intro .portrait{grid-column:2;grid-row:1;margin:0;width:96px;max-width:none;align-self:center}
 .letter #personal-intro .portrait img{width:96px;height:96px;aspect-ratio:1;object-fit:cover;border-radius:10px}
 .letter #personal-intro .portrait figcaption{margin:5px 0 0;font-size:10px;line-height:1.25;text-align:center}
 .letter #personal-intro .intro,.letter #personal-intro .second{grid-column:1/-1;max-width:none;margin:0;font-size:16px;line-height:1.45}
 .letter #personal-intro .intro{grid-row:2}
 .letter #personal-intro .second{grid-row:3}
}
@media(max-width:350px){
 .letter #personal-intro.hero{padding:14px;grid-template-columns:minmax(0,1fr) 76px;column-gap:10px}
 .letter #personal-intro h1{font-size:32px}
 .letter #personal-intro .portrait,.letter #personal-intro .portrait img{width:76px}
 .letter #personal-intro .portrait img{height:76px}
 .compact-note summary h2{font-size:21px}
 .compact-note .note-action{font-size:11px}
}

@media(max-width:760px){
 .compact-note+#things.overview{margin-top:0;padding-top:14px;padding-bottom:16px}
}
@media(max-width:760px) and (max-height:740px){
 .letter #personal-intro.hero{padding:14px;grid-template-columns:minmax(0,1fr) 80px;gap:8px 12px}
 .letter #personal-intro h1{font-size:34px}
 .letter #personal-intro .portrait,.letter #personal-intro .portrait img{width:80px}
 .letter #personal-intro .portrait img{height:80px}
 .privacy-opening.compact-note{margin-bottom:14px}
}
@media(max-width:760px) and (max-height:740px){.compact-note+#things.overview h2{font-size:32px;line-height:1.15}}
@media(max-width:760px) and (max-height:740px){.privacy-opening.compact-note{margin-bottom:6px}.compact-note+#things.overview{padding-top:6px}}