html{
  scroll-behavior:auto}
.guide-page{
  --accent:#175e68;
  --soft:#edf3f1;
  font-size:18px;
  line-height:1.65}
.guide-page header,.guide-page main,.guide-page footer{
  max-width:1220px;
  padding-left:32px;
  padding-right:32px}
.guide-page header{
  padding-top:28px;
  padding-bottom:28px}
.guide-page h1{
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.15;
  letter-spacing:-.035em;
  margin:14px 0 18px;
  max-width:24ch}
.guide-page h2{
  font-size:1.8rem;
  line-height:1.25;
  letter-spacing:-.025em;
  margin:0 0 16px}
.guide-page h3{
  font-size:1.25rem;
  line-height:1.4;
  margin:0 0 12px}
.guide-page p{
  margin:0 0 16px}
.guide-page a{
  color:#155c73;
  text-underline-offset:4px;
  overflow-wrap:anywhere}
.guide-page a:focus-visible,.guide-page button:focus-visible,.guide-page summary:focus-visible,.guide-page input:focus-visible,.guide-page textarea:focus-visible{
  outline:3px solid #9a4a00;
  outline-offset:4px}
.guide-page .site-brand{
  font-weight:750;
  font-size:22px}
.guide-nav{
  display:flex;
  gap:8px 24px;
  flex-wrap:wrap;
  margin:14px 0 24px}
.guide-nav a{
  font-size:17px;
  display:inline-flex;
  align-items:center;
  min-height:44px}
.guide-page .eyebrow,.guide-page .step-number{
  font-size:14px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#365d61;
  margin-bottom:12px}
.guide-page .lede{
  font-size:clamp(1.2rem,2.2vw,1.5rem);
  color:var(--ink);
  max-width:40ch;
  line-height:1.5}
.guide-page .intro{
  max-width:62ch;
  color:var(--muted)}
.guide-page .opening{
  border-top:1px solid var(--line);
  padding:28px 0;
  max-width:72ch}
.guide-page .screen-note{
  color:#526070;
  font-size:16px;
  max-width:68ch}
.guide-page .walk-step{
  display:grid;
  grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);
  gap:32px;
  padding:32px 0;
  border-top:1px solid var(--line);
  align-items:start}
.step-copy>*:last-child{
  margin-bottom:0}
.guide-page .step-copy h2{
  font-size:1.55rem}
.guide-page .action-link{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  font-weight:650;
  margin:4px 0 22px}
.guide-page .screen-figure{
  margin:0;
  min-width:0}
.guide-page .screen-link{
  display:block;
  text-decoration:none}
.guide-page .shot{
  position:relative;
  display:block;
  line-height:0;
  border:1px solid #bcc7cc;
  border-radius:9px;
  overflow:hidden;
  background:#fff}
.guide-page .shot img{
  display:block;
  width:100%;
  height:auto}
.guide-page .enlarge{
  display:block;
  font-size:16px;
  text-decoration:underline;
  text-align:right;
  padding:9px 0;
  min-height:44px}
.guide-page figcaption{
  font-size:16px;
  color:#526070;
  line-height:1.55;
  margin-top:10px}
.guide-page details{
  padding:0;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent;
  margin:20px 0 0}
.guide-page summary{
  font-size:17px;
  font-weight:650;
  min-height:44px;
  padding:12px 0;
  cursor:pointer}
.guide-page details p{
  font-size:18px;
  max-width:68ch}
.guide-page .source-note{
  padding:28px;
  background:var(--soft);
  margin:28px 0 32px;
  border-top:3px solid var(--accent)}
.source-note>p{
  max-width:75ch}
.guide-page .note-example{
  background:var(--paper);
  border:1px solid var(--line);
  padding:22px;
  margin:20px 0;
  font-size:18px}
.note-example p:last-child{
  margin-bottom:0}
.guide-page .terminal-section{
  border-top:1px solid var(--line);
  padding:12px 0;
  margin:24px 0}
.terminal-section>p{
  max-width:78ch}
.guide-page .terminal-step{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);
  gap:36px;
  margin:40px 0;
  align-items:start}
.guide-page .window-bar{
  display:flex;
  align-items:center;
  gap:24px;
  background:#eceeef;
  color:#424b53;
  padding:10px 14px;
  border-bottom:1px solid #c2c8cc;
  font-size:14px;
  line-height:1.4}
