.native-june-page { background: var(--basalt); color: var(--mist); }
.native-header { display:flex; justify-content:space-between; align-items:center; padding:1.5rem var(--pad); border-bottom:1px solid var(--line-dark); gap:1rem; }
.native-header img { width:8rem; }.native-header>a:last-child { font-size:1rem; text-decoration:underline; text-underline-offset:.3em; }
.native-main { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,6vw,6rem); padding:clamp(2rem,5vw,5rem) var(--pad); max-width:1500px; margin:auto; align-items:start; }
.native-intro h1 { font-family:var(--serif); font-size:clamp(2.5rem,5vw,5.6rem); line-height:1.05; font-weight:400; letter-spacing:-.04em; }.native-intro p { max-width:32rem; font-size:1.1rem; line-height:1.6; }.native-intro .eyebrow { font-size:.875rem; }.native-intro .native-assurance { font-size:1rem; color:#c6d0c9; }.native-intro a { text-decoration:underline; text-underline-offset:.25em; }
.native-window { width:100%; transform:none; }.native-window header strong { font-size:1.1rem; }.native-window header small { font-size:.875rem; }.native-conversation { padding:clamp(1.1rem,3vw,2rem); }.native-messages { display:grid; gap:1rem; margin-bottom:1.5rem; }.native-message { padding:1rem 1.1rem; border-radius:.3rem 1.2rem 1.2rem; background:#e8eee8; overflow-wrap:anywhere; }.native-message[data-role="user"] { margin-left:1.5rem; background:#e7e0d4; }.native-message strong { display:block; font-size:.875rem; margin-bottom:.45rem; }.native-message p { white-space:pre-wrap; font-size:1.0625rem; line-height:1.55; margin:0; }
.native-conversation label { display:block; font-weight:600; font-size:1rem; margin:.8rem 0 .4rem; }.native-conversation textarea,.native-conversation input:not([type="checkbox"]) { width:100%; padding:.8rem; border:1px solid #738176; border-radius:.4rem; font:inherit; font-size:1rem; background:#fff; color:var(--ink); }.native-conversation textarea { resize:vertical; min-height:7rem; }.native-conversation button { font:inherit; font-size:1rem; min-height:44px; padding:.7rem 1rem; border:1px solid #617363; border-radius:999px; background:#182c21; color:#fff; cursor:pointer; }.native-conversation button:disabled { opacity:.6; cursor:wait; }.native-conversation button:focus-visible,.native-conversation input:focus-visible,.native-conversation textarea:focus-visible,.native-crossover summary:focus-visible { outline:3px solid #a54427; outline-offset:3px; }.native-conversation a:focus-visible { outline-color:#a54427; }.native-compose-foot { display:flex; gap:1rem; justify-content:space-between; align-items:center; margin-top:.7rem; }.native-small,.native-compose-foot small { font-size:.875rem; line-height:1.5; color:#4c5e51; }.native-status { line-height:1.5; overflow-wrap:anywhere; }.native-tools { display:flex; flex-wrap:wrap; gap:.5rem; }.native-tools button { background:transparent; color:var(--ink); }.native-contact,.native-summary,.native-crossover { margin-top:2rem; border-top:1px solid #c4cec5; padding-top:1.5rem; }.native-contact h2,.native-summary h2 { font-family:var(--serif); font-size:1.7rem; font-weight:500; }.native-contact p,.native-summary p,.native-crossover p { font-size:1rem; line-height:1.5; overflow-wrap:anywhere; }.native-summary p { white-space:pre-wrap; }.native-permission { display:flex!important; align-items:flex-start; gap:.65rem; font-weight:400!important; line-height:1.5; }.native-permission input { width:1.2rem; height:1.2rem; flex:0 0 auto; margin-top:.2rem; }.native-contact button { margin:.4rem .3rem .4rem 0; }.native-notice { padding:1rem; margin-bottom:1rem; border:1px solid #a97445; border-radius:.4rem; background:#f4ebde; }.native-notice button { margin:.3rem; }.native-crossover summary { cursor:pointer; min-height:44px; line-height:1.5; }.native-crossover a { text-decoration:underline; }.native-conversation [hidden] { display:none!important; }
@media(max-width:800px){.native-main{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem}.native-intro h1{font-size:2.5rem;margin-bottom:1rem}.native-intro h1 br{display:none}.native-intro p{margin-bottom:.8rem}.native-compose-foot{align-items:flex-start;flex-direction:column}.native-compose-foot button{align-self:stretch}.native-header{padding:1rem}.native-header img{width:6.5rem}.native-window{border-radius:1.2rem .4rem 1.2rem .4rem}.native-message[data-role="user"]{margin-left:.75rem}}