/* Phone-only composition; keep the complete desktop presentation. */
@media (max-width:620px) {
  .price-options {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .price-options>.package-option.library-package {grid-column:auto;grid-row:1;padding:32px 8px 12px;gap:8px;min-height:0;align-content:start;}
  .price-options>.combo-price,.price-options>.workspace-package {grid-column:1 / -1;grid-row:auto;}
  .library-package .package-emblems {min-height:34px;}
  .library-package .package-emblems img {width:34px;height:34px;}
  .library-package .package-summary {padding:10px 8px;gap:7px;min-width:0;}
  .library-package .package-summary>span {font-size:12px;line-height:1.45;}
  .library-package .package-summary>span:first-child {min-height:52px;}
  .library-package .package-summary>strong {font-size:clamp(18px,5.3vw,22px);line-height:1.2;white-space:nowrap;}
  .library-package .library-benefits {gap:7px;padding-top:8px;}
  .library-package .library-benefits>span {grid-template-columns:10px minmax(0,1fr);gap:3px;}
  .library-package .library-benefits>span>b {font-size:15px;}
  .library-package .library-benefits>span>span {font-size:11px;line-height:1.45;}
  .package-option.library-package.selected::after {font-size:9px;top:8px;right:8px;bottom:auto;}
  .hero {gap:18px;padding-top:22px;}
  .hero-copy {min-width:0;container-type:inline-size;}
  .hero h1 {font-size:clamp(18px,5.4vw,27px);line-height:1.3;}
  .hero h1>span {white-space:nowrap;}
  .hero .eyebrow {font-size:10px;margin-bottom:10px;}
  .hero .price-row {gap:4px;}
  .hero .price {font-size:clamp(14px,5.7cqw,30px);white-space:nowrap;padding:8px 8px;margin:10px 0 3px;}
  .hero .price-detail {font-size:12px;line-height:1.6;}
  .hero .lead {font-size:14px;line-height:1.65;margin:12px 0;}
  .hero .hero-actions {display:grid;grid-template-columns:1fr .65fr 1fr;gap:6px;margin-top:16px;}
  .hero .hero-actions .primary-btn,.hero .hero-actions .secondary-btn {font-size:clamp(9.5px,2.7vw,11px);padding:0 6px;min-height:44px;white-space:nowrap;}
  .hero .stats {margin-top:14px;gap:0;}
  .hero .stats>span:first-child,.hero .stats>span:last-child {display:none;}
  .hero .stats>span {font-size:11px;padding:8px 10px;}
  .promise-grid>article:first-child,.promise-grid>article:last-child {display:none;}
  .promise-grid {padding-top:14px;padding-bottom:18px;}
  .promise-grid>article {padding:18px;}
  .promise-grid h2 {font-size:23px;margin-top:12px;}
  .promise-grid p {font-size:13px;line-height:1.65;}

  .workspace-intro {gap:14px;padding:20px 14px;align-items:start;}
  .workspace-intro-opening {display:contents;}
  .workspace-intro h2 {grid-row:1;font-size:24px;margin:0;}
  .workspace-intro .workspace-premium {grid-row:2;font-size:clamp(8px,2.25vw,11px);white-space:nowrap;padding:6px 7px;margin:0;}
  .workspace-intro .workspace-lead {grid-row:3;font-size:21px;line-height:1.3;margin:0;}
  .workspace-intro-description {display:none;}
  .workspace-preview {grid-row:4;}
  .workspace-preview figcaption {font-size:10px;line-height:1.45;margin-top:6px;}
  .workspace-purchase {grid-row:5;margin:0;padding:10px 14px;gap:2px;}
  .workspace-purchase>strong {font-size:28px;}
  .workspace-purchase small {font-size:12px;}
  .workspace-purchase>span {font-size:10px;}
  .workspace-intro-buttons {grid-row:6;display:grid;grid-template-columns:1fr 1.2fr;gap:7px;margin:0;}
  .workspace-intro-buttons .primary-btn,.workspace-intro-buttons .secondary-btn {min-height:44px;font-size:10px;line-height:1.4;padding:6px;}
  .workspace-intro-footer {grid-row:7;gap:8px;}
  .workspace-intro-link {font-size:11px;}
  .workspace-intro .workspace-voucher {font-size:10px;line-height:1.5;}
  .workspace-entitlements {grid-row:8;padding:14px 12px;}
  .workspace-entitlements>h3 {font-size:17px;line-height:1.4;margin-bottom:12px;}
  .workspace-entitlements .workspace-overview {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .workspace-entitlements .workspace-overview>li {padding:10px;}
  .workspace-entitlements .workspace-overview strong {font-size:11px;line-height:1.45;}
  .workspace-entitlements .workspace-overview p {font-size:10.5px;line-height:1.55;margin-top:4px;}
  .workspace-included {grid-row:9;}
  .workspace-included>h3 {font-size:17px;line-height:1.4;margin-bottom:12px;}
  .workspace-included-pair {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .workspace-included-pair>article {padding:13px 11px;}
  .workspace-included-pair img {width:32px;height:32px;margin-bottom:8px;}
  .workspace-included-pair h4 {font-size:13px;line-height:1.45;margin-bottom:6px;}
  .workspace-included-pair p {font-size:10.5px;line-height:1.5;margin:5px 0;}
  .workspace-included-pair strong {font-size:9px;line-height:1.5;padding:5px 6px;margin-top:5px;}

  .package-option.workspace-pro {padding:42px 16px 12px;gap:5px;}
  .package-option.workspace-pro .workspace-plan-name {font-size:21px;}
  .workspace-plan-name b {font-size:11px;}
  .package-option.workspace-pro .workspace-plan-subtitle {font-size:clamp(8px,2.15vw,10px);white-space:nowrap;line-height:1.5;}
  .package-option.workspace-pro .workspace-plan-price {font-size:28px;padding:9px 12px;margin:5px 0;}
  .workspace-plan-price small {font-size:12px;}
  .package-option.workspace-pro .workspace-plan-benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;}
  .package-option.workspace-pro .workspace-plan-benefits>span {padding:8px 0;}
  .workspace-plan-benefits b {font-size:11px;line-height:1.45;}
  .workspace-plan-benefits small {font-size:10.5px;line-height:1.55;margin-top:3px;}
  .package-option.workspace-pro .workspace-select-label {font-size:10px;line-height:1.5;margin-top:5px;}
  .workspace-details {font-size:11px;min-height:30px;padding:4px 9px;top:10px;right:12px;}
  .workspace-pro.selected::after {font-size:9px;right:13px;bottom:12px;}
  .workspace-plan-footer {padding:9px 16px 13px;gap:7px;}
  .workspace-plan-footer .workspace-external-detail {font-size:10px;}
  .workspace-plan-footer .workspace-voucher {font-size:10px;line-height:1.5;}
  .combo-price .package-summary {padding:13px;}
  .combo-price .combo-benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;}
  .combo-price .combo-benefits>span {grid-template-columns:12px minmax(0,1fr);gap:4px;}
  .combo-price .combo-benefits>span>b {font-size:18px;}
  .combo-price .combo-benefits>span>span {font-size:12px;line-height:1.5;}

  .workspace-intro-link,.workspace-plan-footer .workspace-external-detail {
    display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;
    padding:10px 12px;border:1px solid #9b5516;border-radius:8px;
    background:linear-gradient(125deg,#fff4ca,#ffda7d 65%,#efad3e);
    color:#45200b;font-size:15px;font-weight:900;line-height:1.4;text-align:center;text-decoration:none;
  }
  .workspace-intro-link:hover,.workspace-plan-footer .workspace-external-detail:hover {background:#fff0b4;}
  .detail-modal {
    inset:max(24px,env(safe-area-inset-top)) 0 auto;margin:0 auto;
    width:calc(100% - 24px);max-height:calc(100dvh - 48px - env(safe-area-inset-top));
    padding:0;overflow:hidden;box-sizing:border-box;
  }
  .detail-modal[open] {display:flex;flex-direction:column;}
  .detail-modal .modal-header {position:relative;flex-shrink:0;padding:16px 68px 14px 16px;border-bottom:1px solid var(--line);background:#1d0d06;}
  .detail-modal .modal-header .eyebrow {font-size:11px;margin:0 0 6px;}
  .detail-modal .modal-header h2 {font-size:22px;line-height:1.3;margin:0;}
  .detail-modal .close-btn {top:12px;right:12px;width:44px;height:44px;border-radius:8px;background:#ffe0a3;color:#45200b;border-color:#bd8331;cursor:pointer;}
  .detail-modal .close-btn:focus-visible {outline:3px solid #fff3cf;outline-offset:2px;}
  .detail-modal .modal-scroll {min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px;}
}