/* Release Notes Writer landing page: working tool in the hero.
   Loaded only by /tools/release-notes-writer. */

.rn-hero{display:grid;gap:18px;min-width:0}
.rn-head{min-width:0}
.rn-head h1{max-width:none;margin:8px 0 0;overflow-wrap:anywhere;font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.04;letter-spacing:-.045em}

.rn-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;min-width:0}

.rn-card{min-width:0;background:#fff;border:1px solid #c9d6e8;border-radius:18px;padding:20px;box-shadow:0 18px 44px rgba(9,34,70,.09)}
.rn-card h3{margin:0 0 6px;font-size:1.05rem}
.rn-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:10px}
.rn-card-head label,.rn-card-head h2{margin:0;font-size:1.02rem;font-weight:800;color:var(--ink,#071b35)}
.rn-card-head span{color:var(--muted,#52647b);font-size:.82rem}

.rn-form{margin:0}
.rn-input textarea{display:block;width:100%;box-sizing:border-box;min-height:300px;resize:vertical;padding:12px 14px;border:1px solid #b9c8dc;border-radius:12px;background:#f8fafd;color:var(--ink,#071b35);font:500 .86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}
.rn-input textarea::placeholder{color:#5d6b84}
.rn-input textarea:focus-visible,.rn-options input:focus-visible,.rn-options summary:focus-visible,.rn-clear:focus-visible,.rn-card .mt-primary:focus-visible,.rn-card .mt-secondary:focus-visible,.rn-pre:focus-visible,.rn-links a:focus-visible{outline:3px solid #1f5cf0;outline-offset:2px}

.rn-help{margin:10px 0 0;color:var(--muted,#52647b);font-size:.86rem;line-height:1.55}

.rn-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rn-actions .mt-primary,.rn-actions .mt-secondary{min-height:44px;padding:10px 16px}
.rn-clear{min-height:44px;padding:10px 16px;border:1px solid #b9c8dc;border-radius:12px;background:transparent;color:var(--ink,#071b35);font:inherit;font-weight:700;cursor:pointer}
.rn-clear:hover{border-color:#1f5cf0;color:#1548c7}

.rn-input .bt-unit{margin-top:12px;font-size:.82rem;color:#52647b;line-height:1.5}
.rn-input .bt-note,.rn-input .bt-error{font-size:.84rem;line-height:1.5}

.rn-options{margin-top:14px;border-top:1px solid #d7e1ee;padding-top:4px}
.rn-options summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:750;font-size:.92rem}
.rn-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:6px 0 10px}
.rn-field-wide{grid-column:1/-1}
.rn-fields label{display:block;margin-bottom:5px;font-size:.82rem;font-weight:700}
.rn-fields input{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:9px 12px;border:1px solid #b9c8dc;border-radius:10px;background:#fff;color:var(--ink,#071b35);font:inherit;font-size:.92rem}
.rn-check{min-height:40px;margin:0;font-size:.9rem;line-height:1.4;cursor:pointer}
.rn-check input{width:18px;height:18px}

.rn-output{scroll-margin-top:88px}
.rn-output:target{outline:3px solid #1f5cf0;outline-offset:3px}
.rn-pre{margin:0;max-height:470px;min-height:300px;border-radius:12px;font-size:.82rem;white-space:pre-wrap;overflow-wrap:anywhere}
.rn-results .rn-pre{min-height:0;max-height:380px}

.rn-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.rn-facts li{border:1px solid #d7e1ee;border-radius:999px;background:#fff;padding:7px 12px;font-size:.84rem;color:var(--ink,#071b35)}
.rn-facts li:first-child{border-color:#9bc7b0;background:#effaf4;color:#065f3c}

.rn-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.rn-links a{display:inline-flex;align-items:center;min-height:40px;color:#1548c7;font-weight:750;text-decoration:underline;text-underline-offset:3px}

.rn-results>h2{margin-bottom:6px}
.rn-lede{margin:0 0 18px;color:var(--muted,#52647b)}
.rn-results-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.rn-wide{grid-column:1/-1}
.rn-scroll{overflow-x:auto;max-height:420px;overflow-y:auto}
.rn-scroll .bt-table{margin-top:10px}
.rn-scroll .bt-table td{word-break:normal;overflow-wrap:anywhere}

@media (max-width:900px){
  .rn-tool,.rn-results-grid{grid-template-columns:minmax(0,1fr)}
  .rn-input textarea{min-height:220px}
  .rn-pre{min-height:0}
}
@media (max-width:430px){
  .rn-card{padding:16px 14px;border-radius:14px}
  .rn-fields{grid-template-columns:minmax(0,1fr)}
  .rn-actions .mt-primary{flex:1 1 100%}
  .rn-actions .mt-secondary,.rn-clear{flex:1 1 auto}
  .rn-scroll .bt-table{font-size:.8rem}
  .rn-scroll .bt-table th,.rn-scroll .bt-table td{padding:7px 6px}
}
@media (prefers-reduced-motion:reduce){
  .rn-card .mt-primary,.rn-card .mt-secondary{transition:none}
  .rn-card .mt-primary:hover{transform:none}
}