/* InterviewCommand public learning entry coherence layer.
   Presentation only. The /try behavior, storage, attribution and activation logic remain in v23-try.js. */
.ic-public-entry{
  margin:0;
  background:var(--ic-surface-canvas);
  color:var(--ic-text-primary);
  font:var(--ic-text-body)/var(--ic-leading-body) var(--ic-font-body);
}
.ic-public-entry .skip-link:focus{
  left:var(--ic-space-4);
  top:var(--ic-space-4);
  z-index:50;
  padding:10px 14px;
  border:1px solid var(--ic-brand-border);
  border-radius:var(--ic-radius-md);
  background:var(--ic-surface);
  color:var(--ic-brand-700);
  outline:3px solid var(--ic-focus-ring);
  outline-offset:3px;
}
.ic-public-entry .try-header{
  max-width:var(--ic-width-app);
  padding:var(--ic-space-5) var(--ic-space-6);
}
.ic-public-entry .try-brand{
  color:var(--ic-text-primary);
  font:800 var(--ic-text-lg)/1 var(--ic-font-display);
  letter-spacing:-.02em;
}
.ic-public-entry .try-trust{gap:var(--ic-space-2)}
.ic-public-entry .try-trust span{
  border-color:var(--ic-border-subtle);
  background:var(--ic-surface);
  color:var(--ic-text-secondary);
  box-shadow:var(--ic-shadow-xs);
}
.ic-public-entry .try-main{
  max-width:var(--ic-width-app);
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:var(--ic-space-5);
  margin:0 auto;
  padding:var(--ic-space-6) var(--ic-space-6) var(--ic-space-16);
}
.ic-public-entry .try-intro{
  grid-column:1/-1;
  max-width:none;
  margin:0;
  padding:var(--ic-space-8);
  text-align:left;
  border:1px solid var(--ic-border-inverse);
  border-radius:var(--ic-radius-xl);
  background:linear-gradient(145deg,var(--ic-surface-dark),var(--ic-surface-dark-2) 62%,var(--ic-surface-dark-3));
  color:var(--ic-text-inverse);
  box-shadow:var(--ic-shadow-lg);
}
.ic-public-entry .try-kicker{
  color:var(--ic-premium-500);
  font:800 var(--ic-text-xs)/1 var(--ic-font-display);
}
.ic-public-entry .try-intro h1{
  max-width:820px;
  margin:var(--ic-space-3) 0 var(--ic-space-4);
  color:var(--ic-text-inverse);
  font:800 clamp(36px,5vw,var(--ic-text-display))/var(--ic-leading-tight) var(--ic-font-display);
  letter-spacing:-.045em;
}
.ic-public-entry .try-intro p{
  max-width:760px;
  margin:0;
  color:var(--ic-text-inverse-muted);
  font-size:var(--ic-text-body);
}
.ic-public-entry .try-steps{
  max-width:760px;
  margin:var(--ic-space-6) 0 0;
  gap:var(--ic-space-2);
}
.ic-public-entry .try-steps div{
  justify-content:flex-start;
  min-height:44px;
  padding:var(--ic-space-3);
  border-color:var(--ic-overlay-dark-line);
  border-radius:var(--ic-radius-md);
  background:var(--ic-overlay-dark-subtle);
  color:var(--ic-text-inverse-muted);
}
.ic-public-entry .try-steps b{
  background:var(--ic-overlay-dark-line);
  color:var(--ic-text-inverse);
}
.ic-public-entry .try-steps .is-active{
  border-color:var(--ic-brand-border);
  background:var(--ic-brand-soft-strong);
  color:var(--ic-text-inverse);
}
.ic-public-entry .try-steps .is-active b{
  background:var(--ic-brand-600);
  color:var(--ic-text-inverse);
}
.ic-public-entry .try-card{
  min-width:0;
  margin:0;
  padding:var(--ic-space-6);
  border:1px solid var(--ic-border-subtle);
  border-radius:var(--ic-radius-xl);
  background:var(--ic-surface);
  box-shadow:var(--ic-shadow-sm);
}
.ic-public-entry .try-card[aria-labelledby="roleHeading"]{align-self:start}
.ic-public-entry .try-section-head span{
  color:var(--ic-brand-600);
  font:800 10px/1 var(--ic-font-display);
  letter-spacing:.09em;
}
.ic-public-entry .try-section-head h2{
  margin:var(--ic-space-2) 0 var(--ic-space-5);
  color:var(--ic-text-primary);
  font:800 var(--ic-text-h2)/var(--ic-leading-heading) var(--ic-font-display);
  letter-spacing:-.035em;
}
.ic-public-entry .try-label{
  margin:var(--ic-space-4) 0 var(--ic-space-2);
  color:var(--ic-text-primary);
  font:800 var(--ic-text-xs)/1.2 var(--ic-font-display);
}
.ic-public-entry .try-select,
.ic-public-entry textarea{
  min-height:44px;
  border-color:var(--ic-border-strong);
  border-radius:var(--ic-radius-md);
  background:var(--ic-surface);
  color:var(--ic-text-primary);
  font-family:var(--ic-font-body);
}
.ic-public-entry .try-select:focus,
.ic-public-entry textarea:focus{
  border-color:var(--ic-brand-500);
  box-shadow:0 0 0 3px var(--ic-focus-ring);
}
.ic-public-entry .try-question{
  margin-top:var(--ic-space-5);
  padding:var(--ic-space-5);
  border:1px solid var(--ic-border-inverse);
  border-radius:var(--ic-radius-lg);
  background:linear-gradient(145deg,var(--ic-surface-dark),var(--ic-surface-dark-2));
  color:var(--ic-text-inverse);
}
.ic-public-entry .try-question small{
  color:var(--ic-premium-500);
  font:800 10px/1 var(--ic-font-display);
}
.ic-public-entry .try-question p{
  margin:var(--ic-space-2) 0 0;
  color:var(--ic-text-inverse);
  font:800 var(--ic-text-h3)/var(--ic-leading-heading) var(--ic-font-display);
}
.ic-public-entry .try-helper,
.ic-public-entry .try-browser-note,
.ic-public-entry .try-answer-foot span,
.ic-public-entry .try-receipt-intro,
.ic-public-entry .try-local-note{color:var(--ic-text-secondary)}
.ic-public-entry .try-recorder{
  padding:var(--ic-space-4);
  border-color:var(--ic-border-subtle);
  border-radius:var(--ic-radius-lg);
  background:var(--ic-surface-soft);
}
.ic-public-entry .try-recorder-status strong{font-family:var(--ic-font-display)}
.ic-public-entry .try-btn{
  min-height:44px;
  border-radius:var(--ic-radius-md);
  font:800 var(--ic-text-sm)/1 var(--ic-font-display);
  transition:transform var(--ic-motion-fast) var(--ic-ease),box-shadow var(--ic-motion-fast) var(--ic-ease),background-color var(--ic-motion-fast) ease;
}
.ic-public-entry .try-btn-primary{
  background:linear-gradient(135deg,var(--ic-brand-600),var(--ic-brand-500));
  color:var(--ic-text-inverse);
  box-shadow:var(--ic-shadow-brand);
}
.ic-public-entry .try-btn-primary:hover{background:linear-gradient(135deg,var(--ic-brand-700),var(--ic-brand-600))}
.ic-public-entry .try-btn-secondary{
  border:1px solid var(--ic-brand-border);
  background:var(--ic-brand-100);
  color:var(--ic-brand-700);
}
.ic-public-entry .try-btn-quiet{
  border:1px solid var(--ic-border-subtle);
  background:var(--ic-surface);
  color:var(--ic-text-secondary);
}
.ic-public-entry .try-btn:focus-visible,
.ic-public-entry .try-brand:focus-visible,
.ic-public-entry .try-footer a:focus-visible{
  outline:3px solid var(--ic-focus-ring);
  outline-offset:3px;
}
.ic-public-entry .try-receipt{
  grid-column:1/-1;
  border-color:var(--ic-brand-border);
  background:linear-gradient(145deg,var(--ic-surface),var(--ic-premium-soft));
}
.ic-public-entry .try-receipt-top{gap:var(--ic-space-3)}
.ic-public-entry .try-receipt-top div{
  border:1px solid var(--ic-border-subtle);
  border-radius:var(--ic-radius-md);
  background:var(--ic-surface);
}
.ic-public-entry .try-receipt-top small,
.ic-public-entry .try-next small{color:var(--ic-text-tertiary)}
.ic-public-entry .try-signal-grid{gap:var(--ic-space-2)}
.ic-public-entry .try-signal{
  border-color:var(--ic-border-subtle);
  border-radius:var(--ic-radius-md);
  background:var(--ic-surface);
}
.ic-public-entry .try-signal span{color:var(--ic-text-secondary)}
.ic-public-entry .try-signal.is-found{
  border-color:var(--ic-success-border);
  background:var(--ic-success-soft);
}
.ic-public-entry .try-signal.is-found span{color:var(--ic-success-600)}
.ic-public-entry .try-next{
  border:1px solid var(--ic-border-inverse);
  border-radius:var(--ic-radius-lg);
  background:linear-gradient(145deg,var(--ic-surface-dark),var(--ic-surface-dark-2));
  color:var(--ic-text-inverse);
}
.ic-public-entry .try-next small{color:var(--ic-premium-500)}
.ic-public-entry .try-next strong{font-family:var(--ic-font-display)}
.ic-public-entry .try-next p{color:var(--ic-text-inverse-muted)}
.ic-public-entry .try-method{
  grid-column:1/-1;
  margin:0;
  padding:var(--ic-space-5);
  border:1px solid var(--ic-border-subtle);
  border-radius:var(--ic-radius-lg);
  background:var(--ic-surface);
  color:var(--ic-text-secondary);
  box-shadow:var(--ic-shadow-xs);
}
.ic-public-entry .try-method strong{color:var(--ic-text-primary)}
.ic-public-entry .try-footer{
  max-width:var(--ic-width-app);
  padding:var(--ic-space-6);
  border-top-color:var(--ic-border-subtle);
  color:var(--ic-text-secondary);
}
.ic-public-entry .try-footer a{color:var(--ic-brand-600)}
@media(hover:hover) and (pointer:fine){
  .ic-public-entry .try-btn:hover{transform:translateY(-1px)}
}
@media(max-width:980px){
  .ic-public-entry .try-main{grid-template-columns:1fr}
  .ic-public-entry .try-intro,
  .ic-public-entry .try-receipt,
  .ic-public-entry .try-method{grid-column:1}
}
@media(max-width:700px){
  .ic-public-entry .try-header{padding:var(--ic-space-4)}
  .ic-public-entry .try-main{padding:var(--ic-space-4) var(--ic-space-3) var(--ic-space-10)}
  .ic-public-entry .try-intro{padding:var(--ic-space-6);border-radius:var(--ic-radius-lg)}
  .ic-public-entry .try-intro h1{font-size:36px}
  .ic-public-entry .try-steps{grid-template-columns:1fr}
  .ic-public-entry .try-card{padding:var(--ic-space-5);border-radius:var(--ic-radius-lg)}
  .ic-public-entry .try-recorder-actions{width:100%}
  .ic-public-entry .try-recorder-actions .try-btn{flex:1}
  .ic-public-entry .try-receipt-top{grid-template-columns:1fr}
  .ic-public-entry .try-signal-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:440px){
  .ic-public-entry .try-trust{max-width:160px}
  .ic-public-entry .try-signal-grid{grid-template-columns:1fr}
  .ic-public-entry .try-intro h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .ic-public-entry .try-btn{transition:none}
}