/* Only loaded by dried-abalone detail. Existing shared stylesheet is untouched. */
.abalone-page .hero-actions {flex-wrap:wrap; margin-bottom:18px}
.abalone-page .hero-actions .button {padding:12px 20px; line-height:1.65; text-align:center}
.abalone-page .abalone-hero-note {font-size:13px; color:var(--muted); margin:0}
.abalone-page .abalone-hero-note a {text-decoration:underline; text-underline-offset:4px}
.abalone-page .abalone-grades article {min-height:0}
.abalone-page .abalone-grades h3 {margin-top:20px; font-size:27px}
.abalone-page .abalone-grades p {font-size:16px; color:var(--ink); margin-bottom:0}
.abalone-page .abalone-recipes {padding-block:90px}
.abalone-page .abalone-recipe-note {font-size:14px; max-width:850px; color:var(--muted); margin:0 0 28px}
.abalone-page .abalone-recipe-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:start}
.abalone-page .abalone-recipe {min-width:0; background:var(--paper); border:1px solid var(--line)}
.abalone-page .abalone-recipe figure {margin:0}
.abalone-page .abalone-recipe img {display:block; width:100%; height:auto; aspect-ratio:1/1}
.abalone-page .abalone-recipe figcaption {padding:10px 18px; font-size:12px; line-height:1.65; color:var(--muted); background:var(--beige)}
.abalone-page .abalone-recipe-body {padding:30px}
.abalone-page .abalone-recipe-body .eyebrow {margin-bottom:14px}
.abalone-page .abalone-recipe h3 {font-size:26px; margin-bottom:16px}
.abalone-page .abalone-recipe-body>p:not(.eyebrow) {font-size:15px; margin-bottom:26px}
.abalone-page .abalone-recipe-details {border-top:1px solid var(--line)}
.abalone-page .abalone-recipe-details summary {padding:18px 32px 4px 0; color:var(--green); font-size:15px; font-weight:700; cursor:pointer; position:relative; list-style:none; min-height:50px}
.abalone-page .abalone-recipe-details summary::-webkit-details-marker {display:none}
.abalone-page .abalone-expand {position:absolute; width:16px; height:16px; right:2px; top:23px}
.abalone-page .abalone-expand::before,.abalone-page .abalone-expand::after {content:""; position:absolute; background:currentColor; inset:7px 0 auto; height:2px}
.abalone-page .abalone-expand::after {transform:rotate(90deg)}
.abalone-page details[open] .abalone-expand::after {display:none}
.abalone-page .abalone-recipe-method {padding-top:20px; font-size:15px; line-height:1.9}
.abalone-page .abalone-recipe-method ol {padding-left:24px; margin:24px 0}
.abalone-page .abalone-recipe-method li+li {margin-top:18px}
.abalone-page .abalone-recipe-method li::marker {color:var(--green); font-weight:700}
.abalone-page .abalone-recipe-method li strong {display:block}
.abalone-page .abalone-text-link {font-size:14px; text-decoration:underline; text-underline-offset:4px; color:var(--green)}
.abalone-page .abalone-hygiene {background:var(--sage-light); margin-top:32px; padding:30px; scroll-margin-top:110px}
.abalone-page .abalone-hygiene h3 {font-size:23px; margin-bottom:18px}
.abalone-page .abalone-hygiene ul {padding-left:21px; margin:0; font-size:14px; line-height:1.9}
.abalone-page .abalone-hygiene li+li {margin-top:12px}
.abalone-page .abalone-safety-source {font-size:12px; color:var(--muted); margin:20px 0 0}
.abalone-page .abalone-safety-source a {text-decoration:underline; text-underline-offset:3px}
.abalone-page .term-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.abalone-page .abalone-consultation {display:grid; grid-template-columns:1.1fr .9fr; align-items:start; gap:48px; scroll-margin-top:110px}
.abalone-page .abalone-consultation h2 {font-size:clamp(28px,3vw,38px)}
.abalone-page .abalone-sample {background:var(--sage-light); padding:30px}
.abalone-page .abalone-sample h3 {margin:0 0 15px; font-size:26px}
.abalone-page .abalone-sample p {font-size:15px}
.abalone-page .abalone-sample small {display:block; font-size:13px; margin-top:16px; color:var(--muted)}
.abalone-page .abalone-consultation .button {height:auto; padding:14px 18px; text-align:center; line-height:1.65}
.abalone-page #abalone-sample,.abalone-page #abalone-recipes-title {scroll-margin-top:110px}
.abalone-page a:focus-visible,.abalone-page summary:focus-visible {outline:3px solid var(--accent); outline-offset:4px}
@media(max-width:820px){
  .abalone-page .abalone-recipes {padding-block:60px}
  .abalone-page .abalone-recipe-grid,.abalone-page .abalone-consultation,.abalone-page .term-grid {grid-template-columns:1fr}
  .abalone-page .abalone-recipe-body,.abalone-page .abalone-hygiene,.abalone-page .abalone-sample {padding:22px}
  .abalone-page .abalone-recipe h3 {font-size:25px}
  .abalone-page .abalone-consultation {gap:30px}
  .abalone-page .abalone-consultation .button {width:100%}
}