/* Round five: a consistent content inset and visible, wrapping choices.
   Maps and the garden keep their purposeful pan behaviour. */
.app-shell:not([data-screen="S01"]):not([data-screen="S02"]):not([data-screen="S03"]):not([data-screen="S04"]):not([data-screen="S05"]):not([data-screen="S06"]) .main-content{padding-top:10px}
.main-content>.page-heading:first-child,.main-content>:first-child>.page-heading:first-child{margin-top:0}
.main-content>:first-child>.page-heading:first-child h1,.main-content>.page-heading:first-child h1{margin-top:0}
.app-header>span{min-width:0}
.app-header .header-brand{width:116px;max-width:100%;height:auto}
.icon svg{display:block}
.source-major-heading .section-icon,.source-major-heading .section-icon>span.icon{display:grid;place-items:center}
.entry-website{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center}
.public-plants-entry{display:block}
.public-plants-entry>small{display:block}
.public-plants-entry>:not(:first-child){margin-top:10px}
.public-plants-entry>.btn{margin-top:10px}
.referral-allowance-options{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}
.referral-allowance-options>section{min-width:0;height:auto;box-sizing:border-box}
:root[data-cgs-large-text=true] .referral-allowance-options>section{flex-basis:100%}
.product-card .seller-count{white-space:normal;text-overflow:clip;overflow:visible}
.app-shell[data-screen="S11"] .role-choice{display:block;min-height:0;padding-top:0}
.role-choice-cards{grid-template-rows:none;grid-auto-rows:auto}
.role-choice-card{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;height:auto}
.role-choice-card strong,.role-choice-card small{display:block}
.source-plant-card{height:auto}
.app-shell[data-screen="C01"] .home-brand{width:calc(100% - 144px);max-width:200px;min-height:44px;display:flex;align-items:center}
.app-shell[data-screen="C01"] .home-brand img{width:100%;max-width:100%;height:auto}
.rewards-experience .summary>div{display:flex;align-items:flex-start}
.rewards-experience .summary dd{flex:1;min-width:0;max-width:50%;overflow-wrap:anywhere}
.help-topic-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;overflow:visible;padding:1px 0 9px}
.help-topic{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:break-word;text-align:left;line-height:1.4}
.help-article-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;min-width:0}
.help-article-copy{display:block;min-width:0}
.help-article-copy>*{display:block}
.help-article-copy>*+*{margin-top:4px}
.horizontal-cards{display:flex;flex-wrap:wrap;overflow:visible;align-items:stretch;gap:10px;padding-bottom:0}
.horizontal-cards>*{flex:1 1 150px;min-width:0;max-width:100%}
.photo-strip{flex-wrap:wrap;overflow:visible;max-width:100%}
.photo-strip>img,.photo-strip .photo-preview,.photo-strip .produce-image{max-width:100%;flex:0 1 auto}
.product-card .actions{flex-wrap:wrap}
.main-content :is(.actions,.compact-actions,.notice-tabs){max-width:100%;min-width:0;flex-wrap:wrap}
.main-content :is(.actions,.compact-actions,.notice-tabs)>.btn{max-width:100%;min-width:0;white-space:normal}
/* Text enlargement changes the number of rows instead of creating a slider. */
:root[data-cgs-large-text=true] .app-shell .help-topic{flex:0 1 auto}
:root[data-cgs-large-text=true] .app-shell :is(.kpi,.grower-stat) strong{line-height:1.45;margin-bottom:8px}
:root[data-cgs-large-text=true] .app-shell .status-error{width:1.6em;height:1.6em;line-height:1;margin-bottom:20px}
:root[data-cgs-extra-large-text=true] .app-shell .detail-row{display:block}
:root[data-cgs-extra-large-text=true] .app-shell .detail-row>span,:root[data-cgs-extra-large-text=true] .app-shell .detail-row>strong{display:block;max-width:100%;width:100%;text-align:left}
:root[data-cgs-extra-large-text=true] .app-shell .detail-row>span{margin-bottom:8px}
:root[data-cgs-extra-large-text=true] .app-shell .horizontal-cards>*{flex-basis:100%}