.window-bar>span:first-child{
  letter-spacing:4px;
  color:#6d757c}
.guide-page .terminal-illustration{
  border:1px solid #7f8c97;
  border-radius:9px;
  overflow:hidden;
  background:#1e242b;
  color:#f6f7f8}
.guide-page .terminal-illustration .window-bar{
  background:#343c46;
  color:#fff;
  border-color:#525c67}
.guide-page .terminal-illustration .window-bar>span:first-child{
  color:#c3cbd0}
.guide-page .terminal-body{
  padding:22px;
  min-height:165px;
  font:16px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;
  overflow-wrap:anywhere;
  white-space:normal}
.guide-page .terminal-body p{
  margin:0 0 16px}
.guide-page .terminal-body .terminal-callout{
  color:#bfddcf;
  font:16px/1.5 system-ui,sans-serif;
  margin:24px 0 0}
.cursor{
  color:#c6e6d5}
.guide-page .terminal-output{
  color:#c7d0d7}
.guide-page .spotlight{
  background:#edf0f3;
  border:1px solid #b4bdc5;
  border-radius:12px;
  padding:16px;
  max-width:100%;
  box-shadow:0 8px 22px #27354412}
.spotlight-search{
  background:#fff;
  border:1px solid #b4bdc5;
  padding:10px 14px;
  border-radius:7px;
  font-size:23px;
  display:flex;
  gap:16px;
  align-items:center}
.spotlight-result{
  display:flex;
  align-items:center;
  gap:16px;
  background:#245da8;
  color:#fff;
  border-radius:6px;
  padding:14px;
  margin-top:12px;
  font-size:16px;
  line-height:1.5}
.terminal-icon{
  background:#20262d;
  border:1px solid #d1d8dc;
  font:24px/1.4 monospace;
  padding:6px;
  border-radius:5px}
.return-key{
  margin-left:auto;
  font-size:25px}
.finder-example{
  border:1px solid #b4bdc5;
  border-radius:9px;
  overflow:hidden;
  background:#fff}
.finder-layout{
  display:grid;
  grid-template-columns:120px 1fr;
  min-height:190px}
.finder-sidebar{
  background:#e8eef2;
  padding:16px 10px;
  color:#465562;
  font-size:14px;
  line-height:2.6}
.finder-sidebar span{
  display:block;
  background:#ccdce9;
  border-radius:5px;
  padding-left:5px;
  font-weight:650}
.finder-files{
  padding:28px 18px;
  overflow-wrap:anywhere;
  font-size:16px}
.finder-files p{
  color:#526070;
  font-size:14px;
  margin:8px 0 0}
.pdf-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #aab3bb;
  border-top:6px solid #a44932;
  width:48px;
  height:60px;
  margin-bottom:12px;
  color:#803923;
  font-weight:700}
.guide-page .command-builder{
  padding:28px;
  border:1px solid #aebdc6;
  background:#fff;
  border-radius:9px;
  margin:36px 0}
.command-builder label{
  display:block;
  font-weight:700;
  margin:16px 0 7px}
.command-builder input,.command-builder textarea{
  width:100%;
  min-width:0;
  border:1px solid #657985;
  border-radius:5px;
  padding:12px;
  font:16px/1.6 ui-monospace,monospace;
  color:var(--ink);
  background:#fbfcfc}
.command-builder textarea{
  resize:vertical;
  min-height:130px}
.command-builder button{
  background:#175e68;
  color:white;
  border-color:#175e68;
  min-height:44px;
  padding:10px 16px;
  font-weight:600;
  margin:12px 0}
.command-builder button:hover{
  background:#10444c}
.command-builder #link-help{
  font-size:16px;
  color:#526070;
  margin-top:10px}
.command-builder #command-status{
  margin:8px 0}
.guide-page .small{
  font-size:16px;
  color:#526070;
  margin-top:18px}
.troubleshooting dt{
  font-weight:700;
  margin-top:16px}
.troubleshooting dd{
  margin-left:0;
  margin-top:4px;
  max-width:76ch}
.guide-page .further{
  padding:36px 0 50px;
  border-top:1px solid var(--line)}
.research-content{
  padding-top:22px}
.research-content .section{
  border-top:1px solid var(--line);
  padding:26px 0}
.research-content .section-head{
  display:flex;
  gap:12px;
  align-items:baseline}
.research-content .section-head .number{
  font-size:14px;
  color:#526070}
.research-content h3{
  font-size:1.4rem}
.research-content h4{
  font-size:1.15rem;
  margin:0 0 12px}
.research-content p,.research-content dl{
  max-width:78ch}
.research-content .note{
  background:#fff;
  border:1px solid var(--line);
  padding:20px;
  margin-top:18px}
.guide-page footer{
  padding-top:24px;
  padding-bottom:32px;
  border-top:1px solid var(--line);
  font-size:15px;
  color:#526070}
.guide-page [id]{
  scroll-margin-top:24px}
.guide-page .preview-banner{
  text-align:center;
  font-size:14px;
  letter-spacing:.05em;
  padding:8px;
  background:#e9eff0;
  color:#42545c}

@media(max-width:800px){
  .guide-page .walk-step,.guide-page .terminal-step{
  grid-template-columns:minmax(0,1fr);
  gap:22px}
.step-copy{
  max-width:68ch}
.guide-page .walk-step{
  padding:32px 0}
.guide-page header,.guide-page main,.guide-page footer{
  padding-left:20px;
  padding-right:20px}
.guide-page .source-note{
  padding:24px}
.guide-nav{
  margin-bottom:20px}
.guide-page .screen-figure{
  width:100%}
}

@media(max-width:400px){
  .guide-page{
  font-size:18px}
.guide-page header,.guide-page main,.guide-page footer{
  padding-left:16px;
  padding-right:16px}
.guide-page .source-note,.guide-page .command-builder{
  padding:18px}
.guide-page .note-example{
  padding:16px}
.finder-layout{
  grid-template-columns:88px 1fr}
.finder-sidebar{
  padding:12px 6px;
  font-size:14px}
.finder-files{
  padding:18px 12px}
.guide-page .terminal-body{
  font-size:15px;
  padding:16px}
.guide-page h2{
  font-size:1.5rem}
.guide-nav{
  gap:4px 18px}
}

@media(prefers-reduced-motion:reduce){
  *{
  scroll-behavior:auto!important}
}
@media print{
  .preview-banner,.guide-nav,.enlarge,.command-builder{
  display:none}
.guide-page details>*{
  display:block}
.guide-page .walk-step{
  break-inside:avoid}
.guide-page a{
  color:inherit}
.guide-page .terminal-illustration{
  background:#fff;
  color:#000}
}


.guide-page .roadmap{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  list-style:none;
  padding:0;
  margin:22px 0 0;
  max-width:72ch;
  font-size:16px;
  color:var(--muted)}

.guide-page .roadmap li{
  white-space:nowrap}
.roadmap span{
  margin-left:8px}

.guide-page .example-brief{
  margin:20px 0 18px;
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:20px 32px}

.guide-page .example-brief dt,.guide-page .checkpoint dt,.guide-page .note-example dt,.guide-page .source-details dt{
  font-size:14px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#365d61;
  margin:0 0 4px}

.guide-page .example-brief dd,.guide-page .checkpoint dd,.guide-page .note-example dd,.guide-page .source-details dd{
  margin:0;
  overflow-wrap:anywhere}

.guide-page .example-brief dd{
  font-size:19px;
  line-height:1.5}

.guide-page .checkpoint{
  border-left:3px solid var(--accent);
  padding:4px 0 4px 16px;
  margin:20px 0}

.guide-page .checkpoint>div+div{
  margin-top:12px}

.guide-page .checkpoint dd{
  font-size:18px;
  line-height:1.55}

.guide-page .save-reason{
  font-size:17px;
  line-height:1.65;
  color:var(--muted);
  max-width:65ch}

.guide-page .shot svg{
  width:100%;
  height:auto;
  display:block}

.guide-page .shot .crop-mobile{
  display:none}

.guide-page .crop-outline{
  fill:none;
  stroke:#9a4a00;
  stroke-width:2.5px}

.guide-page .save-check{
  padding:22px 0;
  border-top:1px solid var(--line);
  max-width:72ch}

.guide-page .save-check h2{
  font-size:1.3rem;
  margin:0 0 12px}

.guide-page .save-check .step-number{
  margin-bottom:6px}

.guide-page .save-check .screen-figure{
  max-width:560px;
  margin:20px 0}

.guide-page .note-principle{
  max-width:64ch}

.guide-page .note-example{
  max-width:72ch;
  margin-left:0}

.guide-page .note-example>div+div{
  border-top:1px solid var(--line);
  padding-top:16px;
  margin-top:16px}

.guide-page .note-example dd{
  max-width:64ch}

.guide-page .source-details{
  font-size:17px;
  max-width:70ch;
  margin:20px 0}

.guide-page .source-details>div+div{
  margin-top:16px}

.guide-page .source-details a{
  display:inline-flex;
  align-items:center;
  min-height:44px}

.guide-page .terminal-section>summary{
  padding:12px 0;
  font-weight:500}

.guide-page .terminal-section>summary h2{
  display:inline;
  font-size:1.3rem;
  margin:0}

.guide-page .optional-label{
  display:block;
  font-size:16px;
  color:var(--muted);
  margin:4px 0 0 21px}

.guide-page .terminal-section[open]>summary{
  margin-bottom:20px}

.guide-page .terminal-section .screen-note{
  font-size:16px}

.guide-page .further>p{
  max-width:68ch}

.guide-page .step-copy>details{
  margin-top:16px}

@media(max-width:600px){
  
 .guide-page .example-brief{
  grid-template-columns:1fr;
  gap:16px}

 .guide-page .shot .crop-desktop{
  display:none}
.guide-page .shot .crop-mobile{
  display:block}

 .guide-page .source-note{
  padding:22px 18px}
.guide-page .note-example{
  padding:18px}

 .guide-page .guide-nav{
  gap:4px 18px}

 .guide-page .walk-step{
  gap:16px;
  padding:26px 0}

 .guide-page .step-copy .action-link{
  margin-bottom:8px}

 .guide-page .roadmap{
  font-size:16px;
  row-gap:8px}

}

/* Explicitly hide closed disclosure content for consistent browser/audit visibility. */
.guide-page details:not([open]) > :not(summary) { display: none; }