/* ══ Practical info — house language: hairlines, one mauve band,
       structural contrast. Breakpoints last, on purpose. ══ */

    /* intro / centred answer */
    .page-practical .pr-answer{text-align:center;max-width:720px;margin:0 auto;}
    .page-practical .pr-answer__eyebrow{display:block;font-family:var(--sans);font-size:var(--text-xs);
      font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-5);}
    .page-practical .pr-answer__title{font-family:var(--serif);font-weight:300;
      font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.06;color:var(--ink);margin:0;}
    .page-practical .pr-answer__title em{font-style:italic;color:var(--pink-dark);}
    .page-practical .pr-answer__rule{display:block;width:1px;height:48px;margin:var(--space-7) auto;
      background:linear-gradient(to bottom,rgba(42,15,26,0),var(--gold),rgba(42,15,26,0));}
    .page-practical .pr-answer__lead,
    .page-practical .pr-answer__body p{font-family:var(--serif);font-weight:300;
      font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.6;color:var(--ink);margin:0;}

    /* mauve arrival band */
    .page-practical .pr-arrive{background:var(--pink-dark);color:var(--cream);}
    .page-practical .pr-arrive__head{text-align:center;max-width:640px;margin:0 auto var(--space-10);}
    .page-practical .pr-arrive__eyebrow{display:block;font-family:var(--sans);font-size:var(--text-xs);
      font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.78);
      margin-bottom:var(--space-5);}
    .page-practical .pr-arrive__title{font-family:var(--serif);font-weight:300;
      font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.04;color:#fff;margin:0;}
    .page-practical .pr-arrive__title em{font-style:italic;color:var(--cream);opacity:.72;}

    .page-practical .pr-times{display:grid;grid-template-columns:1fr 1fr;gap:0;
      border-top:1px solid rgba(255,255,255,.18);}
    .page-practical .pr-time{position:relative;padding:var(--space-8) var(--space-8) var(--space-8) 0;}
    .page-practical .pr-time:not(:last-child)::before{content:'';position:absolute;top:var(--space-8);
      right:var(--space-7);bottom:var(--space-8);width:1px;background:rgba(255,255,255,.18);}
    .page-practical .pr-time__label{display:block;font-family:var(--sans);font-size:var(--text-xs);
      font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.72);
      margin-bottom:var(--space-6);}
    .page-practical .pr-time__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);}
    .page-practical .pr-time__who{display:block;font-family:var(--sans);font-size:.68rem;
      letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:var(--space-3);}
    .page-practical .pr-time__val{font-family:var(--serif);font-weight:300;
      font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1;color:#fff;letter-spacing:-.01em;}
    .page-practical .pr-time__val--them{color:rgba(255,255,255,.5);}
    .page-practical .pr-time__col--us .pr-time__who{color:var(--gold);}
    .page-practical .pr-arrive__note{max-width:56ch;margin:var(--space-10) auto 0;text-align:center;
      font-size:var(--text-sm);line-height:1.8;color:rgba(255,255,255,.72);}

    /* spec ledger */
    .page-practical .pr-spec__row{padding:var(--space-7) 0;}
    /* The label is display type, not a form label — each row should read as an
       answer. Gold rule extends on hover: same signature as the golf columns. */
    .page-practical .pr-spec dt{font-family:var(--serif);font-weight:300;
      font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.1;color:var(--ink);margin:0;
      transition:color var(--mid-speed);}
    .page-practical .pr-spec dt::after{content:'';display:block;width:26px;height:1px;
      background:var(--gold);margin:var(--space-5) 0 var(--space-5);
      transition:width .5s var(--ease-out);}
    .page-practical .pr-spec__row:hover dt{color:var(--pink-dark);}
    .page-practical .pr-spec__row:hover dt::after{width:64px;}
    .page-practical .pr-spec dd{margin:0;font-size:var(--text-base);line-height:1.85;
      color:var(--mid);max-width:62ch;}

    /* Two columns: seven rows in single file read as a long scroll. */
    .page-practical .pr-spec{display:grid;grid-template-columns:1fr 1fr;
      column-gap:var(--space-11);row-gap:0;}
    .page-practical .pr-spec__row{border-top:1px solid var(--border);border-bottom:none;}

    /* image band — the lead is a div, so kill the nested p's own margin */
    .page-practical .pr-feature .guide-feature__lead p{margin:0;}
    /* callout */
    .page-practical .pr-callout{text-align:center;max-width:620px;margin:0 auto;}
    .page-practical .pr-callout p,
    .page-practical .pr-callout__body p{font-family:var(--serif);font-weight:300;
      font-size:clamp(1.15rem,2.1vw,1.5rem);line-height:1.6;color:var(--ink);margin:0 0 var(--space-7);}

    @media(max-width:860px){
      .page-practical .pr-times{grid-template-columns:1fr;}
      .page-practical .pr-time{padding-right:0;}
      .page-practical .pr-time::before{display:none!important;}
      .page-practical .pr-time:not(:first-child){border-top:1px solid rgba(255,255,255,.18);}
    }
    @media(max-width:560px){
      .page-practical .pr-spec{grid-template-columns:1fr;column-gap:0;}
      .page-practical .pr-spec dt::after{margin:var(--space-4) 0;}
      .page-practical .pr-time__pair{gap:var(--space-5);}
    }

    /* Replaces the inline style= attributes that used to sit on these
       elements — Imunify blocks inline styles on /livewire/update. */
    .page-practical .pr-intro--left{text-align:left;}
    .page-practical .pr-rule{margin:0 0 var(--space-5);}
    .page-practical .pr-title{margin-bottom:var(--space-4);}