/* Readability revision: compact spacing with legible type and natural reflow. */
.app-shell .page-heading p{color:var(--muted);max-width:44ch}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}
.notification-frequency{display:block;margin:-2px 0 10px;padding-left:30px;font-size:14px;line-height:1.5;color:var(--muted)}
.garden-progress>span{min-width:0;max-width:100%;overflow-wrap:break-word}
.garden-progress>span:last-child{margin-left:auto;text-align:right}
.garden-card-top>div{min-width:0}
.garden-card-top .rank-emblem{flex:none}
.garden-editor-meta{gap:6px 12px;flex-wrap:wrap;line-height:1.5}
.garden-selection>span{min-width:0}
.garden-inventory-item strong,.garden-inventory-item small{max-width:100%;overflow-wrap:break-word;white-space:normal;text-align:center}
.rank-ladder li{flex-wrap:wrap}
.rank-ladder li>div{min-width:0;flex:1 1 130px}
.rank-ladder .reward-badge{flex:0 1 auto;max-width:100%;white-space:normal}
.reward-badge{white-space:normal;overflow-wrap:break-word}
.referral-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}
.request-summary{padding:12px 14px}
.request-summary>h2{margin:0 0 4px}
.request-summary>p{margin:0 0 8px;color:var(--muted)}
.request-summary .summary{margin:0}
.request-summary .summary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;align-items:start;padding:7px 0;font-size:15px}
.request-summary .summary :is(dt,dd){width:100%;min-width:0;max-width:100%;margin:0;overflow-wrap:break-word;text-align:left}
.request-summary .summary dd{color:var(--ink);font-weight:500}
.request-estimate{padding:12px 14px}
.request-estimate>.source-section-heading{margin:0;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:15px}
.request-estimate>.source-section-heading>strong{font-size:18px;color:var(--green);margin-left:auto}
.entry-help-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;max-width:100%}
.entry-help-links>.btn{flex:0 1 auto;width:auto;padding:8px 4px}
.source-card-footer{flex-wrap:wrap}
.source-card-footer>.btn{white-space:normal}
.source-section-heading{flex-wrap:wrap}
.product-price>strong,.product-card .product-price strong,.unit-price{white-space:normal;overflow-wrap:break-word}
.card-heading .badge{flex:0 1 auto;min-width:0}
.card-heading{flex-wrap:wrap}
.star-picker{flex-wrap:wrap}
.garden-inventory-item,.garden-collection button{min-width:0}
@media(max-width:359px){
 .product-grid,.listing-grid,.plant-grid,.source-plant-grid{grid-template-columns:minmax(0,1fr)}
 .garden-inventory,.garden-collection{grid-template-columns:repeat(2,minmax(0,1fr))}
 .request-summary .summary>div{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
}
:root[data-cgs-large-text=true] .app-shell :is(.garden-inventory,.garden-collection){grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-cgs-large-text=true] .app-shell .pickup-day-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:root[data-cgs-large-text=true] .app-shell .pickup-day-row>.check-row{grid-column:1/-1}
:root[data-cgs-large-text=true] .app-shell .travel-mode-estimates{display:flex;flex-wrap:wrap;gap:12px 18px}
:root[data-cgs-extra-large-text=true] .app-shell .garden-progress{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
:root[data-cgs-extra-large-text=true] .app-shell .garden-progress>span:last-child{margin-left:0;text-align:left}
:root[data-cgs-extra-large-text=true] .app-shell :is(.garden-inventory,.garden-collection,.garden-editor-tools,.referral-milestones){grid-template-columns:minmax(0,1fr)}
:root[data-cgs-extra-large-text=true] .app-shell .rank-feature{flex-wrap:wrap;justify-content:flex-start}
:root[data-cgs-extra-large-text=true] .app-shell .request-summary .summary>div{display:flex;flex-direction:column;gap:3px}
:root[data-cgs-extra-large-text=true] .app-shell .request-estimate>.source-section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
:root[data-cgs-extra-large-text=true] .app-shell .request-estimate>.source-section-heading>strong{margin-left:0}