:root{--twc-red:#D7003A;--twc-green:#2F7D4A;--twc-yellow:#FFCC00;--twc-blue:#0055FF;--twc-ink:#1C211D;--twc-cream:#F7F2EA;--twc-line:2px solid var(--twc-ink);--twc-shadow:6px 6px 0 var(--twc-ink)}
html,body{max-width:100%;overflow-x:hidden}
.twc-header-container{background:#fff;border-top:6px solid var(--twc-red);border-bottom:1px solid #ddd}
.twc-header-inner{background:#fff}
.twc-header-row{position:relative;display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:34px;align-items:center;width:min(calc(100% - 48px),1760px);min-height:var(--twc-header-height,108px);margin:auto;padding:14px 0 12px}
.twc-logo{grid-column:1;grid-row:1/3;display:block;max-width:330px}.twc-logo img{display:block;width:100%;height:auto}
.twc-header-actions{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:24px}.twc-action{display:flex;align-items:center;gap:7px;color:var(--twc-ink);font-size:.82rem;font-weight:800;text-decoration:none}.twc-action span{font-size:1.25rem}
.twc-global-nav{grid-column:2;grid-row:2;align-self:end;min-width:0}.twc-menu{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none}.twc-menu>li{position:relative;border-left:1px solid #ddd;min-width:0}.twc-menu>li:first-child{border-left:0}.twc-menu>li>a{display:block;padding:9px 14px 14px;color:var(--twc-ink);font-size:clamp(.68rem,.74vw,.82rem);font-weight:800;white-space:nowrap;text-decoration:none}.twc-menu>li>a:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:3px;background:var(--twc-red)}.twc-menu>li:nth-child(2)>a:after{background:var(--twc-green)}.twc-menu>li:nth-child(3)>a:after{background:var(--twc-blue)}.twc-menu>li:nth-child(4)>a:after{background:var(--twc-yellow)}.twc-menu>li:nth-child(5)>a:after{background:#2c8c8c}.twc-menu>li:nth-child(6)>a:after{background:#b99a74}.twc-menu>li:nth-child(7)>a:after{background:var(--twc-ink)}
.twc-menu-toggle{display:none;border:0;background:transparent;padding:0}.twc-menu-toggle span{display:block;width:24px;height:2px;background:var(--twc-ink);margin:5px 0}
.front-page #content,.front-page #content-in,.front-page .main{max-width:none;width:100%;margin:0;padding:0;background:var(--twc-cream)}.front-page #sidebar{display:none}
.twc-home{width:min(calc(100% - 32px),1180px);margin:0 auto;padding:34px 0 70px;color:var(--twc-ink)}.twc-home *{box-sizing:border-box}.twc-home a{text-decoration:none;color:inherit}
.twc-card,.twc-story,.twc-side-box,.twc-tool{border:var(--twc-line);background:#fff}.twc-card{background:var(--twc-bg,#fff);color:var(--twc-text,var(--twc-ink));box-shadow:var(--twc-shadow);min-width:0}.twc-card a{display:flex;flex-direction:column;height:100%;color:inherit}
.twc-cover{display:block;width:100%;height:100%;object-fit:cover}.twc-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:170px;background:#eee;color:#777;font-weight:900}
.twc-label{display:inline-block;padding:5px 9px;background:var(--twc-red);border:var(--twc-line);color:#fff;font-size:.72rem;font-weight:900}.twc-meta{display:inline-block;padding:3px 7px;background:#fff;border:1px solid var(--twc-ink);color:var(--twc-ink);font-size:.7rem;font-weight:900}
.twc-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr) minmax(210px,.62fr);grid-template-areas:"main red red" "main yellow blue" "wide wide dark" "strip strip strip";gap:14px;margin-bottom:64px}
.twc-main-card{grid-area:main}.twc-red{grid-area:red}.twc-yellow{grid-area:yellow}.twc-blue{grid-area:blue}.twc-wide{grid-area:wide}.twc-dark{grid-area:dark}.twc-strip{grid-area:strip}
.twc-main-media{aspect-ratio:16/9;border-bottom:var(--twc-line);overflow:hidden}.twc-main-copy,.twc-slot-copy{padding:22px}.twc-main-copy{display:flex;flex-direction:column;flex:1}.twc-main-copy h1{margin:12px 0 10px;font-size:clamp(2rem,3vw,3.15rem);line-height:1.02;letter-spacing:-.045em}.twc-main-copy p{margin:0 0 16px}.twc-main-copy h2{margin:auto 0 0;padding-top:14px;border-top:1px solid #ccc;font-size:1rem;line-height:1.45}
.twc-slot-media{aspect-ratio:16/9;border-bottom:var(--twc-line);overflow:hidden}.twc-slot-copy{display:flex;flex-direction:column;flex:1;min-width:0}.twc-slot-copy h2{margin:8px 0;font-size:clamp(1.05rem,1.7vw,1.55rem);line-height:1.25;overflow-wrap:anywhere}.twc-red .twc-slot-copy h2{font-size:clamp(1.4rem,2.3vw,2.1rem);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.twc-yellow h2,.twc-blue h2,.twc-dark h2{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.twc-arrow{margin-top:auto;font-weight:900}.twc-strip .twc-slot-copy{flex-direction:row;align-items:center;gap:18px;padding:17px 20px}.twc-strip h2{flex:1;font-size:clamp(.95rem,1.3vw,1.15rem)}
.twc-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin-bottom:72px}.twc-section-head{padding-bottom:12px;margin-bottom:22px;border-bottom:var(--twc-line)}.twc-section-head span{color:var(--twc-red);font-size:.72rem;font-weight:900;letter-spacing:.1em}.twc-section-head h2{margin:2px 0 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}
.twc-story-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.twc-story{grid-column:span 2;min-width:0}.twc-story-large{grid-column:span 4;grid-row:span 2}.twc-story-wide{grid-column:span 6}.twc-story a{display:flex;flex-direction:column;height:100%}.twc-story-wide a{display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr)}.twc-story-media{aspect-ratio:4/3;border-bottom:var(--twc-line);overflow:hidden}.twc-story-large .twc-story-media{aspect-ratio:16/10}.twc-story-wide .twc-story-media{aspect-ratio:auto;border-right:var(--twc-line);border-bottom:0}.twc-story-copy{padding:16px}.twc-story-copy span{color:var(--twc-green);font-size:.72rem;font-weight:800}.twc-story h3{margin:6px 0;font-size:1.05rem;line-height:1.42}.twc-story-large h3,.twc-story-wide h3{font-size:clamp(1.25rem,1.8vw,1.65rem)}
.twc-side{display:flex;flex-direction:column;gap:20px}.twc-side-box{padding:18px}.twc-side-box h2{margin:0 0 16px;padding-bottom:10px;border-bottom:var(--twc-line);font-size:1.2rem}.twc-side ol{display:grid;gap:14px;margin:0;padding:0;list-style:none}.twc-side ol a{display:grid;grid-template-columns:42px 1fr;gap:10px}.twc-side ol span{color:#adb5ae;font-size:1.6rem;font-weight:900}.twc-side ol strong{font-size:.8rem;line-height:1.5}.twc-side-dark{background:var(--twc-ink);color:#fff}.twc-side-dark h2{border-color:#fff}.twc-side-dark ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.twc-side-dark a{display:block;padding:6px 8px;background:#fff;color:var(--twc-ink);font-size:.72rem;font-weight:800}.twc-side-cta{background:var(--twc-yellow);box-shadow:var(--twc-shadow)}.twc-button{display:inline-block;padding:12px 18px;background:var(--twc-red);border:var(--twc-line);color:#fff!important;font-weight:900}
.twc-tools{padding:36px;border:var(--twc-line);background:var(--twc-ink);color:#fff;box-shadow:var(--twc-shadow)}.twc-tools>h2{margin:10px 0;font-size:clamp(1.9rem,3.4vw,3.2rem)}.twc-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.twc-tool{display:flex;flex-direction:column;min-height:190px;padding:20px;color:var(--twc-ink)!important}.twc-tool:nth-child(2){background:var(--twc-yellow)}.twc-tool:nth-child(3){background:var(--twc-red);color:#fff!important}.twc-tool:nth-child(4){background:var(--twc-blue);color:#fff!important}.twc-tool>b{font-size:2rem}.twc-tool h3{margin:12px 0 8px}.twc-tool strong{margin-top:auto;padding-top:16px}
@media(max-width:1280px){.twc-header-row{grid-template-columns:minmax(230px,285px) minmax(0,1fr);column-gap:20px;width:min(calc(100% - 28px),1240px)}.twc-logo{max-width:285px}.twc-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.twc-menu>li>a{white-space:normal;font-size:.69rem;padding:7px 6px 11px}}
@media(max-width:900px){.twc-header-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:10px 18px;min-height:auto;padding:12px 0}.twc-logo{grid-column:1;grid-row:1;max-width:320px}.twc-header-actions{grid-column:2;grid-row:1}.twc-global-nav{grid-column:1/3;grid-row:2}.twc-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.twc-hero{grid-template-columns:1fr 1fr;grid-template-areas:"main main" "red red" "yellow blue" "wide dark" "strip strip"}.twc-main-card>a{display:grid;grid-template-columns:1fr 1fr}.twc-main-media{aspect-ratio:auto;border-right:var(--twc-line);border-bottom:0}.twc-content-grid{grid-template-columns:1fr}.twc-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.twc-side-cta{grid-column:1/-1}.twc-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.twc-header-row{grid-template-columns:38px minmax(0,1fr) 68px;grid-template-rows:auto;width:100%;padding:8px;gap:4px}.twc-menu-toggle{display:block;grid-column:1;justify-self:center}.twc-logo{grid-column:2;grid-row:1;justify-self:center;max-width:230px}.twc-header-actions{grid-column:3;grid-row:1;gap:2px}.twc-action{width:30px;height:30px;justify-content:center}.twc-action strong{display:none}.twc-global-nav{position:absolute;top:100%;left:0;right:0;z-index:999;display:none;background:#fff;border-top:1px solid #ddd;box-shadow:0 8px 18px rgba(0,0,0,.08)}body.twc-menu-open .twc-global-nav{display:block}.twc-menu{display:grid;grid-template-columns:1fr}.twc-menu>li{border-left:0;border-bottom:1px solid #ddd}.twc-menu>li>a{padding:10px 14px 13px;font-size:.75rem}.twc-home{width:100%;padding:14px 10px 50px}.twc-hero{grid-template-columns:1fr;grid-template-areas:"main" "red" "yellow" "blue" "wide" "dark" "strip";gap:10px}.twc-main-card>a{display:flex}.twc-main-media{aspect-ratio:16/9;border-right:0;border-bottom:var(--twc-line)}.twc-main-copy,.twc-slot-copy{padding:16px}.twc-main-copy h1{font-size:clamp(1.7rem,9vw,2.2rem)}.twc-red .twc-slot-copy h2{font-size:1.28rem}.twc-strip .twc-slot-copy{flex-direction:column;align-items:flex-start}.twc-story-grid,.twc-side,.twc-tool-grid{grid-template-columns:1fr}.twc-story,.twc-story-large,.twc-story-wide,.twc-side-cta{grid-column:1}.twc-story-wide a{display:flex}.twc-story-wide .twc-story-media{aspect-ratio:4/3;border-right:0;border-bottom:var(--twc-line)}.twc-tools{padding:24px 16px}}


/* v0.1.1 Popular tags */
.twc-tag-box{
	background:#fff;
}

.twc-tag-box h2{
	margin:0 0 16px;
	padding-bottom:10px;
	border-bottom:var(--twc-line);
	font-size:1.2rem;
}

.twc-tag-cloud{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.twc-tag-cloud a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:7px 10px;
	border:1px solid var(--twc-ink);
	background:var(--twc-cream);
	color:var(--twc-ink);
	font-size:.74rem;
	font-weight:800;
	line-height:1.25;
}

.twc-tag-cloud a:hover{
	background:var(--twc-red);
	color:#fff;
}

.twc-tag-cloud a span{
	display:inline-grid;
	place-items:center;
	min-width:20px;
	height:20px;
	padding:0 5px;
	border-radius:999px;
	background:var(--twc-ink);
	color:#fff;
	font-size:.65rem;
}

.twc-tag-cloud a:hover span{
	background:#fff;
	color:var(--twc-red);
}

.twc-tag-empty{
	margin:0;
	color:#777;
	font-size:.82rem;
}


/* v0.2.0 Typography and excerpts */
.twc-main-copy h1{
  font-size:clamp(28px,4vw,var(--twc-hero-title-size,50px));
  font-family:var(--twc-hero-title-font,sans-serif);
}
.twc-brand-lead{font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.8}
.twc-main-excerpt{margin:12px 0 0;padding-top:12px;border-top:1px solid currentColor;font-size:.88rem;line-height:1.7;opacity:.86}
.twc-sub-excerpt{margin:4px 0 12px;font-size:.8rem;line-height:1.55;opacity:.88}
.twc-section-head h2{
  font-size:clamp(24px,3.2vw,var(--twc-new-heading-size,44px));
  font-family:var(--twc-new-heading-font,sans-serif);
}
.twc-story h3{
  font-size:clamp(13px,1.4vw,var(--twc-new-title-size,17px));
  font-family:var(--twc-new-title-font,sans-serif);
}
.twc-story-large h3,.twc-story-wide h3{
  font-size:clamp(calc(var(--twc-new-title-size,17px) + 2px),2vw,calc(var(--twc-new-title-size,17px) + 8px));
}
.twc-tools>h2{
  font-size:clamp(24px,3.6vw,var(--twc-tools-heading-size,48px));
  font-family:var(--twc-tools-heading-font,sans-serif);
}
.twc-tools-lead{max-width:760px;line-height:1.8}
@media(max-width:600px){
  .twc-main-copy h1{font-size:clamp(28px,10vw,min(var(--twc-hero-title-size,50px),44px))}
  .twc-section-head h2{font-size:clamp(24px,8vw,min(var(--twc-new-heading-size,44px),38px))}
  .twc-tools>h2{font-size:clamp(24px,8vw,min(var(--twc-tools-heading-size,48px),40px))}
}


/* v0.2.1 Per-slot hero excerpts */
.twc-main-excerpt,
.twc-sub-excerpt{
  margin:10px 0 0;
  font-size:.88rem;
  line-height:1.65;
  color:inherit;
  opacity:.88;
  overflow-wrap:anywhere;
}
.twc-main-excerpt{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid currentColor;
  border-top-color:color-mix(in srgb,currentColor 22%,transparent);
}
.twc-strip .twc-sub-excerpt{
  flex:1 1 100%;
  margin:4px 0 0;
}
.twc-strip .twc-slot-copy:has(.twc-sub-excerpt){
  flex-wrap:wrap;
}
@media(max-width:600px){
  .twc-main-excerpt,.twc-sub-excerpt{font-size:.84rem;line-height:1.6}
}


/* v0.2.2 Hero 7 responsive correction */
.twc-strip,
.twc-strip > a,
.twc-strip .twc-slot-copy{
  min-width:0;
  max-width:100%;
}

.twc-strip h2{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Tablet: prevent title from pushing outside the strip */
@media(max-width:900px){
  .twc-strip .twc-slot-copy{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:start;
    column-gap:14px;
    row-gap:8px;
  }

  .twc-strip .twc-meta{
    grid-column:1;
    grid-row:1;
  }

  .twc-strip h2{
    grid-column:2;
    grid-row:1;
    width:100%;
    margin:0;
    font-size:clamp(.92rem,2.3vw,1.08rem);
    line-height:1.4;
  }

  .twc-strip .twc-sub-excerpt{
    grid-column:1/4;
    grid-row:2;
    width:100%;
    margin:0;
  }

  .twc-strip .twc-arrow{
    grid-column:3;
    grid-row:1;
    align-self:center;
    margin:0;
  }
}

/* Smartphone: stack all elements vertically and shrink title */
@media(max-width:600px){
  .twc-strip .twc-slot-copy,
  .twc-strip .twc-slot-copy:has(.twc-sub-excerpt){
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    width:100%;
    max-width:100%;
    padding:15px 16px;
  }

  .twc-strip .twc-meta{
    flex:0 0 auto;
    max-width:100%;
  }

  .twc-strip h2{
    flex:none;
    width:100%;
    max-width:100%;
    margin:0;
    font-size:clamp(.88rem,4.2vw,1.02rem);
    line-height:1.45;
    letter-spacing:0;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .twc-strip .twc-sub-excerpt{
    flex:none;
    width:100%;
    max-width:100%;
    margin:0;
    font-size:.82rem;
    line-height:1.65;
  }

  .twc-strip .twc-arrow{
    flex:none;
    align-self:flex-start;
    margin:2px 0 0;
  }
}


/* v0.2.3 New article typography controls */
.twc-story-copy > span{
	color:var(--twc-new-meta-color,#2F7D4A);
	font-size:var(--twc-new-meta-size,12px);
	font-weight:var(--twc-new-meta-weight,800);
}

.twc-story h3{
	font-size:var(--twc-new-title-size,17px);
	font-family:var(--twc-new-title-font,sans-serif);
	font-weight:var(--twc-new-title-weight,700);
	line-height:var(--twc-new-title-line-height,1.42);
	overflow-wrap:anywhere;
}

.twc-story h3{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:var(--twc-new-title-lines,3);
	overflow:hidden;
}

.twc-story-copy > p{
	margin:.65em 0 0;
	color:var(--twc-new-excerpt-color,#687169);
	font-size:var(--twc-new-excerpt-size,14px);
	line-height:var(--twc-new-excerpt-line-height,1.7);
	font-weight:400;
	overflow-wrap:anywhere;
}

@supports not (-webkit-line-clamp: 3){
	.twc-story h3{
		display:block;
		overflow:visible;
	}
}


/* v0.2.4 Editor card */
.twc-editor-card{
	background:#fff;
}

.twc-editor-card > .twc-label{
	margin-bottom:16px;
}

.twc-editor-card__person{
	display:grid;
	grid-template-columns:72px minmax(0,1fr);
	gap:14px;
	align-items:center;
	margin-bottom:14px;
}

.twc-editor-card__avatar img{
	display:block;
	width:72px;
	height:72px;
	border:2px solid var(--twc-ink);
	border-radius:50%;
	object-fit:cover;
}

.twc-editor-card__identity{
	min-width:0;
}

.twc-editor-card__identity h2{
	margin:0;
	padding:0;
	border:0;
	font-size:1.08rem;
	line-height:1.35;
}

.twc-editor-card__role{
	margin:4px 0 0;
	color:#666;
	font-size:.72rem;
	font-weight:700;
	line-height:1.45;
}

.twc-editor-card__bio{
	margin:0;
	color:#4f5750;
	font-size:.82rem;
	line-height:1.75;
	overflow-wrap:anywhere;
}

.twc-editor-card__meta{
	margin-top:14px;
	padding-top:10px;
	border-top:1px solid #ddd;
	color:#666;
	font-size:.72rem;
	font-weight:800;
}

.twc-editor-card__profile{
	display:inline-block;
	margin-top:12px;
	color:var(--twc-red)!important;
	font-size:.8rem;
	font-weight:900;
}

.twc-editor-card__featured{
	margin-top:16px;
	padding-top:14px;
	border-top:var(--twc-line);
}

.twc-editor-card__featured > span{
	display:inline-block;
	margin-bottom:8px;
	padding:3px 7px;
	background:var(--twc-yellow);
	border:1px solid var(--twc-ink);
	font-size:.68rem;
	font-weight:900;
}

.twc-editor-card__featured > a{
	display:block;
	font-size:.82rem;
	font-weight:800;
	line-height:1.5;
}

.twc-editor-card__featured strong{
	display:block;
	margin-top:7px;
	color:var(--twc-red);
	font-size:.72rem;
}

@media(max-width:900px){
	.twc-editor-card{
		grid-column:1/-1;
	}

	.twc-editor-card__person{
		grid-template-columns:72px minmax(0,1fr);
	}
}

@media(max-width:600px){
	.twc-editor-card{
		grid-column:1;
	}

	.twc-editor-card__person{
		grid-template-columns:64px minmax(0,1fr);
	}

	.twc-editor-card__avatar img{
		width:64px;
		height:64px;
	}
}


/* v0.2.6 Flexible new article layouts */
.twc-story-grid{
	grid-auto-flow:dense;
	align-items:stretch;
}

.twc-story-small{
	grid-column:span 2;
}

.twc-story-large{
	grid-column:span 4;
	grid-row:span 2;
}

.twc-story-wide{
	grid-column:1/-1;
}

.twc-story-small .twc-story-media{
	aspect-ratio:4/3;
}

.twc-story-large .twc-story-media{
	aspect-ratio:16/10;
}

.twc-story-wide a{
	display:grid;
	grid-template-columns:minmax(220px,34%) minmax(0,1fr);
}

@media(max-width:900px){
	.twc-story-small{
		grid-column:span 3;
	}

	.twc-story-large,
	.twc-story-wide{
		grid-column:1/-1;
	}
}

@media(max-width:600px){
	.twc-story-small,
	.twc-story-large,
	.twc-story-wide{
		grid-column:1;
		grid-row:auto;
	}

	.twc-story-wide a{
		display:flex;
		flex-direction:column;
	}
}
