.analysis-form{
display:grid;
gap:var(--gap);
padding:var(--gap) var(--gd2);
}
.analysis-form label:not([hidden]):not(.analysis-choice){
display:grid;
gap:var(--gd3);
min-width:0;
}
.analysis-form select,.analysis-form input:not([type=checkbox]){
width:100%;
min-width:0;
min-height:48px;
font:inherit;
color:inherit;
background:var(--tint);
border:var(--bw1) solid var(--bc2);
border-radius:0;
padding:var(--gd2);
}
.analysis-form fieldset{
display:grid;
gap:var(--gd2);
min-width:0;
margin:0;
padding:0;
border:0;
}
.analysis-form [hidden]{
display:none;
}
.analysis-form legend{
width:100%;
margin-bottom:var(--gd2);
padding:0;
font-weight:var(--fw1);
}
.analysis-form .analysis-choice{
display:flex;
align-items:center;
gap:var(--gd2);
min-height:52px;
padding:var(--gd2);
border:var(--bw1) solid var(--bc2);
border-radius:0;
cursor:pointer;
}
.analysis-choice input{
flex:none;
width:22px;
height:22px;
margin:0;
accent-color:var(--cl1);
}
.analysis-choice:has(:checked),.land-page .analysis-choice:has(:checked){
background:var(--icb);
border-color:var(--cl1);
}
.analysis-choice:hover{
background:var(--hv1);
}
.analysis-choice:has(:disabled){
color:var(--tx2);
cursor:default;
}
.analysis-help{
display:block;
margin:0;
color:var(--tx2);
font-size:var(--fz3);
overflow-wrap:anywhere;
}
.analysis-county-list,.analysis-selected{
display:grid;
gap:var(--gd3);
}
.analysis-county-list{
grid-auto-rows:max-content;
max-height:320px;
overflow-y:auto;
padding:2px;
margin:-2px;
}
.analysis-form .btn{
min-height:48px;
border-radius:0;
white-space:normal;
}
.analysis-selected .btn{
display:flex;
justify-content:space-between;
align-items:center;
gap:var(--gd2);
text-align:left;
background:var(--icb);
}
.analysis-form select:focus-visible,.analysis-form input:not([type=checkbox]):focus-visible{
outline:2px solid var(--cl1);
outline-offset:1px;
}
.analysis-form .btn:disabled{
cursor:wait;
}
.analysis-form .primary .ask-spinner{
border-top-color:currentColor;
}
.analysis-status{
display:grid;
gap:var(--gd2);
padding:var(--gd2);
background:var(--icb);
border-radius:0;
scroll-margin-top:var(--section-top,0px);
overflow-wrap:anywhere;
}
.analysis-status p{
margin:0;
}
.analysis-status .ask-loading{
color:var(--icf);
}
.analysis-status:empty,.analysis-results:empty{
display:none;
}
.analysis-results>details>summary{
padding:var(--gd3) var(--gd2);
min-height:44px;
cursor:pointer;
}
html:has(.land-page){
height:auto;
overflow:auto;
}
body.land-page{
height:auto;
min-height:100vh;
overflow:visible;
background:#fff;
font-size:1.125rem;
--gap:16px;
--cl1:#155dc0;
--tx2:#525e6d;
}
.land-page .ask-spinner{
border-radius:0;
}
.land-page a{
color:var(--cl1);
text-decoration:none;
}
.land-page a:hover{
text-decoration:underline;
}
.land-page :focus-visible{
outline:3px solid var(--cl1);
outline-offset:3px;
}
.skip-link{
position:absolute;
left:16px;
top:-100px;
background:white;
padding:12px;
z-index:2;
}
.skip-link:focus{
top:8px;
}
.land-header{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:12px 32px;
max-width:700px;
margin:auto;
padding:16px 24px;
}
.land-header .land-brand{
font-size:1.25rem;
font-weight:700;
color:var(--tx1);
}
.land-header nav{
display:flex;
flex-wrap:wrap;
gap:4px;
}
.land-header a{
display:inline-flex;
align-items:center;
min-height:44px;
}
.land-header nav a{
min-height:48px;
padding:8px 12px;
color:#59616f;
font-weight:500;
text-underline-offset:4px;
text-decoration-thickness:3px;
}
.land-header nav [aria-current]{
color:#161a22;
background:#e6ebf9;
}
.land-header nav a:hover,.land-header nav a:focus-visible{
color:#161a22;
background:#dfe4ee;
text-decoration:underline 3px;
}
.land-main{
max-width:700px;
margin:auto;
padding:28px 24px 20px;
}
.land-intro{
margin-bottom:28px;
}
.land-intro h1{
font-size:clamp(1.75rem,3vw,2rem);
line-height:1.2;
letter-spacing:-.025em;
margin:0 0 12px;
}
.land-intro p{
color:var(--tx2);
margin:0;
font-size:1.0625rem;
}
.land-page .analysis-form{
padding:0;
gap:24px;
}
.land-page .land-filters{
margin:0;
}
.land-filter-grid{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:32px;
}
.land-filter-grid section{
display:flex;
flex-direction:column;
gap:16px;
min-width:0;
}
.land-page h2{
margin:0;
font-size:1.25rem;
}
.land-page .analysis-form select,.land-page .analysis-form input:not([type=checkbox]){
background:#fff;
border-color:#737f8e;
min-height:52px;
padding:10px 12px;
}
.land-page .analysis-help{
font-size:1rem;
}
.land-page .analysis-choice{
-webkit-user-select:none;
user-select:none;
min-height:52px;
padding:12px;
border:1px solid #737f8e;
}
.land-page .analysis-choice input{
width:24px;
height:24px;
appearance:auto;
border-radius:0;
}
.land-page .analysis-choice span{
min-width:0;
overflow-wrap:anywhere;
}
.land-page .analysis-county-list{
max-height:280px;
}
.land-page .analysis-selected button{
font-size:1rem;
}
.land-number{
display:grid;
gap:var(--gd3);
min-width:0;
}
.land-number-controls{
display:grid;
grid-template-columns:minmax(0,1fr) 52px 52px;
gap:8px;
}
.land-number input[type=number]{
appearance:textfield;
}
.land-number input::-webkit-inner-spin-button,.land-number input::-webkit-outer-spin-button{
-webkit-appearance:none;
margin:0;
}
.land-page .land-number-controls button{
touch-action:none;
user-select:none;
-webkit-user-select:none;
-webkit-touch-callout:none;
min-width:52px;
min-height:52px;
padding:4px;
display:flex;
align-items:center;
justify-content:center;
color:var(--cl1);
background:#eef4fd;
border:1px solid #737f8e;
}
.land-page .analysis-choice input:focus-visible{
outline:3px solid var(--cl1);
outline-offset:3px;
}
.land-range{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:16px;
}
.land-options{
background:var(--tint);
}
.land-options summary{
min-height:52px;
padding:12px;
cursor:pointer;
font-weight:600;
}
.land-options-body{
display:grid;
gap:16px;
padding:0 12px 12px;
}
.land-search-bar{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:16px;
padding:12px 0;
}
.land-preview{
overflow-wrap:anywhere;
}
.land-preview[data-state=too_broad],.land-preview[data-state=error]{
color:#a12b19;
}
.land-page .btn{
font-size:inherit;
min-height:52px;
padding:12px 14px;
}
.land-page .btn:disabled{
cursor:default;
opacity:.55;
}
.land-page .primary{
width:100%;
font-weight:600;
}
.land-results{
min-width:0;
scroll-margin-top:24px;
}
.land-results[aria-busy=true] .analysis-results{
opacity:.55;
}
.land-page .analysis-status{
background:#eef4fd;
padding:16px;
margin-bottom:24px;
}
.land-status-heading{
display:grid;
gap:16px;
}
.land-cards{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:16px;
margin:20px 0;
}
.land-card{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(100px,34%);
align-items:start;
gap:16px;
min-width:0;
padding:16px;
background:var(--tint);
overflow-wrap:anywhere;
}
.land-card h3{
margin:0 0 12px;
font-size:1.0625rem;
}
.land-card p{
margin:8px 0;
color:var(--tx2);
font-size:1rem;
}
.land-card .land-acreage{
font-size:1.125rem;
font-weight:600;
color:var(--tx1);
}
.land-card a{
display:inline-flex;
min-height:44px;
align-items:center;
}
.land-pagination{
display:grid;
gap:16px;
margin-top:24px;
}
.land-footer{
margin-top:32px;
padding-top:0;
color:var(--tx2);
font-size:1rem;
}
.land-footer p{
margin:0 0 8px;
}
.land-target{
padding:12px 16px;
background:var(--tint);
overflow-wrap:anywhere;
}
.land-page [hidden]{
display:none!important;
}
@media(max-width:800px){
.land-main{
padding:24px 20px 20px;
}
.land-header{
padding:16px 20px;
}
.land-intro{
margin-bottom:24px;
}
}
@media(prefers-reduced-motion:reduce){
.land-page .ask-spinner{
animation:none;
}
}
@media(forced-colors:active){
.land-page .analysis-choice:has(:checked){
border-color:Highlight;
}
}
.land-card-details{
min-width:0;
}
.land-map-preview{
min-width:0;
}
.land-map-preview>a{
display:flex;
width:100%;
aspect-ratio:18/13;
justify-content:center;
border:1px solid #737f8e;
background:#e2dfda;
}
.land-map-preview img{
display:block;
width:100%;
height:auto;
}
.land-map-status{
padding:8px;
font-size:1rem;
text-align:center;
}
.land-map-preview button{
margin-top:8px;
width:100%;
}
.land-map-renderer{
position:fixed;
left:-400px;
top:0;
width:360px;
height:260px;
overflow:hidden;
pointer-events:none;
}
@media(max-width:360px){
.land-card{
gap:10px;
padding:12px;
}
}