/* The chapter layout uses the same measure, paper and type scale as the masthead. */
body[data-frame-page] #main {
  --color: var(--frame-green);
  --ink: var(--frame-ink);
  --deep: var(--frame-green);
  --edge: var(--frame-line);
  --wash: #f0f0e9;
  --tint: #f0f0e9;
  --cw-section-line: var(--frame-line);
  --cw-section-ink: var(--frame-ink);
  --cw-accent: #e9ece4;
}

body:is([data-frame-page="areas"], [data-frame-page="article"]) > #main { padding: 0; }

body[data-frame-page] #main > section.block,
body[data-frame-page] #main > :is(.article-layout,.directory-layout) {
  margin-block: 0;
  padding: clamp(24px, 3.2vw, 46px) var(--frame-gutter) clamp(36px, 5vw, 68px);
  background: var(--frame-surface);
  color: var(--frame-ink);
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: start;
}

body[data-frame-page] #main > section.block :is(h1,h2,h3),
body[data-frame-page] #main :is(.directory-layout,.article-layout) :is(h1,h2,h3) {
  color: var(--frame-ink);
  letter-spacing: normal;
  font-weight: 700;
  text-shadow: none;
}

body[data-frame-page] #main > section.block > :is(h1,h2):first-of-type,
body[data-frame-page] #main :is(.directory-layout,.article-layout) h1 {
  max-width: 28em;
  margin: 0 0 .48em;
  font-size: clamp(1.55rem, 3vw, 2.55rem);
  line-height: 1.4;
}

body[data-frame-page] #main :is(.work-summary,.lead,.ag-gateway > p,#rb-local) {
  max-width: 46em;
  color: #46534e;
  font-size: 1rem;
  line-height: 1.85;
}

body[data-frame-page] #main .work-layout {
  align-items: start;
  gap: clamp(24px, 4.5vw, 72px);
  margin-block: 1.75rem;
}

body[data-frame-page] #work :is(.work-layout h3,.work-preparation > summary) {
  color: var(--frame-green);
  font-size: 1.05rem;
}

body[data-frame-page] #main .work-topics a,
body[data-frame-page] #main .related {
  border-color: var(--frame-line);
  color: var(--frame-green);
  text-decoration-thickness: 1px;
  text-underline-offset: .22em;
}

body[data-frame-page] #main .work-place-options dt {
  margin-block-start: .55em;
  font-size: .98rem;
}
body[data-frame-page] #main .work-preparation,
body[data-frame-page] #main .block > details {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--frame-line);
  border-radius: 0;
  box-shadow: none;
}
body[data-frame-page] #main .block > details > summary {
  min-height: 48px;
  padding: 13px 0;
  color: var(--frame-green);
  background: transparent;
}
body[data-frame-page] #main .block > details[open] {
  padding-bottom: 16px;
}
body[data-frame-page] #main .block .cards article {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--frame-line);
  border-radius: 0;
  padding: 12px 0 5px;
  box-shadow: none;
}
body[data-frame-page] #main #pay .cards article::before { content: none; }
body[data-frame-page] #main .blocklinks { gap: 4px 12px; }
body[data-frame-page] #main :is(.blocklinks,.edges) a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 4px 0;
  color: var(--frame-green);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: .93rem;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .23em;
}

body[data-frame-page] #main :is(.frameDemo.cw-privacy,.sd-pay-intro,.sk-result,.sk-choice,.picture-choice) {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-frame-page] #guide .sk-choice .cw-act,
body[data-frame-page] #guide .sk-choice:nth-child(2) .cw-act {
  color: var(--frame-green);
  background: #e9ece4;
}
body[data-frame-page] #main :is(.sd-scene,.sd-pay-art,.sd-privacy-art,.sk-art) { border-radius: 0; }

body[data-frame-page] #apply .contact-methods {
  margin: 1.25rem 0 clamp(24px, 4vw, 48px);
  align-items: stretch;
}
body[data-frame-page] #apply .contact-methods a {
  min-height: 48px;
  padding: 10px 20px;
  border: 1px solid var(--frame-green);
  border-radius: 2px;
  color: var(--frame-green);
  background: var(--frame-surface);
  box-shadow: none;
}
body[data-frame-page] #apply .contact-methods .line {
  color: white;
  background: var(--frame-green);
}
body[data-frame-page] #apply .consult-memo {
  max-width: 46em;
  padding-top: 20px;
  border-color: var(--frame-line);
}
body[data-frame-page] #main :is(textarea,select,input:not([type="radio"])) {
  max-width: 100%;
  color: var(--frame-ink);
  background: #fff;
  border: 1px solid #9fa9a1;
  border-radius: 2px;
}
body[data-frame-page] #apply textarea { font-size: 1rem; line-height: 1.7; }
body[data-frame-page] #main :is(input,textarea,select,button,summary,a):focus-visible {
  outline: 2px solid #85462f;
  outline-offset: 2px;
}

body[data-frame-page] #main .ag-directory { --ag-rule: var(--frame-line); --ag-label: var(--frame-ink); }
body[data-frame-page] #main .ag-search-tools { max-width: 44em; margin: 1.5rem 0 1.75rem; }
body[data-frame-page] #main .ag-clear { border-radius: 2px; }
body[data-frame-page] #main .ag-directory .ag-region-name {
  color: var(--frame-green);
  background: transparent;
  font-weight: 700;
}
body[data-frame-page] #main .ag-desktop .ag-row { padding-block: 5px; border-color: var(--frame-line); }
body[data-frame-page] #main .ag-desktop .ag-prefectures a {
  min-height: 40px;
  border: 0;
  border-radius: 0;
  color: var(--frame-green);
  background: transparent;
}
body[data-frame-page] #main .ag-region summary {
  justify-content: space-between;
  min-height: 48px;
  padding-inline: 12px;
  background: var(--frame-surface);
  color: var(--frame-ink);
}
body[data-frame-page] #main .ag-region[open] summary {
  color: var(--frame-green);
  background: #e9ece4;
}
body[data-frame-page] #main .ag-directory .ag-region {
  border-radius: 0;
  border: 0;
  border-top: 1px solid var(--frame-line);
}
body[data-frame-page] #main .ag-prefectures a:is(:hover,:focus-visible) strong { text-decoration: underline; text-underline-offset: .2em; }
body[data-frame-page] #main .article-layout .eyebrow {
  margin: 0 0 .6em;
  color: #8a4b36;
  letter-spacing: .02em;
}
body[data-frame-page] #main .article-layout :is(.hero,.try img,.tile) { border-radius: 0; }
body[data-frame-page] #main .article-layout .prompt {
  margin: 1.5em 0;
  padding: 1.2em 0 1.2em 1.3em;
  border-left: 2px solid #ad9e85;
  border-radius: 0;
  background: transparent;
}
body[data-frame-page] #main .article-layout .tile {
  padding: .65rem 0;
  border: 0;
  border-bottom: 1px solid var(--frame-line);
  background: transparent;
  color: var(--frame-green);
}
body[data-frame-page] #main .article-layout aside {
  margin-top: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--frame-line);
  border-radius: 0;
  background: transparent;
}
@media (max-width:959px) {
  body[data-frame-page] #main .ag-directory .ag-mobile { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 10px; }
}
@media (min-width:960px) {
  body[data-frame-page] #main .article-layout { grid-template-columns: minmax(0,1.7fr) minmax(230px,.8fr); }
  body[data-frame-page] #main .article-layout aside {
    padding-left: clamp(20px,3vw,40px);
    border-top: 0;
    border-left: 1px solid var(--frame-line);
  }
}