/* Phone-only card layout. Desktop/tablet keep their existing presentation. */
.mobile-process-read { display:none; }
@media (max-width:600px) {
  .home-island > .process-section, .home-island > .guides-section { padding-left:12px; padding-right:12px; margin-left:0; margin-right:0; }
  .home-island .process-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    align-items:stretch;
  }
  .home-island .process-grid > article,
  .home-island .resin-values > article,
  .home-island .guide-grid > .guide-card { min-width:0; }
  .home-island .process-grid article > div { padding:12px 7px; }
  .home-island .resin-values article { padding:12px 7px; }
  .home-island .process-grid h3,
  .home-island .resin-values h3,
  .home-island .guide-body h3 { font-size:16px; line-height:1.3; letter-spacing:-.02em; margin:10px 0; overflow-wrap:normal; }
  .home-island .process-grid p,
  .home-island .resin-values p,
  .home-island .guide-body p { font-size:14px; line-height:1.5; }
  .home-island .process-grid .eyebrow,
  .home-island .guide-body > small { font-size:10px; line-height:1.5; letter-spacing:0; }
  .home-island .process-grid .text-link,
  .home-island .guide-body .text-link { font-size:13px; line-height:1.5; white-space:normal; }
  .home-island .process-grid figure { margin:0; height:auto; }
  .home-island .process-grid figure svg { width:100%; height:auto; aspect-ratio:auto; }
  .home-island .process-grid figcaption { position:static; padding:4px; font-size:10px; line-height:1.4; }
  .home-island .resin-values article > span { font-size:22px; }
  .home-island .guide-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
  .home-island .guide-card { display:flex; flex-direction:column; gap:0; text-align:left; }
  .home-island .guide-art { width:100%; min-height:0; padding:20px; }
  .home-island .guide-art > span { font-size:30px; line-height:1.05; }
  .home-island .guide-art small { position:static; display:block; margin-top:14px; font-size:11px; line-height:1.4; letter-spacing:0; }
  .home-island .guide-body { padding:20px; }
  .home-island .guide-body h3 { font-size:20px; }
  .home-island .guide-body p { font-size:16px; line-height:1.65; }
  .home-island .guide-body > small { font-size:11px; }
  .home-island .guide-body .text-link { font-size:16px; }
  .home-island .resin-values { grid-template-columns:minmax(0,1fr); gap:14px; }
  .home-island .resin-values article { padding:18px; }
  .home-island .resin-values h3 { font-size:20px; }
  .home-island .resin-values p { font-size:16px; line-height:1.65; }
  .home-island .process-grid [data-mobile-details] > div > p,
  .home-island .process-grid [data-mobile-details] > div > .text-link { display:none; }
  .home-island .process-grid article > div { display:flex; flex-direction:column; flex:1; }
  .home-island .process-grid article { display:flex; flex-direction:column; }
  .home-island .mobile-process-read {
    display:block; min-height:44px; margin-top:auto; padding:10px 0 0;
    color:#d8c18f; font-size:14px; line-height:1.4; text-decoration:underline; text-underline-offset:4px;
  }
  .mobile-process-dialog {
    width:calc(100% - 32px); max-width:480px; max-height:80dvh; overflow:auto;
    padding:20px; border:1px solid #75623b; border-radius:12px;
    background:#141416; color:#f0ede7;
  }
  .mobile-process-dialog::backdrop { background:#000b; }
  .mobile-process-close { display:block; min-height:44px; margin-left:auto; color:#d8c18f; font-size:16px; }
  .mobile-process-dialog h2 { font-size:26px; line-height:1.2; margin:12px 0 20px; }
  .mobile-process-copy p { color:#b8b8ba; font-size:16px; line-height:1.65; margin:0 0 18px; }
  .mobile-process-copy a { display:inline-block; color:#d8c18f; font-size:16px; line-height:1.5; padding:10px 0; text-decoration:underline; }
}